@omnia/fx 8.0.120-dev → 8.0.122-dev

package/internal-do-not-import-from-here/ux/mediapickerV2/imagegrid/ImageGrid.d.ts

@@ -1,5 +1,6 @@
 import { VNodeChild } from "vue";
 import { MediaItem } from "@omnia/fx-models";
+import { IMediaPickerProviderHandler } from "../interfaces";
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
         "v-slots": import("vue").Prop<{
@@ -7,6 +8,11 @@ declare const _default: {
         } & {
             itemDetailSlot?: (item: MediaItem) => VNodeChild;
         }>;
+        handler: {
+            type: import("vue").PropType<IMediaPickerProviderHandler>;
+        } & {
+            type: import("vue").PropType<IMediaPickerProviderHandler>;
+        };
         "append-to-grid": {
             type: import("vue").PropType<boolean>;
             required: false;
@@ -21,6 +27,11 @@ declare const _default: {
         } & {
             itemDetailSlot?: (item: MediaItem) => VNodeChild;
         }>;
+        handler: {
+            type: import("vue").PropType<IMediaPickerProviderHandler>;
+        } & {
+            type: import("vue").PropType<IMediaPickerProviderHandler>;
+        };
         "append-to-grid": {
             type: import("vue").PropType<boolean>;
             required: false;
@@ -42,6 +53,11 @@ declare const _default: {
         } & {
             itemDetailSlot?: (item: MediaItem) => VNodeChild;
         }>;
+        handler: {
+            type: import("vue").PropType<IMediaPickerProviderHandler>;
+        } & {
+            type: import("vue").PropType<IMediaPickerProviderHandler>;
+        };
         "append-to-grid": {
             type: import("vue").PropType<boolean>;
             required: false;
@@ -60,6 +76,11 @@ declare const _default: {
     } & {
         itemDetailSlot?: (item: MediaItem) => VNodeChild;
     }>;
+    handler: {
+        type: import("vue").PropType<IMediaPickerProviderHandler>;
+    } & {
+        type: import("vue").PropType<IMediaPickerProviderHandler>;
+    };
     "append-to-grid": {
         type: import("vue").PropType<boolean>;
         required: false;
@@ -75,6 +96,7 @@ declare const _default: {
         } & {
             itemDetailSlot?: (item: MediaItem) => VNodeChild;
         };
+        handler?: IMediaPickerProviderHandler;
         appendToGrid?: boolean;
         "append-to-grid"?: boolean;
     }>, never>;

package/internal-do-not-import-from-here/ux/mediapickerV2/imagetransformer/Components/cropper/ImageCropper.d.ts

@@ -1,54 +1,22 @@
-import ImageEditor from "tui-image-editor";
 declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        "image-editor": {
-            type: import("vue").PropType<ImageEditor>;
-        };
-        imageEditor: {
-            type: import("vue").PropType<ImageEditor>;
-        };
-    }>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
-    }>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        "image-editor": {
-            type: import("vue").PropType<ImageEditor>;
-        };
-        imageEditor: {
-            type: import("vue").PropType<ImageEditor>;
-        };
-    }>>, {}, true, {}, {}, {
+    }>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, {}, true, {}, {}, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        "image-editor": {
-            type: import("vue").PropType<ImageEditor>;
-        };
-        imageEditor: {
-            type: import("vue").PropType<ImageEditor>;
-        };
-    }>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    }, Readonly<import("vue").ExtractPropTypes<{}>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>[], {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    "image-editor": {
-        type: import("vue").PropType<ImageEditor>;
-    };
-    imageEditor: {
-        type: import("vue").PropType<ImageEditor>;
-    };
-}>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        imageEditor?: ImageEditor;
-        "image-editor"?: ImageEditor;
-    }>, never>;
+}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {}>, never>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/mediapickerV2/imagetransformer/Components/editor/ImageEditor.css.d.ts

@@ -1,6 +1,7 @@
 import { ColorDefinition } from "@omnia/fx-models";
 export declare const ImageEditorStyles: {
     imageMenuWrapper: (color: ColorDefinition, visible: boolean) => string;
+    transformer: {};
     menyDrawerExpanded: string;
     menyDrawer: (dark: boolean) => string;
     imageContainer: string;

package/internal-do-not-import-from-here/ux/mediapickerV2/imagetransformer/Components/editor/ImageEditorCanvas.d.ts

@@ -1,27 +1,24 @@
-import { MediaPickerCropTransformation, MediaPickerImageRatio, MediaPickerTransformation } from "@omnia/fx-models";
+import { MediaPickerTransformedBase64Image } from "@omnia/fx-models";
 import ImageEditor from "tui-image-editor";
+import { MediaPickerBase64Image } from "@omnia/fx-models";
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        ratio: {
-            type: import("vue").PropType<MediaPickerImageRatio>;
-        } & {
-            type: import("vue").PropType<MediaPickerImageRatio>;
+        "is-rollup-rendition-canvas": {
+            type: import("vue").PropType<boolean>;
         };
-        transformations: {
-            type: import("vue").PropType<MediaPickerTransformation[]>;
-        } & {
-            type: import("vue").PropType<MediaPickerTransformation[]>;
+        isRollupRenditionCanvas: {
+            type: import("vue").PropType<boolean>;
         };
-        crop: {
-            type: import("vue").PropType<MediaPickerCropTransformation>;
+        transformations: {
+            type: import("vue").PropType<string>;
         } & {
-            type: import("vue").PropType<MediaPickerCropTransformation>;
-        };
-        "image-src": {
             type: import("vue").PropType<string>;
         };
-        imageSrc: {
-            type: import("vue").PropType<string>;
+        "source-image": {
+            type: import("vue").PropType<MediaPickerBase64Image | MediaPickerTransformedBase64Image>;
+        };
+        sourceImage: {
+            type: import("vue").PropType<MediaPickerBase64Image | MediaPickerTransformedBase64Image>;
         };
         "container-id": {
             type: import("vue").PropType<string>;
@@ -46,26 +43,22 @@ declare const _default: {
     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         canvasInitialized: (imageEditor: ImageEditor) => true;
     }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        ratio: {
-            type: import("vue").PropType<MediaPickerImageRatio>;
-        } & {
-            type: import("vue").PropType<MediaPickerImageRatio>;
+        "is-rollup-rendition-canvas": {
+            type: import("vue").PropType<boolean>;
         };
-        transformations: {
-            type: import("vue").PropType<MediaPickerTransformation[]>;
-        } & {
-            type: import("vue").PropType<MediaPickerTransformation[]>;
+        isRollupRenditionCanvas: {
+            type: import("vue").PropType<boolean>;
         };
-        crop: {
-            type: import("vue").PropType<MediaPickerCropTransformation>;
+        transformations: {
+            type: import("vue").PropType<string>;
         } & {
-            type: import("vue").PropType<MediaPickerCropTransformation>;
-        };
-        "image-src": {
             type: import("vue").PropType<string>;
         };
-        imageSrc: {
-            type: import("vue").PropType<string>;
+        "source-image": {
+            type: import("vue").PropType<MediaPickerBase64Image | MediaPickerTransformedBase64Image>;
+        };
+        sourceImage: {
+            type: import("vue").PropType<MediaPickerBase64Image | MediaPickerTransformedBase64Image>;
         };
         "container-id": {
             type: import("vue").PropType<string>;
@@ -95,26 +88,22 @@ declare const _default: {
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
-        ratio: {
-            type: import("vue").PropType<MediaPickerImageRatio>;
-        } & {
-            type: import("vue").PropType<MediaPickerImageRatio>;
+        "is-rollup-rendition-canvas": {
+            type: import("vue").PropType<boolean>;
         };
-        transformations: {
-            type: import("vue").PropType<MediaPickerTransformation[]>;
-        } & {
-            type: import("vue").PropType<MediaPickerTransformation[]>;
+        isRollupRenditionCanvas: {
+            type: import("vue").PropType<boolean>;
         };
-        crop: {
-            type: import("vue").PropType<MediaPickerCropTransformation>;
+        transformations: {
+            type: import("vue").PropType<string>;
         } & {
-            type: import("vue").PropType<MediaPickerCropTransformation>;
-        };
-        "image-src": {
             type: import("vue").PropType<string>;
         };
-        imageSrc: {
-            type: import("vue").PropType<string>;
+        "source-image": {
+            type: import("vue").PropType<MediaPickerBase64Image | MediaPickerTransformedBase64Image>;
+        };
+        sourceImage: {
+            type: import("vue").PropType<MediaPickerBase64Image | MediaPickerTransformedBase64Image>;
         };
         "container-id": {
             type: import("vue").PropType<string>;
@@ -141,26 +130,22 @@ declare const _default: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    ratio: {
-        type: import("vue").PropType<MediaPickerImageRatio>;
-    } & {
-        type: import("vue").PropType<MediaPickerImageRatio>;
+    "is-rollup-rendition-canvas": {
+        type: import("vue").PropType<boolean>;
     };
-    transformations: {
-        type: import("vue").PropType<MediaPickerTransformation[]>;
-    } & {
-        type: import("vue").PropType<MediaPickerTransformation[]>;
+    isRollupRenditionCanvas: {
+        type: import("vue").PropType<boolean>;
     };
-    crop: {
-        type: import("vue").PropType<MediaPickerCropTransformation>;
+    transformations: {
+        type: import("vue").PropType<string>;
     } & {
-        type: import("vue").PropType<MediaPickerCropTransformation>;
-    };
-    "image-src": {
         type: import("vue").PropType<string>;
     };
-    imageSrc: {
-        type: import("vue").PropType<string>;
+    "source-image": {
+        type: import("vue").PropType<MediaPickerBase64Image | MediaPickerTransformedBase64Image>;
+    };
+    sourceImage: {
+        type: import("vue").PropType<MediaPickerBase64Image | MediaPickerTransformedBase64Image>;
     };
     "container-id": {
         type: import("vue").PropType<string>;
@@ -188,15 +173,15 @@ declare const _default: {
     propsDefinition: Omit<Readonly<{} & {
         maxHeight?: number;
         maxWidth?: number;
-        ratio?: MediaPickerImageRatio;
+        sourceImage?: MediaPickerBase64Image | MediaPickerTransformedBase64Image;
         "max-width"?: number;
         "max-height"?: number;
         containerId?: string;
-        imageSrc?: string;
-        crop?: MediaPickerCropTransformation;
-        transformations?: MediaPickerTransformation[];
+        transformations?: string;
         "container-id"?: string;
-        "image-src"?: string;
+        "source-image"?: MediaPickerBase64Image | MediaPickerTransformedBase64Image;
+        isRollupRenditionCanvas?: boolean;
+        "is-rollup-rendition-canvas"?: boolean;
     }>, "onCanvasInitialized"> & {
         onCanvasInitialized?: (imageEditor: ImageEditor) => any;
     };

package/internal-do-not-import-from-here/ux/mediapickerV2/imagetransformer/Components/filters/ImageFilters.d.ts

@@ -1,6 +1,5 @@
 import "../../ImageTransformer.css";
 import ImageEditor from "tui-image-editor";
-import { MediaPickerFilterTransformation } from "@omnia/fx-models";
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
         "image-editor": {
@@ -9,20 +8,14 @@ declare const _default: {
         imageEditor: {
             type: import("vue").PropType<ImageEditor>;
         };
-    }>> & {
-        onChangedImageConfiguration?: (imageFilterTransformationData: MediaPickerFilterTransformation) => any;
-    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        changedImageConfiguration: (imageFilterTransformationData: MediaPickerFilterTransformation) => true;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         "image-editor": {
             type: import("vue").PropType<ImageEditor>;
         };
         imageEditor: {
             type: import("vue").PropType<ImageEditor>;
         };
-    }>> & {
-        onChangedImageConfiguration?: (imageFilterTransformationData: MediaPickerFilterTransformation) => any;
-    }, {}, true, {}, {}, {
+    }>>, {}, true, {}, {}, {
         P: {};
         B: {};
         D: {};
@@ -36,9 +29,7 @@ declare const _default: {
         imageEditor: {
             type: import("vue").PropType<ImageEditor>;
         };
-    }>> & {
-        onChangedImageConfiguration?: (imageFilterTransformationData: MediaPickerFilterTransformation) => any;
-    }, () => JSX.Element, {}, {}, {}, {}>;
+    }>>, () => JSX.Element, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -49,16 +40,10 @@ declare const _default: {
     imageEditor: {
         type: import("vue").PropType<ImageEditor>;
     };
-}>> & {
-    onChangedImageConfiguration?: (imageFilterTransformationData: MediaPickerFilterTransformation) => any;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    changedImageConfiguration: (imageFilterTransformationData: MediaPickerFilterTransformation) => true;
-}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
         imageEditor?: ImageEditor;
         "image-editor"?: ImageEditor;
-    }>, "onChangedImageConfiguration"> & {
-        onChangedImageConfiguration?: (imageFilterTransformationData: MediaPickerFilterTransformation) => any;
-    };
+    }>, never>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/mediapickerV2/imagetransformer/ImageTransformer.d.ts

@@ -1,31 +1,16 @@
-import { MediaPickerImageTransformationResult } from "@omnia/fx/models";
 declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>> & {
-        onChanged?: (currentTransformationResult: MediaPickerImageTransformationResult) => any;
-    }, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        changed: (currentTransformationResult: MediaPickerImageTransformationResult) => true;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>> & {
-        onChanged?: (currentTransformationResult: MediaPickerImageTransformationResult) => any;
-    }, {}, true, {}, {}, {
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, {}, true, {}, {}, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{}>> & {
-        onChanged?: (currentTransformationResult: MediaPickerImageTransformationResult) => any;
-    }, () => JSX.Element, {}, {}, {}, {}>;
+    }, Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>> & {
-    onChanged?: (currentTransformationResult: MediaPickerImageTransformationResult) => any;
-}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    changed: (currentTransformationResult: MediaPickerImageTransformationResult) => true;
-}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {}>, "onChanged"> & {
-        onChanged?: (currentTransformationResult: MediaPickerImageTransformationResult) => any;
-    };
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {}>, never>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/mediapickerV2/imagetransformer/Utils/cropUtils.d.ts

@@ -0,0 +1,21 @@
+import { MediaPickerEnums, MediaPickerCropTransformation, MediaPickerImageTransformationResult } from "@omnia/fx-models";
+import ImageEditor from "tui-image-editor";
+/**
+ * Image cropper utils namespace
+ */
+export declare namespace ImageCropperUtils {
+    /**
+     * @description This is because in server side the data is of type integer
+     * @param cropData media picker crop transformation
+     * @returns the crop data with the values rounded down
+     */
+    function correctCropData(cropData: MediaPickerCropTransformation): {
+        imageRatioId?: number;
+        width?: number;
+        height?: number;
+        positionLeft?: number;
+        positionTop?: number;
+        type: MediaPickerEnums.MediaPickerTransformationTypes;
+    };
+    function getCustomCropZone(editorInstance: ImageEditor, transformedResult: MediaPickerImageTransformationResult): MediaPickerCropTransformation;
+}

package/internal-do-not-import-from-here/ux/mediapickerV2/imagetransformer/Utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./cropUtils";
+export * from "./transformUtils";

package/internal-do-not-import-from-here/ux/mediapickerV2/imagetransformer/Utils/transformUtils.d.ts

@@ -0,0 +1,7 @@
+export declare function onApplyStyle(editorInstance: tuiImageEditor.ImageEditor, filterStyles: {
+    key: string;
+    value: any;
+}[], flipperStyles: {
+    key: string;
+    value: any;
+}[]): Promise<any>;

package/internal-do-not-import-from-here/ux/mediapickerV2/imagetransformer/loc/localize.d.ts

@@ -29,6 +29,7 @@ export declare namespace ImageTransformerLocalization {
         ColorFilter: string;
         TransformComponentTitle: string;
         ImageAlt: string;
+        ImageCaption: string;
         Calculating: string;
         Size: {
             Title: string;
@@ -42,5 +43,6 @@ export declare namespace ImageTransformerLocalization {
             InvalidCropzoneTitle: string;
             InvalidCropzoneMessage: string;
         };
+        AdditionRenditions: string;
     }
 }