@omnia/fx 8.0.126-dev → 8.0.128-dev

package/internal-do-not-import-from-here/ux/oxide/slidepanel/SlidePanel.d.ts

@@ -1,12 +1,20 @@
 import { useSlidePanelStore } from "@omnia/fx/ux";
-import "internal/fx/libs/swiper";
-import Swiper from "swiper";
+import { Swiper } from "internal/fx/libs/swiper";
+export declare const SlidePanelVariation: readonly ["default", "custom-navigation"];
+export type SlidePanelVariationType = typeof SlidePanelVariation[number];
 /**
  * Slide panel component
  * @remarks - read the docs here of Core API https://swiperjs.com/swiper-api
  */
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        variant: {
+            type: import("vue").PropType<"default" | "custom-navigation">;
+            required: false;
+        } & {
+            type: import("vue").PropType<"default" | "custom-navigation">;
+            required: false;
+        };
         "content-wrapper-class": {
             type: import("vue").PropType<string>;
         };
@@ -77,6 +85,13 @@ declare const _default: {
         afterInit: (swiper: Swiper) => void;
         init: (swiper: Swiper) => void;
     }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        variant: {
+            type: import("vue").PropType<"default" | "custom-navigation">;
+            required: false;
+        } & {
+            type: import("vue").PropType<"default" | "custom-navigation">;
+            required: false;
+        };
         "content-wrapper-class": {
             type: import("vue").PropType<string>;
         };
@@ -155,6 +170,13 @@ declare const _default: {
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
+        variant: {
+            type: import("vue").PropType<"default" | "custom-navigation">;
+            required: false;
+        } & {
+            type: import("vue").PropType<"default" | "custom-navigation">;
+            required: false;
+        };
         "content-wrapper-class": {
             type: import("vue").PropType<string>;
         };
@@ -230,6 +252,13 @@ declare const _default: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    variant: {
+        type: import("vue").PropType<"default" | "custom-navigation">;
+        required: false;
+    } & {
+        type: import("vue").PropType<"default" | "custom-navigation">;
+        required: false;
+    };
     "content-wrapper-class": {
         type: import("vue").PropType<string>;
     };
@@ -312,18 +341,19 @@ declare const _default: {
         navigation?: boolean;
         class?: String | String[];
         scrollbar?: boolean;
+        variant?: "default" | "custom-navigation";
+        contentWrapperClass?: string;
+        "content-wrapper-class"?: string;
         getApi?: (store: ReturnType<typeof useSlidePanelStore>) => void;
         "get-api"?: (store: ReturnType<typeof useSlidePanelStore>) => void;
         autoplay?: boolean;
-        pagination?: boolean;
-        loop?: boolean;
         delay?: number;
+        loop?: boolean;
+        pagination?: boolean;
         slidesPerView?: number;
         "slides-per-view"?: number;
         slideSpacing?: number;
         "slide-spacing"?: number;
-        contentWrapperClass?: string;
-        "content-wrapper-class"?: string;
     }>, "onInit" | "onAfterInit"> & {
         onInit?: (swiper: Swiper) => any;
         onAfterInit?: (swiper: Swiper) => any;

package/internal-do-not-import-from-here/ux/oxide/slidepanel/constants.d.ts

@@ -9,3 +9,7 @@ export declare const SwiperClass: {
     readonly buttonPrev: "swiper-button-prev";
     readonly scrollbarDrag: "swiper-scrollbar-drag";
 };
+export declare const customNavigationClass: {
+    readonly next: "swiper-button-next-omnia";
+    readonly prev: "swiper-button-prev-omnia";
+};

package/internal-do-not-import-from-here/ux/oxide/slidepanel/index.d.ts

@@ -1 +1,2 @@
 export * from "./store";
+export * from "./constants";

package/internal-do-not-import-from-here/ux/oxide/slidepanel/store/SlidePanelStore.d.ts

@@ -16,7 +16,7 @@ export declare const useSlidePanelStore: () => {
             slideTo: {
                 subscribe(fn: (index: number) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
-            slideChange: {
+            onSlideChange: {
                 subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             autoplay: {
@@ -36,7 +36,7 @@ export declare const useSlidePanelStore: () => {
             slideTo: {
                 subscribe(fn: (result: void, index: number) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
-            slideChange: {
+            onSlideChange: {
                 subscribe(fn: (result: void) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             autoplay: {
@@ -56,7 +56,7 @@ export declare const useSlidePanelStore: () => {
             slideTo: {
                 subscribe(fn: (failureReason: any, index: number) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
-            slideChange: {
+            onSlideChange: {
                 subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             autoplay: {
@@ -68,7 +68,7 @@ export declare const useSlidePanelStore: () => {
         nextSlide: () => void;
         prevSlide: () => void;
         slideTo: (index: number) => void;
-        slideChange: () => void;
+        onSlideChange: () => void;
         autoplay: {
             start: () => void;
             stop: () => void;

package/internal-do-not-import-from-here/ux/oxide/switch/Switch.d.ts

@@ -285,9 +285,9 @@ declare const _default: {
         colorSchemaType?: any;
         colors?: any;
     } & {
+        disabled?: boolean;
         label?: string;
         class?: String | String[];
-        disabled?: boolean;
         "v-model"?: boolean;
         "onUpdate:modelValue"?: (value: boolean) => any;
         modelValue?: boolean;

package/internal-do-not-import-from-here/ux/oxide/tab/Tab.d.ts

@@ -237,8 +237,8 @@ declare const _default: {
     } & {
         title?: string;
         icon?: TabIconModel;
-        class?: String | String[];
         disabled?: boolean;
+        class?: String | String[];
         "v-model"?: boolean;
         "onUpdate:modelValue"?: (value: boolean) => any;
         modelValue?: boolean;

package/internal-do-not-import-from-here/ux/oxide/tab/Tabs.d.ts

@@ -383,12 +383,12 @@ declare const _default: {
         vertical?: boolean;
         contentClass?: string | string[];
         grow?: boolean;
+        toned?: boolean;
         blueprint?: TabsBlueprint;
         "v-model"?: number;
         "onUpdate:modelValue"?: (value: number) => any;
         modelValue?: number;
         variant?: "navigation" | "default" | "header" | "toolbar" | "settings";
-        toned?: boolean;
         scrolling?: string;
         stacked?: boolean;
         "content-class"?: string | string[];

package/internal-do-not-import-from-here/ux/oxide/text/Text.d.ts

@@ -264,11 +264,11 @@ declare const _default: {
         typography?: "title" | "text" | "navigation" | TypographyTypes;
         class?: String | String[];
         size?: "xs" | "s" | "m" | "l" | "xl" | TypographySizes;
-        blueprint?: TextBlueprint;
+        colorType?: "base" | "onBase" | "container" | "onContainer" | ColorTypes;
         toned?: boolean;
+        blueprint?: TextBlueprint;
         typographyValue?: TypographyValue;
         "typography-value"?: TypographyValue;
-        colorType?: "base" | "onBase" | "container" | "onContainer" | ColorTypes;
         "color-type"?: "base" | "onBase" | "container" | "onContainer" | ColorTypes;
         truncateLines?: number;
         "truncate-lines"?: number;

package/internal-do-not-import-from-here/ux/oxide/textarea/TextArea.d.ts

@@ -500,13 +500,14 @@ declare const _default: {
         colors?: any;
     } & {
         color?: ColorValue;
+        disabled?: boolean;
         label?: string;
         class?: String | String[];
-        disabled?: boolean;
         errorMessages?: string | string[];
         rows?: number;
         placeholder?: string;
         readonly?: boolean;
+        toned?: boolean;
         "v-model"?: string;
         "onUpdate:modelValue"?: (value: string) => any;
         modelValue?: string;
@@ -514,7 +515,6 @@ declare const _default: {
             default?: import("../../DefineVueTypings").Slot<any[]>;
         } & VTextAreaSlots;
         autofocus?: boolean;
-        toned?: boolean;
         rules?: ValidationRule[];
         hint?: string;
         persistentHint?: boolean;

package/internal-do-not-import-from-here/ux/oxide/textfield/TextField.d.ts

@@ -558,12 +558,13 @@ declare const _default: {
     } & {
         type?: "number" | "text" | "password";
         color?: ColorValue;
+        disabled?: boolean;
         label?: string;
         class?: String | String[];
-        disabled?: boolean;
         errorMessages?: string | string[];
         placeholder?: string;
         readonly?: boolean;
+        toned?: boolean;
         "v-model"?: string | number | WritableComputedRef<string>;
         "onUpdate:modelValue"?: (value: string | number | WritableComputedRef<string>) => any;
         modelValue?: string | number | WritableComputedRef<string>;
@@ -573,7 +574,6 @@ declare const _default: {
         prefix?: string;
         autofocus?: boolean;
         variant?: "search" | "link" | "default" | "media" | "find-slim";
-        toned?: boolean;
         loading?: boolean;
         rules?: ValidationRule[];
         hint?: string;

package/internal-do-not-import-from-here/ux/oxide/toolbar/Toolbar.d.ts

@@ -280,6 +280,7 @@ declare const _default: {
         icon?: IIcon;
         class?: String | String[];
         closeButton?: boolean;
+        toned?: boolean;
         "v-slots"?: {
             default?: import("../../DefineVueTypings").Slot<any[]>;
         } & {
@@ -290,7 +291,6 @@ declare const _default: {
         subTitle?: string;
         "sub-title"?: string;
         divider?: boolean;
-        toned?: boolean;
         "close-button"?: boolean;
         backButton?: boolean;
         "back-button"?: boolean;

package/internal-do-not-import-from-here/ux/permissioninput/PermissionInput.d.ts

@@ -274,8 +274,8 @@ declare const _default: {
     };
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
-        serviceId?: GuidValue;
         disabled?: boolean;
+        serviceId?: GuidValue;
         settings?: PermissionInputSettings;
         getApi?: (api: IPermissionInputApi) => void;
         "get-api"?: (api: IPermissionInputApi) => void;
@@ -285,13 +285,13 @@ declare const _default: {
         "context-params"?: {
             [key: string]: string | number;
         };
-        "service-id"?: GuidValue;
         onValueUpdated?: (rolePermissionSetting: Array<RolePermissionSetting>) => Promise<void>;
         "on-value-updated"?: (rolePermissionSetting: Array<RolePermissionSetting>) => Promise<void>;
         onValueUpdating?: () => Promise<void>;
         "on-value-updating"?: () => Promise<void>;
         hideSaveButton?: boolean;
         "hide-save-button"?: boolean;
+        "service-id"?: GuidValue;
         dataSource?: {
             [roleId: string]: PermissionBinding[];
         };

package/internal-do-not-import-from-here/ux/permissioninput/TenantAdminPermissionInput.d.ts

@@ -254,8 +254,8 @@ declare const _default: {
     };
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
-        serviceId?: GuidValue;
         disabled?: boolean;
+        serviceId?: GuidValue;
         getApi?: (api: IPermissionInputApi) => void;
         "get-api"?: (api: IPermissionInputApi) => void;
         contextParams?: {
@@ -264,13 +264,13 @@ declare const _default: {
         "context-params"?: {
             [key: string]: string | number;
         };
-        "service-id"?: GuidValue;
         onValueUpdated?: (rolePermissionSetting: Array<RolePermissionSetting>) => Promise<void>;
         "on-value-updated"?: (rolePermissionSetting: Array<RolePermissionSetting>) => Promise<void>;
         onValueUpdating?: () => Promise<void>;
         "on-value-updating"?: () => Promise<void>;
         hideSaveButton?: boolean;
         "hide-save-button"?: boolean;
+        "service-id"?: GuidValue;
         dataSource?: {
             [roleId: string]: PermissionBinding[];
         };

package/internal-do-not-import-from-here/ux/post/IPost.d.ts

@@ -1,19 +1,19 @@
-import { PostStyle, TsxAllowUnknowProperties } from "..";
+import { PostStyle } from "..";
 import { GuidValue, OmitProperties, ThemeDefinition, IPostBaseWithContext, IPostBaseContext, IPersistedPost, ResolvedUserIdentity, ReactionType } from "../../models";
 import { IRichTextEditor } from "../richtexteditor";
 export interface IPostCustomSlots {
     /**
      * Should render both the author name and custom part, if not passed will render default author name
      * */
-    renderTitle?: (post: IPersistedPost<IPostBaseWithContext<IPostBaseContext>>, targetThemeId?: GuidValue) => JSX.Element | JSX.Element[];
+    renderTitle?: (post: IPersistedPost<IPostBaseWithContext<IPostBaseContext>>) => JSX.Element | JSX.Element[];
     /**
      * Render additional content next to the Post/Save button
      * */
-    renderActionButtons?: (post: IPersistedPost<IPostBaseWithContext<IPostBaseContext>>, targetThemeId?: GuidValue) => JSX.Element | JSX.Element[];
+    renderActionButtons?: (post: IPersistedPost<IPostBaseWithContext<IPostBaseContext>>) => JSX.Element | JSX.Element[];
     /**
      * Render promote post actions, next to Reply
      * */
-    promotePostAction?: (post: IPersistedPost<IPostBaseWithContext<IPostBaseContext>>, targetThemeId?: GuidValue) => JSX.Element | JSX.Element[];
+    promotePostAction?: (post: IPersistedPost<IPostBaseWithContext<IPostBaseContext>>) => JSX.Element | JSX.Element[];
 }
 export interface PostPermission {
     contributor: boolean;
@@ -55,14 +55,3 @@ export interface IPostComponent {
         [topicId: string]: PostPermission;
     };
 }
-declare global {
-    namespace JSX {
-        interface Element {
-        }
-        interface ElementClass {
-        }
-        interface IntrinsicElements {
-            "omfx-post-component": TsxAllowUnknowProperties<IPostComponent>;
-        }
-    }
-}

package/internal-do-not-import-from-here/ux/post/Post.d.ts

@@ -1,83 +1,149 @@
-import { VueComponentBase } from "..";
-import { IWebComponentInstance } from "../..";
-import { OmniaContext } from "../../contexts";
-import { GuidValue, IPersistedPost, IPostBaseContext, IPostBaseWithContext, OmitProperties, ResolvedUserIdentity, ThemeDefinition } from "../../models";
-import { PostStyle } from "../models";
+import { GuidValue, IPostBaseContext, IPostBaseWithContext, OmitProperties, ResolvedUserIdentity, ThemeDefinition } from "../../models";
 import { IRichTextEditor } from "../richtexteditor";
-import { IPostComponent, IPostCustomSlots, PostPermission, PostProvider } from "./IPost";
-import { PostLocalization } from "./loc/localize";
+import { IPostCustomSlots, PostPermission, PostProvider } from "./IPost";
 import "./Post.css";
-import { UserIdentityStore } from "@omnia/fx/stores";
-export default class PostComponent extends VueComponentBase implements IWebComponentInstance, IPostComponent {
-    omniaContext: OmniaContext;
-    userIdentityStore: UserIdentityStore;
-    private featureStore;
-    postLoc: PostLocalization.locInterface;
-    provider: PostProvider;
-    editContentOnTop?: boolean;
-    omniaServiceId: GuidValue;
-    postTypeId: GuidValue;
-    showMoreSize: number;
+declare const _default: <TItem extends readonly any[], TModel extends unknown>(props: {
     richTextSettings?: OmitProperties<IRichTextEditor, "initialContent" | "onContentChange">;
-    styles?: typeof PostStyle;
+} & {
+    provider?: PostProvider<IPostBaseContext, IPostBaseWithContext<IPostBaseContext>>;
+} & {
+    editContentOnTop?: boolean;
+} & {
+    omniaServiceId?: GuidValue;
+} & {
+    postTypeId?: GuidValue;
+} & {
+    showMoreSize?: number;
+} & {
+    styles?: {
+        postWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+        postWrapperDialog?: import("typestyle/lib/types").NestedCSSProperties;
+        replyWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+        showMoreExtraSpacingReply?: import("typestyle/lib/types").NestedCSSProperties;
+        showMoreExtraSpacing?: import("typestyle/lib/types").NestedCSSProperties;
+        topPostAvatarWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+        replyAvatarWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+        showMoreActionWrapper?: () => import("typestyle/lib/types").NestedCSSProperties;
+        slimSpacing?: import("typestyle/lib/types").NestedCSSProperties;
+        postAvatarWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+    };
+} & {
     cardStyle?: ThemeDefinition;
+} & {
     allowLikes?: boolean;
+} & {
     enableMention?: boolean;
+} & {
     customSlots?: IPostCustomSlots;
+} & {
     hideEditOption?: boolean;
-    getTopPostIds: () => {
+} & {
+    getTopPostIds?: () => {
         [commentId: string]: string;
     };
-    getUserHash: () => {
+} & {
+    getUserHash?: () => {
         [principalName: string]: ResolvedUserIdentity;
     };
-    topicPermissionDictionary: {
+} & {
+    topicPermissionDictionary?: {
         [topicId: string]: PostPermission;
     };
-    isLoading: boolean;
-    currentUser: ResolvedUserIdentity;
-    showOnlyPromotedPost: boolean;
-    canCreateNewPost: boolean;
-    postAddingHashKey: string;
-    postsReplyingHashKey: {
-        [id: string]: string;
+} & Omit<{}, "omniaServiceId" | "styles" | "provider" | "cardStyle" | "richTextSettings" | "enableMention" | "editContentOnTop" | "postTypeId" | "showMoreSize" | "allowLikes" | "customSlots" | "hideEditOption" | "getTopPostIds" | "getUserHash" | "topicPermissionDictionary"> & {
+    "v-slots"?: {
+        default?: import("vue").Slot;
     };
-    postsHashKey: {
-        [id: string]: string;
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "omniaServiceId" | "styles" | "provider" | "cardStyle" | "richTextSettings" | "enableMention" | "editContentOnTop" | "postTypeId" | "showMoreSize" | "allowLikes" | "customSlots" | "hideEditOption" | "getTopPostIds" | "getUserHash" | "topicPermissionDictionary">) => {
+    $: import("vue").ComponentInternalInstance;
+    $data: {};
+    $props: {};
+    $attrs: {
+        [x: string]: unknown;
     };
-    postAdding: IPersistedPost<IPostBaseWithContext<IPostBaseContext>>;
-    postsReplying: {
-        [id: string]: IPersistedPost<IPostBaseWithContext<IPostBaseContext>>;
+    $refs: {
+        [x: string]: unknown;
     };
-    postsBeingEdited: Array<IPersistedPost<IPostBaseWithContext<IPostBaseContext>>>;
-    currentShowMoreSize: {
-        [id: string]: number;
+    $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<any, any, any, any, any, any, any, any, any, {}, {}, 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)[];
     };
-    private postClasses;
-    private minIndexToShow;
-    private topMostId;
-    private topPosts;
-    private postTemplate;
-    private enableTeamsPresence;
-    onPromotedPostChange(newValue: IPersistedPost<IPostBaseWithContext<IPostBaseContext>>, oldValue: IPersistedPost<IPostBaseWithContext<IPostBaseContext>>): void;
-    onPostsChange(newValue: IPersistedPost<IPostBaseWithContext<IPostBaseContext>>[], oldValue: IPersistedPost<IPostBaseWithContext<IPostBaseContext>>[]): void;
-    created(): void;
-    mounted(): void;
-    updateCreatePostPermission(): void;
-    initPostAdding(): void;
-    extendCurrentShowMoreSize(id: string, size?: number): void;
-    handlePostAdding: (addedPost: boolean, postId: string, parentPost?: IPersistedPost<IPostBaseWithContext<IPostBaseContext>>) => void;
-    onCancelReply(persistedParentPost: IPersistedPost<IPostBaseWithContext<IPostBaseContext>>): void;
-    onOpenReply(persistedPostToReplyOn: IPersistedPost<IPostBaseWithContext<IPostBaseContext>>): void;
-    openEditPost(post: IPersistedPost<IPostBaseWithContext<IPostBaseContext>>): void;
-    cancelEditPost(post: IPersistedPost<IPostBaseWithContext<IPostBaseContext>>): void;
-    isElementInViewport(el: any): boolean;
-    getPostsCountLabel(postsCount: number): string;
-    renderPosts(): JSX.Element;
-    renderShowMoreOption(id: string): JSX.Element;
-    renderShowAllOption(id: string): JSX.Element;
-    renderMainPostComponent(post: IPersistedPost<IPostBaseWithContext<IPostBaseContext>>, slimSpacing: boolean): JSX.Element;
-    renderPostsWithReplies(parentPost: IPersistedPost<IPostBaseWithContext<IPostBaseContext>>): JSX.Element;
-    renderPromotedPost(): JSX.Element | JSX.Element[];
-    render(): JSX.Element;
-}
+    $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;
+} & Omit<{}, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+    propsDefinition: {
+        richTextSettings?: OmitProperties<IRichTextEditor, "initialContent" | "onContentChange">;
+    } & {
+        provider?: PostProvider<IPostBaseContext, IPostBaseWithContext<IPostBaseContext>>;
+    } & {
+        editContentOnTop?: boolean;
+    } & {
+        omniaServiceId?: GuidValue;
+    } & {
+        postTypeId?: GuidValue;
+    } & {
+        showMoreSize?: number;
+    } & {
+        styles?: {
+            postWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+            postWrapperDialog?: import("typestyle/lib/types").NestedCSSProperties;
+            replyWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+            showMoreExtraSpacingReply?: import("typestyle/lib/types").NestedCSSProperties;
+            showMoreExtraSpacing?: import("typestyle/lib/types").NestedCSSProperties;
+            topPostAvatarWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+            replyAvatarWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+            showMoreActionWrapper?: () => import("typestyle/lib/types").NestedCSSProperties;
+            slimSpacing?: import("typestyle/lib/types").NestedCSSProperties;
+            postAvatarWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+        };
+    } & {
+        cardStyle?: ThemeDefinition;
+    } & {
+        allowLikes?: boolean;
+    } & {
+        enableMention?: boolean;
+    } & {
+        customSlots?: IPostCustomSlots;
+    } & {
+        hideEditOption?: boolean;
+    } & {
+        getTopPostIds?: () => {
+            [commentId: string]: string;
+        };
+    } & {
+        getUserHash?: () => {
+            [principalName: string]: ResolvedUserIdentity;
+        };
+    } & {
+        topicPermissionDictionary?: {
+            [topicId: string]: PostPermission;
+        };
+    } & {
+        "v-slots"?: {
+            default?: import("vue").Slot;
+        };
+    } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "omniaServiceId" | "styles" | "provider" | "cardStyle" | "richTextSettings" | "enableMention" | "editContentOnTop" | "postTypeId" | "showMoreSize" | "allowLikes" | "customSlots" | "hideEditOption" | "getTopPostIds" | "getUserHash" | "topicPermissionDictionary">;
+} & import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>;
+export default _default;