@omnia/fx-models 8.0.5-vnext → 8.0.6-dev-dev

package/media-gallery/providers/PhotoLayoutMap.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/media-gallery/providers/PhotoWall.d.ts

@@ -0,0 +1,10 @@
+import { GuidValue } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
+import { MediaGalleryDisplayProvider } from "./MediaGalleryDisplayProvider";
+export declare class PhotoWall implements MediaGalleryDisplayProvider {
+    id: GuidValue;
+    name: string;
+    /**
+     *
+     */
+    constructor();
+}

package/media-gallery/providers/PhotoWall.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PhotoWall = void 0;
+const ManifestIds_1 = require("../../ManifestIds");
+class PhotoWall {
+    /**
+     *
+     */
+    constructor() {
+        this.id = ManifestIds_1.OmniaWebComponentManifests.FxPhotoWallProvider;
+        this.name = "WCM.Media.Gallery.PhotoWall.Title";
+    }
+}
+exports.PhotoWall = PhotoWall;

package/media-gallery/providers/PhotoWallDirection.d.ts

@@ -0,0 +1,5 @@
+import { FlexDirection } from "./PhotoWallGridLayout";
+export interface PhotoWallDirection {
+    gridDirection: FlexDirection;
+    photoDirection: FlexDirection;
+}

package/media-gallery/providers/PhotoWallDirection.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/media-gallery/providers/PhotoWallGridLayout.d.ts

@@ -0,0 +1,9 @@
+export declare enum PhotoWallGridLayout {
+    Portrait = 0,
+    Square = 1,
+    Landscape = 2
+}
+export declare enum FlexDirection {
+    Row = 0,
+    Column = 1
+}

package/media-gallery/providers/PhotoWallGridLayout.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlexDirection = exports.PhotoWallGridLayout = void 0;
+var PhotoWallGridLayout;
+(function (PhotoWallGridLayout) {
+    PhotoWallGridLayout[PhotoWallGridLayout["Portrait"] = 0] = "Portrait";
+    PhotoWallGridLayout[PhotoWallGridLayout["Square"] = 1] = "Square";
+    PhotoWallGridLayout[PhotoWallGridLayout["Landscape"] = 2] = "Landscape";
+})(PhotoWallGridLayout = exports.PhotoWallGridLayout || (exports.PhotoWallGridLayout = {}));
+var FlexDirection;
+(function (FlexDirection) {
+    FlexDirection[FlexDirection["Row"] = 0] = "Row";
+    FlexDirection[FlexDirection["Column"] = 1] = "Column";
+})(FlexDirection = exports.FlexDirection || (exports.FlexDirection = {}));

package/media-gallery/providers/PhotoWallMedia.d.ts

@@ -0,0 +1,8 @@
+export interface PhotoWallMedia {
+    source: string;
+    isVideo: boolean;
+    alt?: string;
+}
+export interface PhotoWallMediaWithId extends PhotoWallMedia {
+    id: number;
+}

package/media-gallery/providers/PhotoWallMedia.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/media-gallery/providers/SliderDialogProvider.d.ts

@@ -0,0 +1,10 @@
+import { GuidValue } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
+import { MediaGalleryDialogProvider } from "./MediaGalleryDialogProvider";
+export declare class SliderDialogProvider implements MediaGalleryDialogProvider {
+    id: GuidValue;
+    name: string;
+    /**
+     *
+     */
+    constructor();
+}

package/media-gallery/providers/SliderDialogProvider.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SliderDialogProvider = void 0;
+const ManifestIds_1 = require("../../ManifestIds");
+// import { OmniaWebComponentManifests } from "@omnia/fx-models";
+class SliderDialogProvider {
+    /**
+     *
+     */
+    constructor() {
+        this.id = ManifestIds_1.OmniaWebComponentManifests.FxSliderDialogProvider;
+        this.name = "Omnia.Fx.Media.Gallery.SliderDialog.Title";
+    }
+}
+exports.SliderDialogProvider = SliderDialogProvider;

package/media-gallery/providers/index.d.ts

@@ -0,0 +1,12 @@
+export * from "./MediaDialogProviderComponentProps";
+export * from "./MediaDisplayProviderComponentProps";
+export * from "./MediaGalleryDisplayProvider";
+export * from "./MediaGalleryDialogProvider";
+export * from "./MediaGalleryDialogProvider";
+export * from "./MediaGalleryDisplayProvider";
+export * from "./PhotoLayoutMap";
+export * from "./PhotoWall";
+export * from "./PhotoWallDirection";
+export * from "./PhotoWallGridLayout";
+export * from "./PhotoWallMedia";
+export * from "./SliderDialogProvider";

package/media-gallery/providers/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./MediaDialogProviderComponentProps"), exports);
+tslib_1.__exportStar(require("./MediaDisplayProviderComponentProps"), exports);
+tslib_1.__exportStar(require("./MediaGalleryDisplayProvider"), exports);
+tslib_1.__exportStar(require("./MediaGalleryDialogProvider"), exports);
+tslib_1.__exportStar(require("./MediaGalleryDialogProvider"), exports);
+tslib_1.__exportStar(require("./MediaGalleryDisplayProvider"), exports);
+tslib_1.__exportStar(require("./PhotoLayoutMap"), exports);
+tslib_1.__exportStar(require("./PhotoWall"), exports);
+tslib_1.__exportStar(require("./PhotoWallDirection"), exports);
+tslib_1.__exportStar(require("./PhotoWallGridLayout"), exports);
+tslib_1.__exportStar(require("./PhotoWallMedia"), exports);
+tslib_1.__exportStar(require("./SliderDialogProvider"), exports);

package/media-gallery/styles/IRowPhotos.css.d.ts

@@ -0,0 +1,4 @@
+import { types } from "typestyle";
+export declare const IRowPhotosCss: {
+    remainingNumber: types.NestedCSSProperties;
+};

package/media-gallery/styles/IRowPhotos.css.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IRowPhotosCss = void 0;
+exports.IRowPhotosCss = {};

package/media-gallery/styles/index.d.ts

@@ -0,0 +1 @@
+export * from "./IRowPhotos.css";

package/media-gallery/styles/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./IRowPhotos.css"), exports);

package/media-picker/MediaPickerImageRendition.d.ts

@@ -1,9 +1,9 @@
 export interface MediaPickerRenditionData {
     renditionId: number;
-    positionLeft: number;
-    positionTop: number;
-    width: number;
-    height: number;
+    positionLeft?: number;
+    positionTop?: number;
+    width?: number;
+    height?: number;
 }
 export interface PersistedMediaPickerRendition extends MediaPickerRenditionData {
     fileName: string;

package/media-picker/MediaPickerMedia.d.ts

@@ -2,19 +2,25 @@ import { GuidValue, MediaPickerEnums } from "..";
 export interface MediaPickerMedia {
     omniaMediaType: MediaPickerEnums.OmniaMediaTypes;
 }
-export interface MediaPickerImageMetaData {
+export interface MediaPickerImageMetaData extends IMediaMetadata {
     /**
      * File name including file type extension
      * i.e. "name.format" or atleast .filetype for unknown file names
      * */
     fileName: string;
+}
+export interface IMediaMetadata {
+    caption?: string;
     altText?: string;
+    providerId?: GuidValue;
+}
+export interface IVideoMetadata extends IMediaMetadata {
 }
 export interface MediaPickerImage extends MediaPickerMedia, MediaPickerImageMetaData {
     omniaImageId: number;
     omniaServiceId: GuidValue;
 }
-export interface MediaPickerVideo extends MediaPickerMedia {
+export interface MediaPickerVideo extends MediaPickerMedia, IVideoMetadata {
     html: string;
     thumbnailUrl?: string;
     videoUrl: string;

package/media-picker/MediaPickerPersistedImageDetails.d.ts

@@ -10,4 +10,5 @@ export interface MediaPickerPersistedImageInformation {
     croppedTransformedImageFileName: string;
     fileExtension: string;
     imageAlternateText: string;
+    imageCaption: string;
 }

package/media-picker/MediaPickerSearchProvider.d.ts

@@ -0,0 +1,5 @@
+import { ImageItem, VideoItem } from ".";
+export interface IMediaPickerSerchProvider {
+    onSearch: (searchKeyword: string) => Promise<Array<ImageItem | VideoItem>>;
+    onSearchMore: (searchQueryText: string, lastLoadedIndex: number) => Promise<Array<ImageItem | VideoItem>>;
+}

package/media-picker/MediaPickerSearchProvider.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/media-picker/MediaPickerTransformations.d.ts

@@ -4,10 +4,10 @@ export interface MediaPickerTransformation {
 }
 export interface MediaPickerCropTransformation extends MediaPickerTransformation {
     imageRatioId?: number;
-    width: number;
-    height: number;
-    positionLeft: number;
-    positionTop: number;
+    width?: number;
+    height?: number;
+    positionLeft?: number;
+    positionTop?: number;
 }
 export interface MediaPickerFilterTransformation extends MediaPickerTransformation {
     grayscale?: boolean;
@@ -25,4 +25,5 @@ export interface MediaPickerFilterTransformation extends MediaPickerTransformati
 export interface MediaPickerFlipTransformation extends MediaPickerTransformation {
     flipX: boolean;
     flipY: boolean;
+    rotation: number;
 }

package/media-picker/Providers/BingProvider.d.ts

@@ -12,6 +12,7 @@ export declare class MediaPickerBingProvider implements MediaPickerProvider {
     sortOrder?: number;
     selectableMediaTypes: MediaPickerEnums.OmniaMediaTypes[];
     providerComponentId: GuidValue;
+    supportGalleryFeature: boolean;
     constructor();
     hasEditorForMedia: (media: MediaPickerVideo | MediaPickerPersistedImage) => boolean;
 }

package/media-picker/Providers/BingProvider.js

@@ -17,6 +17,7 @@ class MediaPickerBingProvider {
         this.providerComponentId = ManifestIds_1.OmniaWebComponentManifests.FxUxBingProvider;
         this.sortOrder = 30;
         this.selectableMediaTypes = [Enums_1.MediaPickerEnums.OmniaMediaTypes.Image, Enums_1.MediaPickerEnums.OmniaMediaTypes.Video];
+        this.supportGalleryFeature = true;
     }
 }
 exports.MediaPickerBingProvider = MediaPickerBingProvider;

package/media-picker/Providers/CentralImageLocationProvider.d.ts

@@ -17,6 +17,7 @@ export declare class MediaPickerCentralImageLocationProvider implements MediaPic
     selectableMediaTypes: MediaPickerEnums.OmniaMediaTypes[];
     providerComponentId: GuidValue;
     imageLocationSettings: CentralImageLocation;
+    supportGalleryFeature?: boolean;
     constructor(imageLocationSettings: CentralImageLocation, providerName: string);
     hasEditorForMedia: (media: MediaPickerVideo | MediaPickerPersistedImage) => boolean;
 }

package/media-picker/Providers/CentralImageLocationProvider.js

@@ -17,7 +17,7 @@ class MediaPickerCentralImageLocationProvider {
         this.id = imageLocationSettings.libraryId;
         this.category = "image";
         this.name = providerName;
-        this.icon = new Icon_1.FontAwesomeIcon("fas fa-images");
+        this.icon = new Icon_1.FontAwesomeIcon("fa-duotone fa-images");
         //this.providerElementName = "omfx-media-picker-central-image-location-provider";
         this.providerComponentId = ManifestIds_1.OmniaWebComponentManifests.FxUxCentralImageLocationProvider;
         this.sortOrder = 20;
@@ -26,6 +26,7 @@ class MediaPickerCentralImageLocationProvider {
          */
         this.selectableMediaTypes = [Enums_1.MediaPickerEnums.OmniaMediaTypes.Image, Enums_1.MediaPickerEnums.OmniaMediaTypes.Video];
         this.imageLocationSettings = imageLocationSettings;
+        this.supportGalleryFeature = true;
     }
 }
 exports.MediaPickerCentralImageLocationProvider = MediaPickerCentralImageLocationProvider;

package/media-picker/Providers/DallEProvider.d.ts

@@ -0,0 +1,18 @@
+import { MediaPickerProvider } from ".";
+import { GuidValue } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
+import { MediaPickerEnums } from "../../Enums";
+import { IIcon } from "../../Icon";
+import { MediaPickerPersistedImage } from "../Shared";
+import { MediaPickerVideo } from "../MediaPickerMedia";
+export declare class MediaPickerDallEProvider implements MediaPickerProvider {
+    id: GuidValue;
+    category: string;
+    name: string;
+    icon: IIcon;
+    sortOrder?: number;
+    selectableMediaTypes: MediaPickerEnums.OmniaMediaTypes[];
+    providerComponentId: GuidValue;
+    supportGalleryFeature?: boolean;
+    constructor();
+    hasEditorForMedia: (media: MediaPickerVideo | MediaPickerPersistedImage) => boolean;
+}

package/media-picker/Providers/DallEProvider.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MediaPickerDallEProvider = void 0;
+const Enums_1 = require("../../Enums");
+const Icon_1 = require("../../Icon");
+const Constants_1 = require("../../Constants");
+const ManifestIds_1 = require("../../ManifestIds");
+class MediaPickerDallEProvider {
+    constructor() {
+        this.hasEditorForMedia = (media) => {
+            return false;
+        };
+        this.id = Constants_1.Constants.ux.components.mediaPicker.providerIds.dalle;
+        this.category = "image";
+        this.name = "Dall-E";
+        this.icon = new Icon_1.SvgIcon("<svg width=\"24px\" height=\"24px\" style=\"color: #919191\" role=\"img\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><title>OpenAI</title><path d=\"M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z\" fill=\"#919191\"></path></svg>");
+        this.providerComponentId = ManifestIds_1.OmniaWebComponentManifests.FxUxDallEProvider;
+        this.selectableMediaTypes = [Enums_1.MediaPickerEnums.OmniaMediaTypes.Image];
+        this.sortOrder = 80;
+        this.supportGalleryFeature = true;
+    }
+}
+exports.MediaPickerDallEProvider = MediaPickerDallEProvider;

package/media-picker/Providers/MediaPickerProvider.d.ts

@@ -17,5 +17,6 @@ export declare abstract class MediaPickerProvider {
     sortOrder?: number;
     selectableMediaTypes: Array<MediaPickerEnums.OmniaMediaTypes>;
     providerComponentId: GuidValue;
+    abstract supportGalleryFeature?: boolean;
     constructor();
 }

package/media-picker/Providers/MediaflowProvider.d.ts

@@ -0,0 +1,18 @@
+import { MediaPickerProvider } from ".";
+import { GuidValue } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
+import { MediaPickerEnums } from "../../Enums";
+import { IIcon } from "../../Icon";
+import { MediaPickerVideo } from "../MediaPickerMedia";
+import { MediaPickerPersistedImage } from "../Shared";
+export declare class MediaPickerMediaflowProvider implements MediaPickerProvider {
+    id: GuidValue;
+    category: string;
+    name: string;
+    icon: IIcon;
+    sortOrder?: number;
+    selectableMediaTypes: MediaPickerEnums.OmniaMediaTypes[];
+    providerComponentId: GuidValue;
+    supportGalleryFeature?: boolean;
+    constructor();
+    hasEditorForMedia: (media: MediaPickerVideo | MediaPickerPersistedImage) => boolean;
+}

package/media-picker/Providers/MediaflowProvider.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MediaPickerMediaflowProvider = void 0;
+const Constants_1 = require("../../Constants");
+const Enums_1 = require("../../Enums");
+const ManifestIds_1 = require("../../ManifestIds");
+const Icon_1 = require("../../Icon");
+class MediaPickerMediaflowProvider {
+    constructor() {
+        this.hasEditorForMedia = (media) => {
+            let result = false;
+            if (media) {
+                const videourl = media.videoUrl;
+                if (videourl && videourl?.startsWith("https://play.mediaflowpro.com") || videourl?.startsWith("https://m.mediaflow.com/mp4")) {
+                    result = true;
+                }
+            }
+            return result;
+        };
+        this.id = Constants_1.Constants.ux.components.mediaPicker.providerIds.mediaflow;
+        this.category = "image";
+        this.name = "Mediaflow";
+        this.icon = new Icon_1.SvgIcon(`
+            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 183 86">
+                <g transform="translate(-1)">
+                    <path d="M159.343,80.229a18.849,18.849,0,0,1-15.86-8.608l-6.8-10.149,7.067-10.544a18.82,18.82,0,1,1,15.6,29.3Zm0-43.285A24.709,24.709,0,0,0,138.936,47.7l-5.741,8.569L107.086,17.314,88.232,45.448,57.773,0,1,84.715H7.972L57.773,10.4,84.746,50.65,61.907,84.715h6.973L88.232,55.852,98.16,70.664h6.973L91.719,50.649l15.368-22.932,22.622,33.754L114.13,84.715H121.1l12.092-18.042,5.44,8.117a24.613,24.613,0,1,0,20.708-37.846Z" fill="#fff" fill-rule="evenodd"/>
+                </g>
+            </svg>`);
+        this.providerComponentId = ManifestIds_1.OmniaWebComponentManifests.FxUxMediaflowProvider;
+        this.selectableMediaTypes = [Enums_1.MediaPickerEnums.OmniaMediaTypes.Image, Enums_1.MediaPickerEnums.OmniaMediaTypes.Video];
+        this.sortOrder = 41;
+        this.supportGalleryFeature = true;
+    }
+}
+exports.MediaPickerMediaflowProvider = MediaPickerMediaflowProvider;

package/media-picker/Providers/MicrosoftStreamProvider.d.ts

@@ -12,6 +12,7 @@ export declare class MediaPickerMicrosoftStreamProvider implements MediaPickerPr
     sortOrder?: number;
     selectableMediaTypes: MediaPickerEnums.OmniaMediaTypes[];
     providerComponentId: GuidValue;
+    supportGalleryFeature?: boolean;
     constructor();
     hasEditorForMedia: (media: MediaPickerVideo | MediaPickerPersistedImage) => boolean;
 }

package/media-picker/Providers/MicrosoftStreamProvider.js

@@ -31,6 +31,7 @@ class MediaPickerMicrosoftStreamProvider {
         this.providerComponentId = ManifestIds_1.OmniaWebComponentManifests.FxUxMicrosoftStreamProvider;
         this.sortOrder = 50;
         this.selectableMediaTypes = [Enums_1.MediaPickerEnums.OmniaMediaTypes.Video];
+        this.supportGalleryFeature = true;
     }
 }
 exports.MediaPickerMicrosoftStreamProvider = MediaPickerMicrosoftStreamProvider;

package/media-picker/Providers/MyComputerProvider.d.ts

@@ -12,6 +12,7 @@ export declare class MediaPickerMyComputerProvider implements MediaPickerProvide
     sortOrder?: number;
     selectableMediaTypes: MediaPickerEnums.OmniaMediaTypes[];
     providerComponentId: GuidValue;
+    supportGalleryFeature?: boolean;
     constructor();
     hasEditorForMedia: (media: MediaPickerVideo | MediaPickerPersistedImage) => boolean;
 }

package/media-picker/Providers/MyComputerProvider.js

@@ -13,10 +13,11 @@ class MediaPickerMyComputerProvider {
         this.id = Constants_1.Constants.ux.components.mediaPicker.providerIds.myComputer;
         this.category = "image";
         this.name = "Omnia.Ux.MyComputerProvider.Title";
-        this.icon = new Icon_1.FontAwesomeIcon("far fa-desktop");
+        this.icon = new Icon_1.FontAwesomeIcon("fa-duotone fa-desktop");
         //this.providerElementName = "omfx-media-picker-mycomputer-provider";
         this.providerComponentId = ManifestIds_1.OmniaWebComponentManifests.FxUxMyComputerProvider;
         this.selectableMediaTypes = [Enums_1.MediaPickerEnums.OmniaMediaTypes.Image];
+        this.supportGalleryFeature = true;
     }
 }
 exports.MediaPickerMyComputerProvider = MediaPickerMyComputerProvider;

package/media-picker/Providers/PexelProvider.d.ts

@@ -12,6 +12,7 @@ export declare class MediaPickerPexelProvider implements MediaPickerProvider {
     sortOrder?: number;
     selectableMediaTypes: MediaPickerEnums.OmniaMediaTypes[];
     providerComponentId: GuidValue;
+    supportGalleryFeature?: boolean;
     constructor();
     hasEditorForMedia: (media: MediaPickerVideo | MediaPickerPersistedImage) => boolean;
 }

package/media-picker/Providers/PexelProvider.js

@@ -14,13 +14,14 @@ class MediaPickerPexelProvider {
         this.category = "image";
         this.name = "Pexels";
         this.icon = new Icon_1.SvgIcon("<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32px\" height=\"32px\" viewBox=\"0 0 32 32\">" +
-            "<path d=\"M2 0h28a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2z\" fill=\"#fff\"></path>" +
-            "<path d=\"M13 21h3.863v-3.752h1.167a3.124 3.124 0 1 0 0-6.248H13v10zm5.863 2H11V9h7.03a5.124 5.124 0 0 1 .833 10.18V23z\" fill=\"#000\" fill-opacity=\"0.5\"></path>" +
+            "<path d=\"M2 0h28a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2z\" fill=\"#05705a\"></path>" +
+            "<path d=\"M13 21h3.863v-3.752h1.167a3.124 3.124 0 1 0 0-6.248H13v10zm5.863 2H11V9h7.03a5.124 5.124 0 0 1 .833 10.18V23z\" fill=\"#fff\" ></path>" +
             "</svg>");
         //this.providerElementName = "omfx-media-picker-pexels-provider";
         this.providerComponentId = ManifestIds_1.OmniaWebComponentManifests.FxUxPexelProvider;
         this.selectableMediaTypes = [Enums_1.MediaPickerEnums.OmniaMediaTypes.Image];
         this.sortOrder = 40;
+        this.supportGalleryFeature = true;
     }
 }
 exports.MediaPickerPexelProvider = MediaPickerPexelProvider;

package/media-picker/Providers/UnsplashProvider.d.ts

@@ -0,0 +1,18 @@
+import { MediaPickerProvider } from ".";
+import { GuidValue } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
+import { MediaPickerEnums } from "../../Enums";
+import { IIcon } from "../../Icon";
+import { MediaPickerVideo } from "../MediaPickerMedia";
+import { MediaPickerPersistedImage } from "../Shared";
+export declare class MediaPickerUnsplashProvider implements MediaPickerProvider {
+    id: GuidValue;
+    category: string;
+    name: string;
+    icon: IIcon;
+    sortOrder?: number;
+    selectableMediaTypes: MediaPickerEnums.OmniaMediaTypes[];
+    providerComponentId: GuidValue;
+    supportGalleryFeature?: boolean;
+    constructor();
+    hasEditorForMedia: (media: MediaPickerVideo | MediaPickerPersistedImage) => boolean;
+}

package/media-picker/Providers/UnsplashProvider.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MediaPickerUnsplashProvider = void 0;
+const Constants_1 = require("../../Constants");
+const Enums_1 = require("../../Enums");
+const ManifestIds_1 = require("../../ManifestIds");
+const Icon_1 = require("../../Icon");
+class MediaPickerUnsplashProvider {
+    constructor() {
+        this.hasEditorForMedia = (media) => {
+            return false;
+        };
+        this.id = Constants_1.Constants.ux.components.mediaPicker.providerIds.unsplash;
+        this.category = "image";
+        this.name = "Unsplash";
+        this.icon = new Icon_1.SvgIcon("<svg width='32' height='32' class='UP8CN' viewBox='0 0 32 32' version='1.' aria-labelledby='unsplash-home' aria-hidden='false'><path fill='#919191' d='M10 9V0h12v9H10zm12 5h10v18H0V14h10v9h12v-9z'></path></svg>");
+        this.providerComponentId = ManifestIds_1.OmniaWebComponentManifests.FxUxUnsplashProvider;
+        this.selectableMediaTypes = [Enums_1.MediaPickerEnums.OmniaMediaTypes.Image];
+        this.sortOrder = 41;
+        this.supportGalleryFeature = true;
+    }
+}
+exports.MediaPickerUnsplashProvider = MediaPickerUnsplashProvider;

package/media-picker/Providers/YoutubeProvider.d.ts

@@ -12,6 +12,7 @@ export declare class MediaPickerYoutubeProvider implements MediaPickerProvider {
     sortOrder?: number;
     selectableMediaTypes: MediaPickerEnums.OmniaMediaTypes[];
     providerComponentId: GuidValue;
+    supportGalleryFeature?: boolean;
     constructor();
     hasEditorForMedia: (media: MediaPickerVideo | MediaPickerPersistedImage) => boolean;
 }

package/media-picker/Providers/YoutubeProvider.js

@@ -25,6 +25,7 @@ class MediaPickerYoutubeProvider {
         this.providerComponentId = ManifestIds_1.OmniaWebComponentManifests.FxUxYoutubeProvider;
         this.sortOrder = 60;
         this.selectableMediaTypes = [Enums_1.MediaPickerEnums.OmniaMediaTypes.Video];
+        this.supportGalleryFeature = true;
     }
 }
 exports.MediaPickerYoutubeProvider = MediaPickerYoutubeProvider;

package/media-picker/Providers/index.d.ts

@@ -5,3 +5,6 @@ export * from "./MicrosoftStreamProvider";
 export * from "./MyComputerProvider";
 export * from "./PexelProvider";
 export * from "./YoutubeProvider";
+export * from "./DallEProvider";
+export * from "./MediaflowProvider";
+export * from "./UnsplashProvider";

package/media-picker/Providers/index.js

@@ -8,3 +8,6 @@ tslib_1.__exportStar(require("./MicrosoftStreamProvider"), exports);
 tslib_1.__exportStar(require("./MyComputerProvider"), exports);
 tslib_1.__exportStar(require("./PexelProvider"), exports);
 tslib_1.__exportStar(require("./YoutubeProvider"), exports);
+tslib_1.__exportStar(require("./DallEProvider"), exports);
+tslib_1.__exportStar(require("./MediaflowProvider"), exports);
+tslib_1.__exportStar(require("./UnsplashProvider"), exports);

package/media-picker/Shared.d.ts

@@ -1,14 +1,20 @@
-import { MediaPickerEnums, MediaPickerRenditionData, MediaPickerTransformedBase64Image } from "..";
+import { MediaPickerEnums, MediaPickerImageTransformationResult, MediaPickerRenditionData, MediaPickerTransformedBase64Image } from "..";
 import { MediaPickerBase64Image } from "./MediaPickerBase64Image";
 import { MediaPickerImageRatioDefinition, MediaPickerRollupImageRatio } from "./MediaPickerImageRatio";
 import { MediaPickerImageScalingDefinition } from "./MediaPickerImageScaling";
 import { MediaPickerPersistedImageInformation } from "./MediaPickerPersistedImageDetails";
+export interface IMediaFileProcessor {
+    getMediaInfo(mediaItem: ImageItem | VideoItem): Promise<ImageInformation | VideoInformation>;
+    onResizeImage(image: ImageInformation, scalingSettings: MediaPickerImageScalingDefinition): Promise<ImageInformation>;
+    onTransformImage(image: ImageInformation): MediaPickerImageTransformationResult;
+}
 export interface MediaInformation {
     mediaType: MediaPickerEnums.OmniaMediaTypes;
 }
 export interface ImageInformation extends MediaInformation, MediaPickerBase64Image {
     sizeInBytes: number;
     sourceUrl?: string;
+    thumbnailUrl?: string;
 }
 export interface VideoInformation extends MediaInformation {
     videoUrl: string;

package/media-picker/index.d.ts

@@ -15,3 +15,5 @@ export * from "./MediaPickerUserIconsStorageProviderContext";
 export * from "./Shared";
 export * from "./Providers";
 export * from "./SharePointVideoResult";
+export * from "./MediaPickerSearchProvider";
+export * from "./localize";

package/media-picker/index.js

@@ -18,3 +18,5 @@ tslib_1.__exportStar(require("./MediaPickerUserIconsStorageProviderContext"), ex
 tslib_1.__exportStar(require("./Shared"), exports);
 tslib_1.__exportStar(require("./Providers"), exports);
 tslib_1.__exportStar(require("./SharePointVideoResult"), exports);
+tslib_1.__exportStar(require("./MediaPickerSearchProvider"), exports);
+tslib_1.__exportStar(require("./localize"), exports);

package/media-picker/localize.d.ts

@@ -0,0 +1,26 @@
+export declare module MediaProviderLocalization {
+    const namespace = "Omnia.Ux.MediaProvider";
+    interface locInterface {
+        NoResultText: string;
+        Searching: string;
+        TypeSomethingToSearch: string;
+        FileSizeWarningDialog: {
+            WarningBigSizeTitle: string;
+            WarningBigSizeMessage: string;
+            SmallOption: string;
+            MediumOption: string;
+            LargeOption: string;
+            KeepOriginalSizeOption: string;
+            KeepRatio: string;
+            RetryScalingImageMessage: string;
+        };
+        RetryDownloadDialog: {
+            RetryDownloadTitle: string;
+            RetryDownloadMessage: string;
+            RetryButton: string;
+        };
+        FileTypeIsNotSupportedDialog: {
+            FileTypeIsNotSupportedMessage: string;
+        };
+    }
+}

package/media-picker/localize.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MediaProviderLocalization = void 0;
+var MediaProviderLocalization;
+(function (MediaProviderLocalization) {
+    MediaProviderLocalization.namespace = "Omnia.Ux.MediaProvider";
+})(MediaProviderLocalization = exports.MediaProviderLocalization || (exports.MediaProviderLocalization = {}));