@omnia/fx 8.0.111-vnext → 8.0.112-vnext

package/internal-do-not-import-from-here/ux/mediapicker/MediaPicker.d.ts

@@ -1,159 +1,20 @@
-import { useThemeStoreV2 } from "@omnia/fx/ux";
-import { VNodeChild } from "vue";
-import { ThemeDefinitionV2 } from "@omnia/fx-models";
-export type RegisterThemeStore = (store: ReturnType<typeof useThemeStoreV2>) => void;
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: {
-            style?: unknown;
-            class?: unknown;
-            key?: string | number | symbol;
-            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 "v-slots"?: {
-                default?: import("../DefineVueTypings").Slot<any[]>;
-            } & {
-                activator?: () => VNodeChild;
-            };
-            "onUpdate:modelValue"?: (themeDefinition: ThemeDefinitionV2) => any;
-            readonly themeStoreRegistrationHook?: RegisterThemeStore;
-            readonly "theme-store-registration-hook"?: RegisterThemeStore;
-        };
-        $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: "update:modelValue", themeDefinition: ThemeDefinitionV2) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            "v-slots": import("vue").Prop<{
-                default?: import("../DefineVueTypings").Slot<any[]>;
-            } & {
-                activator?: () => VNodeChild;
-            }>;
-            "theme-store-registration-hook": {
-                type: import("vue").PropType<RegisterThemeStore>;
-            };
-            themeStoreRegistrationHook: {
-                type: import("vue").PropType<RegisterThemeStore>;
-            };
-        }>> & {
-            "onUpdate:modelValue"?: (themeDefinition: ThemeDefinitionV2) => any;
-        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:modelValue": (themeDefinition: ThemeDefinitionV2) => true;
-        }, 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<{
-        "v-slots": import("vue").Prop<{
-            default?: import("../DefineVueTypings").Slot<any[]>;
-        } & {
-            activator?: () => VNodeChild;
-        }>;
-        "theme-store-registration-hook": {
-            type: import("vue").PropType<RegisterThemeStore>;
-        };
-        themeStoreRegistrationHook: {
-            type: import("vue").PropType<RegisterThemeStore>;
-        };
-    }>> & {
-        "onUpdate:modelValue"?: (themeDefinition: ThemeDefinitionV2) => any;
-    } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    "v-slots": import("vue").Prop<{
-        default?: import("../DefineVueTypings").Slot<any[]>;
-    } & {
-        activator?: () => VNodeChild;
-    }>;
-    "theme-store-registration-hook": {
-        type: import("vue").PropType<RegisterThemeStore>;
-    };
-    themeStoreRegistrationHook: {
-        type: import("vue").PropType<RegisterThemeStore>;
-    };
-}>> & {
-    "onUpdate:modelValue"?: (themeDefinition: ThemeDefinitionV2) => any;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (themeDefinition: ThemeDefinitionV2) => true;
-}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        "v-slots"?: {
-            default?: import("../DefineVueTypings").Slot<any[]>;
-        } & {
-            activator?: () => VNodeChild;
-        };
-        themeStoreRegistrationHook?: RegisterThemeStore;
-        "theme-store-registration-hook"?: RegisterThemeStore;
-    }>, "onUpdate:modelValue"> & {
-        "onUpdate:modelValue"?: (themeDefinition: ThemeDefinitionV2) => any;
-    };
-};
-export default _default;
+import { IWebComponentInstance } from "../../";
+import { MediaPickerEnums, MediaPickerImage, type MediaPickerImageSettings, MediaPickerMedia, MediaPickerProvider, MediaPickerStorageProviderContext, MediaPickerVideo } from "../../models";
+import { VueComponentBase } from "../VueComponentBase";
+import { IMediaPicker } from "./IMediaPicker";
+export declare class MediaPicker extends VueComponentBase<IMediaPicker> implements IWebComponentInstance, IMediaPicker {
+    selectableMediaTypes: MediaPickerEnums.OmniaMediaTypes[];
+    providerConfiguration?: (providers: MediaPickerProvider[]) => MediaPickerProvider[];
+    selectedMedia?: MediaPickerImage | MediaPickerVideo | Array<MediaPickerImage | MediaPickerVideo>;
+    providerContext: MediaPickerStorageProviderContext;
+    imageSettings?: MediaPickerImageSettings;
+    saved: (result: MediaPickerMedia) => void;
+    closed?: () => void;
+    dialog: boolean;
+    enableGallery: boolean;
+    itemLimit: number;
+    enableMediaCaption?: boolean;
+    mounted(): void;
+    private renderRenderer;
+    render(): void | JSX.Element;
+}

package/internal-do-not-import-from-here/ux/mediapicker/MediaPickerComponentProps.d.ts

@@ -16,6 +16,7 @@ export interface MediaPickerProviderComponentProps {
     selectableMediaTypes?: Array<MediaPickerEnums.OmniaMediaTypes>;
     /** Set the search keyword value and execute the onSearch method */
     setSearchKeyword: (value: string) => void;
+    onChanged: (state: any) => void;
 }
 export interface MediaPickerImageTransformerProps {
     sourceImage: MediaPickerBase64Image | MediaPickerTransformedBase64Image;
@@ -26,4 +27,5 @@ export interface MediaPickerImageTransformerProps {
     options?: ImageTransformerOptions;
     nisse: any;
     testThis: any;
+    showCaption: boolean;
 }

package/internal-do-not-import-from-here/ux/mediapicker/MediaPickerRenderer.d.ts

@@ -1,86 +1 @@
-import { IMediaPicker } from "@omnia/fx/ux";
-import { OmniaContext } from "../../";
-import { SubscriptionHandler } from "../../core";
-import { MediaPickerEnums, MediaPickerImage, MediaPickerImageSettings, MediaPickerLimitedSizeSettings, MediaPickerMedia, MediaPickerProvider, MediaPickerStorageProviderContext, MediaPickerVideo } from "../../models";
-import { MediaPickerService, SettingsService } from "../../services";
-import { MediaPickerStore, MultilingualStore } from "../../stores";
-import { VueComponentBase, VueComponentBaseProps } from "../VueComponentBase";
-import { MediaPickerLocalization } from "./loc/localize";
-declare interface MediaPickerActionButton {
-    text: string;
-    show: boolean;
-    onClick: any;
-    icon?: string;
-    iconLeft?: boolean;
-    loading?: boolean;
-    highLighted?: boolean;
-    leftAligned?: boolean;
-}
-export declare class MediaPickerRenderer extends VueComponentBase<IMediaPicker & VueComponentBaseProps> {
-    selectableMediaTypes: MediaPickerEnums.OmniaMediaTypes[];
-    providerConfiguration?: (providers: MediaPickerProvider[]) => MediaPickerProvider[];
-    selectedMedia?: MediaPickerImage | MediaPickerVideo;
-    providerContext: MediaPickerStorageProviderContext;
-    imageSettings?: MediaPickerImageSettings;
-    saved: (result: MediaPickerMedia) => void;
-    closed?: () => void;
-    protected settingsService: SettingsService<MediaPickerLimitedSizeSettings>;
-    omniaContext: OmniaContext;
-    multilingualStore: MultilingualStore;
-    private localizationStore;
-    subscriptionHandler: SubscriptionHandler;
-    loc: MediaPickerLocalization.locInterface;
-    private uxLoc;
-    mediaPickerService: MediaPickerService;
-    mediaPickerStore: MediaPickerStore;
-    private id_search;
-    private defaultEditImageMenuId;
-    private activedMenuItemId;
-    private activedProvider;
-    private transformerElementName;
-    private editingImageActionButtons;
-    private renditions;
-    private convertingFromBase64ToMediaPicker;
-    isSearching: boolean;
-    hasLoadedInfiniteScrollHandler: boolean;
-    searchTimeout: any;
-    searchQueryText: string;
-    currentFile: {
-        size: number;
-        width: number;
-        height: number;
-    };
-    static imageBankElementProvider: string;
-    private currentTransformerResult;
-    private menuItems;
-    private selectedImageTransformationSource;
-    private registeredProviders;
-    created(): void;
-    private init;
-    private processSelectedMediaInput;
-    private EnsureDefaultImageEditProviderIsSelected;
-    private createMediaPickerImageFromUrl;
-    onKeypress(event: any): void;
-    private onPickerClose;
-    private setSearchKeyword;
-    onSearch(immediate?: boolean): void;
-    private onEditingImageSaveButtonClick;
-    private getFileNameFromBase64;
-    private updateImage;
-    private onSelectMenuItem;
-    private onChangedExistedImage;
-    private getMediaProvider;
-    renderMenuItems(): JSX.Element[];
-    renderLeftMenu(): JSX.Element;
-    renderActionButtons(buttons: Array<MediaPickerActionButton>): JSX.Element[];
-    private renderEditImageForm;
-    private renderActivedProvider;
-    private onCreatedProviderComponent;
-    private activedProviderComponent;
-    private isShowLoadingOverlay;
-    private isShowLoading;
-    private renderLoading;
-    private renderMainForm;
-    render(): JSX.Element;
-}
 export {};

package/internal-do-not-import-from-here/ux/mediapicker/core/MediaPickerImageHandler.d.ts

@@ -24,7 +24,6 @@ export declare class MediaPickerImageHandler {
     static calculateBase64Size(b64Data: string): number;
     static getDefaultLimitedSizeSettings(): any;
     static isImageFormatSupportForScaling(imageFormat: string): boolean;
-    static isImageFormatSupportForMediaPicker(imageFormat: string): boolean;
     /**
     * Retrieve imgUrl from svg string
     * @param {LegacySvgImage} svgImg

package/internal-do-not-import-from-here/ux/mediapicker/core/Utils.d.ts

@@ -0,0 +1,5 @@
+export declare module Utils {
+    const nameof: <T>(name: keyof T) => keyof T;
+    function isImageTransformationResult(obj: any): boolean;
+    function isVideoMediaPicker(obj: any): boolean;
+}

package/internal-do-not-import-from-here/ux/mediapicker/core/index.d.ts

@@ -1 +1,2 @@
 export * from "./MediaPickerImageHandler";
+export * from "./Utils";

package/internal-do-not-import-from-here/ux/mediapickerV2/framework/MediaPicker.css.d.ts

@@ -1,4 +1,8 @@
 export declare const MediaPickerStyles: {
     navigationMenuWrapper: (dark: boolean) => string;
     imageMenuWrapper: (dark: boolean) => string;
+    emptyContainer: {
+        wrapper: string;
+        positioner: string;
+    };
 };