@axinom/mosaic-managed-workflow-integration 0.1.3-rc.9 → 0.1.4-rc.0

package/dist/common/default-extension-value.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const extensionDefaultValue: () => JSX.Element;
+//# sourceMappingURL=default-extension-value.d.ts.map

package/dist/common/default-extension-value.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-extension-value.d.ts","sourceRoot":"","sources":["../../src/common/default-extension-value.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,qBAAqB,QAAO,WAExC,CAAC"}

package/dist/common/default-extension-value.js

@@ -0,0 +1,3 @@
+import React from 'react';
+export const extensionDefaultValue = () => (React.createElement("div", null, "Extension not Loaded"));
+//# sourceMappingURL=default-extension-value.js.map

package/dist/common/default-extension-value.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-extension-value.js","sourceRoot":"","sources":["../../src/common/default-extension-value.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAgB,EAAE,CAAC,CACtD,wDAA+B,CAChC,CAAC"}

package/dist/common/index.d.ts

@@ -0,0 +1,4 @@
+export * from './default-extension-value';
+export * from './models';
+export * from './piral-extensions';
+//# sourceMappingURL=index.d.ts.map

package/dist/common/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/common/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC"}

package/dist/common/index.js

@@ -0,0 +1,4 @@
+export * from './default-extension-value';
+export * from './models';
+export * from './piral-extensions';
+//# sourceMappingURL=index.js.map

package/dist/common/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/common/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC"}

package/dist/common/models.d.ts

@@ -0,0 +1,17 @@
+/** All built-in and custom scalars, mapped to their actual values */
+interface Scalars {
+    /** A universally unique identifier as defined by [RFC 4122](https://tools.ietf.org/html/rfc4122). */
+    UUID: any;
+    /** A floating point number that requires more precision than IEEE 754 binary 64 */
+    BigFloat: any;
+    /**
+     * A point in time as described by the [ISO
+     * 8601](https://en.wikipedia.org/wiki/ISO_8601) standard. May or may not include a timezone.
+     */
+    Datetime: any;
+}
+export type Datetime = Scalars['Datetime'];
+export type BigFloat = Scalars['BigFloat'];
+export type ID = Scalars['UUID'];
+export {};
+//# sourceMappingURL=models.d.ts.map

package/dist/common/models.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../src/common/models.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,UAAU,OAAO;IACf,qGAAqG;IACrG,IAAI,EAAE,GAAG,CAAC;IACV,mFAAmF;IACnF,QAAQ,EAAE,GAAG,CAAC;IACd;;;OAGG;IACH,QAAQ,EAAE,GAAG,CAAC;CACf;AAED,MAAM,MAAM,QAAQ,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;AAE3C,MAAM,MAAM,QAAQ,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;AAE3C,MAAM,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC"}

package/dist/common/models.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=models.js.map

package/dist/common/models.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"models.js","sourceRoot":"","sources":["../../src/common/models.ts"],"names":[],"mappings":""}

package/dist/common/piral-extensions.d.ts

@@ -0,0 +1,10 @@
+import { ImageCoverProps, ImagePreviewProps, ImageSelectExplorerProps, ImageSelectFieldProps } from '../image';
+declare module '@axinom/mosaic-portal' {
+    interface PiralCustomExtensionSlotMap {
+        'image-cover': ImageCoverProps;
+        'image-select-field': ImageSelectFieldProps;
+        'image-preview': ImagePreviewProps;
+        'image-select-explorer': ImageSelectExplorerProps;
+    }
+}
+//# sourceMappingURL=piral-extensions.d.ts.map

package/dist/common/piral-extensions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"piral-extensions.d.ts","sourceRoot":"","sources":["../../src/common/piral-extensions.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,wBAAwB,EACxB,qBAAqB,EACtB,MAAM,UAAU,CAAC;AAElB,OAAO,QAAQ,uBAAuB,CAAC;IACrC,UAAiB,2BAA2B;QAC1C,aAAa,EAAE,eAAe,CAAC;QAC/B,oBAAoB,EAAE,qBAAqB,CAAC;QAC5C,eAAe,EAAE,iBAAiB,CAAC;QACnC,uBAAuB,EAAE,wBAAwB,CAAC;KACnD;CACF"}

package/dist/common/piral-extensions.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=piral-extensions.js.map

package/dist/common/piral-extensions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"piral-extensions.js","sourceRoot":"","sources":["../../src/common/piral-extensions.ts"],"names":[],"mappings":""}

package/dist/image/image-extensions.d.ts

@@ -0,0 +1,4 @@
+import { PiletApi } from '@axinom/mosaic-portal';
+import { ImageExtensions } from './types';
+export declare const bindImageExtensions: (app: PiletApi) => ImageExtensions;
+//# sourceMappingURL=image-extensions.d.ts.map

package/dist/image/image-extensions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-extensions.d.ts","sourceRoot":"","sources":["../../src/image/image-extensions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAEL,eAAe,EAIhB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,mBAAmB,QAAS,QAAQ,KAAG,eAuCnD,CAAC"}

package/dist/image/image-extensions.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { extensionDefaultValue } from '../common/default-extension-value';
+export const bindImageExtensions = (app) => {
+    const ImageCover = (props) => (React.createElement(app.Extension, { name: "image-cover", empty: extensionDefaultValue, params: props }));
+    const ImageSelectExplorer = (props) => (React.createElement(app.Extension, { name: "image-select-explorer", empty: extensionDefaultValue, params: props }));
+    const ImageSelectField = (props) => (React.createElement(app.Extension, { name: "image-select-field", empty: extensionDefaultValue, params: props }));
+    const ImagePreview = (props) => (React.createElement(app.Extension, { name: "image-preview", empty: extensionDefaultValue, params: props }));
+    return {
+        ImageCover,
+        ImagePreview,
+        ImageSelectExplorer,
+        ImageSelectField,
+    };
+};
+//# sourceMappingURL=image-extensions.js.map

package/dist/image/image-extensions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-extensions.js","sourceRoot":"","sources":["../../src/image/image-extensions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAS1E,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,GAAa,EAAmB,EAAE;IACpE,MAAM,UAAU,GAA8B,CAAC,KAAK,EAAE,EAAE,CAAC,CACvD,oBAAC,GAAG,CAAC,SAAS,IACZ,IAAI,EAAC,aAAa,EAClB,KAAK,EAAE,qBAAqB,EAC5B,MAAM,EAAE,KAAK,GACb,CACH,CAAC;IAEF,MAAM,mBAAmB,GAAuC,CAAC,KAAK,EAAE,EAAE,CAAC,CACzE,oBAAC,GAAG,CAAC,SAAS,IACZ,IAAI,EAAC,uBAAuB,EAC5B,KAAK,EAAE,qBAAqB,EAC5B,MAAM,EAAE,KAAK,GACb,CACH,CAAC;IAEF,MAAM,gBAAgB,GAAoC,CAAC,KAAK,EAAE,EAAE,CAAC,CACnE,oBAAC,GAAG,CAAC,SAAS,IACZ,IAAI,EAAC,oBAAoB,EACzB,KAAK,EAAE,qBAAqB,EAC5B,MAAM,EAAE,KAAK,GACb,CACH,CAAC;IAEF,MAAM,YAAY,GAAgC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC3D,oBAAC,GAAG,CAAC,SAAS,IACZ,IAAI,EAAC,eAAe,EACpB,KAAK,EAAE,qBAAqB,EAC5B,MAAM,EAAE,KAAK,GACb,CACH,CAAC;IAEF,OAAO;QACL,UAAU;QACV,YAAY;QACZ,mBAAmB;QACnB,gBAAgB;KACjB,CAAC;AACJ,CAAC,CAAC"}

package/dist/image/index.d.ts

@@ -0,0 +1,4 @@
+export * from './image-extensions';
+export * from './thumbnail-renderer';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/image/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/image/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,SAAS,CAAC"}

package/dist/image/index.js

@@ -0,0 +1,4 @@
+export * from './image-extensions';
+export * from './thumbnail-renderer';
+export * from './types';
+//# sourceMappingURL=index.js.map

package/dist/image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/image/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,SAAS,CAAC"}

package/dist/image/thumbnail-renderer.d.ts

@@ -0,0 +1,9 @@
+import { PiletApi } from '@axinom/mosaic-portal';
+import { ColumnMap, ColumnRenderer, Data } from '@axinom/mosaic-ui';
+export declare let getThumbnailAndStateRenderer: () => (_thumbnailProperty: keyof Data, _map?: ColumnMap) => ColumnRenderer<Data>;
+/**
+ * Initializes the getThumbnailAndStateRenderer function.
+ * @param app The PiletApi object.
+ */
+export declare function setGetThumbnailAndStateRenderer(app: PiletApi): void;
+//# sourceMappingURL=thumbnail-renderer.d.ts.map

package/dist/image/thumbnail-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"thumbnail-renderer.d.ts","sourceRoot":"","sources":["../../src/image/thumbnail-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAgBpE,eAAO,IAAI,4BAA4B,6BACjB,MAAM,IAAI,SACvB,SAAS,KACb,eAAe,IAAI,CAAuB,CAAC;AAEhD;;;GAGG;AACH,wBAAgB,+BAA+B,CAAC,GAAG,EAAE,QAAQ,GAAG,IAAI,CAGnE"}

package/dist/image/thumbnail-renderer.js

@@ -0,0 +1,16 @@
+import React from 'react';
+const thumbnailFallback = (_thumbnailProperty, _map) => {
+    const ThumbnailFallbackRenderer = (_state, _data) => {
+        return React.createElement("span", { title: "No Renderer" }, "No Renderer");
+    };
+    return ThumbnailFallbackRenderer;
+};
+export let getThumbnailAndStateRenderer = () => thumbnailFallback;
+/**
+ * Initializes the getThumbnailAndStateRenderer function.
+ * @param app The PiletApi object.
+ */
+export function setGetThumbnailAndStateRenderer(app) {
+    getThumbnailAndStateRenderer = () => { var _a; return (_a = app.getData('thumbnailAndStateRenderer')) !== null && _a !== void 0 ? _a : thumbnailFallback; };
+}
+//# sourceMappingURL=thumbnail-renderer.js.map

package/dist/image/thumbnail-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"thumbnail-renderer.js","sourceRoot":"","sources":["../../src/image/thumbnail-renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,iBAAiB,GAAG,CACxB,kBAA8B,EAC9B,IAAgB,EACM,EAAE;IACxB,MAAM,yBAAyB,GAAG,CAChC,MAAe,EACf,KAAc,EACD,EAAE;QACf,OAAO,8BAAM,KAAK,EAAC,aAAa,kBAAmB,CAAC;IACtD,CAAC,CAAC;IACF,OAAO,yBAAyB,CAAC;AACnC,CAAC,CAAC;AAEF,MAAM,CAAC,IAAI,4BAA4B,GAAG,GAGf,EAAE,CAAC,iBAAiB,CAAC;AAEhD;;;GAGG;AACH,MAAM,UAAU,+BAA+B,CAAC,GAAa;IAC3D,4BAA4B,GAAG,GAAG,EAAE,WAClC,OAAA,MAAA,GAAG,CAAC,OAAO,CAAC,2BAA2B,CAAC,mCAAI,iBAAiB,CAAA,EAAA,CAAC;AAClE,CAAC"}

package/dist/image/types/image-cover-extension.d.ts

@@ -0,0 +1,5 @@
+export interface ImageCoverProps {
+    /** Image Id */
+    id: string;
+}
+//# sourceMappingURL=image-cover-extension.d.ts.map

package/dist/image/types/image-cover-extension.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-cover-extension.d.ts","sourceRoot":"","sources":["../../../src/image/types/image-cover-extension.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,eAAe;IACf,EAAE,EAAE,MAAM,CAAC;CACZ"}

package/dist/image/types/image-cover-extension.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=image-cover-extension.js.map

package/dist/image/types/image-cover-extension.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-cover-extension.js","sourceRoot":"","sources":["../../../src/image/types/image-cover-extension.ts"],"names":[],"mappings":""}

package/dist/image/types/image-explorer-extension.d.ts

@@ -0,0 +1,46 @@
+import { FilterValues } from '@axinom/mosaic-ui';
+import { BigFloat, Datetime, ID } from '../../common';
+export interface ImageSelectExplorerProps {
+    /** Optional Title shown in page header (default: 'Images') */
+    title?: string;
+    /** Whether or not the selection of multiple items is allowed (default: true) */
+    allowBulkSelect?: boolean;
+    /** IDs of items which will be excluded from the explorer. Can be used to remove already selected items. */
+    excludeItems?: ID[];
+    /** Unique identifier used to store states related to explorer */
+    stationKey?: string;
+    /** In multi-select mode, whether the Select All button will be displayed. This is currently not fully supported. (default: false) */
+    enableSelectAll?: boolean;
+    /** Image Type */
+    imageType?: string;
+    /** A set of initial filter values which the Explorer will use. (default: empty) */
+    predefinedFilterValues?: FilterValues<ImageData>;
+    /**
+     * Callback called when the user finished the selection.
+     * The IDs of the selected item (or items) will be passed as argument to the callback.
+     */
+    onSelected: (value: ID[]) => void;
+    /** Callback called when the user cancels the selection */
+    onCancel?: () => void;
+}
+export interface ImageData {
+    id: ID;
+    thumbnailPath: string;
+    title: string;
+    sourceFileName: string;
+    sourceFileType: string;
+    focalX?: BigFloat;
+    imageTypeKey: string;
+    createdDate: Datetime;
+    updatedDate: Datetime;
+    isArchived: boolean;
+    imagesTags: ImageTag[];
+    imageType?: ImageType;
+}
+export interface ImageTag {
+    name: string;
+}
+export interface ImageType {
+    title: string;
+}
+//# sourceMappingURL=image-explorer-extension.d.ts.map

package/dist/image/types/image-explorer-extension.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-explorer-extension.d.ts","sourceRoot":"","sources":["../../../src/image/types/image-explorer-extension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAEtD,MAAM,WAAW,wBAAwB;IACvC,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gFAAgF;IAChF,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,2GAA2G;IAC3G,YAAY,CAAC,EAAE,EAAE,EAAE,CAAC;IACpB,iEAAiE;IACjE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qIAAqI;IACrI,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,sBAAsB,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IACjD;;;OAGG;IACH,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE,EAAE,KAAK,IAAI,CAAC;IAClC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,EAAE,CAAC;IACP,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,QAAQ,CAAC;IACtB,WAAW,EAAE,QAAQ,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,QAAQ,EAAE,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;CACf"}

package/dist/image/types/image-explorer-extension.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=image-explorer-extension.js.map

package/dist/image/types/image-explorer-extension.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-explorer-extension.js","sourceRoot":"","sources":["../../../src/image/types/image-explorer-extension.ts"],"names":[],"mappings":""}

package/dist/image/types/image-extensions.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { ImageCoverProps } from './image-cover-extension';
+import { ImageSelectExplorerProps } from './image-explorer-extension';
+import { ImagePreviewProps } from './image-preview-extension';
+import { ImageSelectFieldProps } from './image-select-field-extension';
+export interface ImageExtensions {
+    ImageCover: React.FC<ImageCoverProps>;
+    ImagePreview: React.FC<ImagePreviewProps>;
+    ImageSelectExplorer: React.FC<ImageSelectExplorerProps>;
+    ImageSelectField: React.FC<ImageSelectFieldProps>;
+}
+//# sourceMappingURL=image-extensions.d.ts.map

package/dist/image/types/image-extensions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-extensions.d.ts","sourceRoot":"","sources":["../../../src/image/types/image-extensions.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC;IACtC,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC;IAC1C,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAAC,CAAC;IACxD,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC;CACnD"}

package/dist/image/types/image-extensions.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=image-extensions.js.map

package/dist/image/types/image-extensions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-extensions.js","sourceRoot":"","sources":["../../../src/image/types/image-extensions.ts"],"names":[],"mappings":""}

package/dist/image/types/image-preview-extension.d.ts

@@ -0,0 +1,8 @@
+import { ImageLoaderProps } from '@axinom/mosaic-ui';
+export interface ImagePreviewProps extends Omit<ImageLoaderProps, 'imgSrc'> {
+    /** Image Id */
+    id?: string | null;
+    /** Whether to render a full size preview image or a thumbnail. default('preview') */
+    type?: 'preview' | 'thumbnail';
+}
+//# sourceMappingURL=image-preview-extension.d.ts.map

package/dist/image/types/image-preview-extension.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-preview-extension.d.ts","sourceRoot":"","sources":["../../../src/image/types/image-preview-extension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAC;IACzE,eAAe;IACf,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,qFAAqF;IACrF,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;CAChC"}

package/dist/image/types/image-preview-extension.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=image-preview-extension.js.map

package/dist/image/types/image-preview-extension.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-preview-extension.js","sourceRoot":"","sources":["../../../src/image/types/image-preview-extension.ts"],"names":[],"mappings":""}

package/dist/image/types/image-select-field-extension.d.ts

@@ -0,0 +1,17 @@
+import { BaseFormControl, BaseInputEvents } from '@axinom/mosaic-ui';
+import { ID } from '../../common';
+export interface ImageSelectFieldProps extends BaseFormControl, BaseInputEvents {
+    /** Current value the form control has */
+    value?: ID[];
+    /** Maximum number of items which can be assigned */
+    maxItems?: number;
+    /** Label to be displayed */
+    label: string;
+    /** Image's scope for filtering images by its type */
+    imageScope?: string;
+    /** Raised when the value has changed */
+    onChange: (event: unknown) => void;
+    /** Default tag to filter results by */
+    defaultFilterTag?: string;
+}
+//# sourceMappingURL=image-select-field-extension.d.ts.map

package/dist/image/types/image-select-field-extension.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-select-field-extension.d.ts","sourceRoot":"","sources":["../../../src/image/types/image-select-field-extension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,WAAW,qBACf,SAAQ,eAAe,EACrB,eAAe;IACjB,yCAAyC;IACzC,KAAK,CAAC,EAAE,EAAE,EAAE,CAAC;IACb,oDAAoD;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wCAAwC;IACxC,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,uCAAuC;IACvC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B"}

package/dist/image/types/image-select-field-extension.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=image-select-field-extension.js.map

package/dist/image/types/image-select-field-extension.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-select-field-extension.js","sourceRoot":"","sources":["../../../src/image/types/image-select-field-extension.ts"],"names":[],"mappings":""}

package/dist/image/types/index.d.ts

@@ -0,0 +1,6 @@
+export * from './image-cover-extension';
+export * from './image-explorer-extension';
+export * from './image-extensions';
+export * from './image-preview-extension';
+export * from './image-select-field-extension';
+//# sourceMappingURL=index.d.ts.map

package/dist/image/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/image/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC"}

package/dist/image/types/index.js

@@ -0,0 +1,6 @@
+export * from './image-cover-extension';
+export * from './image-explorer-extension';
+export * from './image-extensions';
+export * from './image-preview-extension';
+export * from './image-select-field-extension';
+//# sourceMappingURL=index.js.map

package/dist/image/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/image/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC"}

package/dist/index.d.ts

@@ -1,2 +1,4 @@
+export * from './common';
+export * from './image';
 export * from './localization';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC"}

package/dist/index.js

@@ -1,18 +1,4 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./localization"), exports);
+export * from './common';
+export * from './image';
+export * from './localization';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC"}

package/dist/localization/helpers/index.js

@@ -1,18 +1,2 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./localization-generator"), exports);
+export * from './localization-generator';
 //# sourceMappingURL=index.js.map

package/dist/localization/helpers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/localization/helpers/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2DAAyC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/localization/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}

package/dist/localization/helpers/localization-generator.js

@@ -1,18 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateLocalizationEntryPoints = exports.getTranslationEntryPoint = exports.getTranslationEntryPoints = void 0;
 const translationEntryPoints = {};
 /**
  * @returns The list of all registered localization entry points
  */
-const getTranslationEntryPoints = () => translationEntryPoints;
-exports.getTranslationEntryPoints = getTranslationEntryPoints;
+export const getTranslationEntryPoints = () => translationEntryPoints;
 /**
  * @param entityType Name of the entity type set when registering the localization entry point
  * @returns Path to the localization station for the given entity type
  */
-const getTranslationEntryPoint = (entityType) => translationEntryPoints[entityType];
-exports.getTranslationEntryPoint = getTranslationEntryPoint;
+export const getTranslationEntryPoint = (entityType) => translationEntryPoints[entityType];
 /**
  * Use as a callback for method `app.getDataHelper('localization-registration', callback)`
  * to register localization entry points
@@ -34,7 +29,7 @@ exports.getTranslationEntryPoint = getTranslationEntryPoint;
  * ]));
  * ```
  */
-function generateLocalizationEntryPoints(data) {
+export function generateLocalizationEntryPoints(data) {
     return (generator) => {
         if (generator) {
             data.forEach((dataItem) => {
@@ -47,5 +42,4 @@ function generateLocalizationEntryPoints(data) {
         return translationEntryPoints;
     };
 }
-exports.generateLocalizationEntryPoints = generateLocalizationEntryPoints;
 //# sourceMappingURL=localization-generator.js.map

package/dist/localization/helpers/localization-generator.js.map

@@ -1 +1 @@
-{"version":3,"file":"localization-generator.js","sourceRoot":"","sources":["../../../src/localization/helpers/localization-generator.ts"],"names":[],"mappings":";;;AAaA,MAAM,sBAAsB,GAA2B,EAAE,CAAC;AAE1D;;GAEG;AACI,MAAM,yBAAyB,GAAG,GAA2B,EAAE,CACpE,sBAAsB,CAAC;AADZ,QAAA,yBAAyB,6BACb;AAEzB;;;GAGG;AACI,MAAM,wBAAwB,GAAG,CACtC,UAAkB,EACE,EAAE,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC;AAF/C,QAAA,wBAAwB,4BAEuB;AAE5D;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,SAAgB,+BAA+B,CAC7C,IAAmC;IAEnC,OAAO,CACL,SAA4C,EACpB,EAAE;QAC1B,IAAI,SAAS,EAAE;YACb,IAAI,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;gBACxB,MAAM,IAAI,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;gBACjC,IAAI,IAAI,EAAE;oBACR,sBAAsB,CAAC,QAAQ,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC;iBACpD;YACH,CAAC,CAAC,CAAC;SACJ;QACD,OAAO,sBAAsB,CAAC;IAChC,CAAC,CAAC;AACJ,CAAC;AAhBD,0EAgBC"}
+{"version":3,"file":"localization-generator.js","sourceRoot":"","sources":["../../../src/localization/helpers/localization-generator.ts"],"names":[],"mappings":"AAaA,MAAM,sBAAsB,GAA2B,EAAE,CAAC;AAE1D;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAA2B,EAAE,CACpE,sBAAsB,CAAC;AAEzB;;;GAGG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,UAAkB,EACE,EAAE,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,UAAU,+BAA+B,CAC7C,IAAmC;IAEnC,OAAO,CACL,SAA4C,EACpB,EAAE;QAC1B,IAAI,SAAS,EAAE;YACb,IAAI,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;gBACxB,MAAM,IAAI,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;gBACjC,IAAI,IAAI,EAAE;oBACR,sBAAsB,CAAC,QAAQ,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC;iBACpD;YACH,CAAC,CAAC,CAAC;SACJ;QACD,OAAO,sBAAsB,CAAC;IAChC,CAAC,CAAC;AACJ,CAAC"}

package/dist/localization/index.js

@@ -1,19 +1,3 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./helpers"), exports);
-__exportStar(require("./types"), exports);
+export * from './helpers';
+export * from './types';
 //# sourceMappingURL=index.js.map

package/dist/localization/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/localization/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B;AAC1B,0CAAwB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/localization/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC"}

package/dist/localization/types/index.js

@@ -1,18 +1,2 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./localization-generator"), exports);
+export * from './localization-generator';
 //# sourceMappingURL=index.js.map

package/dist/localization/types/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/localization/types/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2DAAyC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/localization/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}

package/dist/localization/types/localization-generator.js

@@ -1,3 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};
 //# sourceMappingURL=localization-generator.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axinom/mosaic-managed-workflow-integration",
-  "version": "0.1.3-rc.9",
+  "version": "0.1.4-rc.0",
   "description": "Shared types and helpers for integrating functionality provided by managed service workflows",
   "author": "Axinom",
   "license": "PROPRIETARY",
@@ -23,12 +23,24 @@
     "lint": "eslint . --ext .ts,.tsx,.js --color --cache"
   },
   "devDependencies": {
+    "@axinom/mosaic-portal": "^0.18.0-rc.0",
+    "@axinom/mosaic-ui": "^0.34.0-rc.0",
+    "@types/react": "^17",
+    "@types/react-dom": "^17",
     "eslint": "^8.35.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "rimraf": "^3.0.2",
     "typescript": "^5.0.4"
   },
+  "peerDependencies": {
+    "@axinom/mosaic-portal": "*",
+    "@axinom/mosaic-ui": "workspace:^",
+    "react": ">=17.0.1",
+    "react-dom": ">=17.0.1"
+  },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "7c7271e1c257693a5459d96f7c42767770572fd9"
+  "gitHead": "a62a9adac583099cd318f914b1cdeb2d3d84cc63"
 }

package/src/common/default-extension-value.tsx

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export const extensionDefaultValue = (): JSX.Element => (
+  <div>Extension not Loaded</div>
+);

package/src/common/index.ts

@@ -0,0 +1,3 @@
+export * from './default-extension-value';
+export * from './models';
+export * from './piral-extensions';

package/src/common/models.ts

@@ -0,0 +1,18 @@
+/** All built-in and custom scalars, mapped to their actual values */
+interface Scalars {
+  /** A universally unique identifier as defined by [RFC 4122](https://tools.ietf.org/html/rfc4122). */
+  UUID: any;
+  /** A floating point number that requires more precision than IEEE 754 binary 64 */
+  BigFloat: any;
+  /**
+   * A point in time as described by the [ISO
+   * 8601](https://en.wikipedia.org/wiki/ISO_8601) standard. May or may not include a timezone.
+   */
+  Datetime: any;
+}
+
+export type Datetime = Scalars['Datetime'];
+
+export type BigFloat = Scalars['BigFloat'];
+
+export type ID = Scalars['UUID'];

package/src/common/piral-extensions.ts

@@ -0,0 +1,15 @@
+import {
+  ImageCoverProps,
+  ImagePreviewProps,
+  ImageSelectExplorerProps,
+  ImageSelectFieldProps,
+} from '../image';
+
+declare module '@axinom/mosaic-portal' {
+  export interface PiralCustomExtensionSlotMap {
+    'image-cover': ImageCoverProps;
+    'image-select-field': ImageSelectFieldProps;
+    'image-preview': ImagePreviewProps;
+    'image-select-explorer': ImageSelectExplorerProps;
+  }
+}

package/src/image/image-extensions.tsx

@@ -0,0 +1,51 @@
+import { PiletApi } from '@axinom/mosaic-portal';
+import React from 'react';
+import { extensionDefaultValue } from '../common/default-extension-value';
+import {
+  ImageCoverProps,
+  ImageExtensions,
+  ImagePreviewProps,
+  ImageSelectExplorerProps,
+  ImageSelectFieldProps,
+} from './types';
+
+export const bindImageExtensions = (app: PiletApi): ImageExtensions => {
+  const ImageCover: React.FC<ImageCoverProps> = (props) => (
+    <app.Extension
+      name="image-cover"
+      empty={extensionDefaultValue}
+      params={props}
+    />
+  );
+
+  const ImageSelectExplorer: React.FC<ImageSelectExplorerProps> = (props) => (
+    <app.Extension
+      name="image-select-explorer"
+      empty={extensionDefaultValue}
+      params={props}
+    />
+  );
+
+  const ImageSelectField: React.FC<ImageSelectFieldProps> = (props) => (
+    <app.Extension
+      name="image-select-field"
+      empty={extensionDefaultValue}
+      params={props}
+    />
+  );
+
+  const ImagePreview: React.FC<ImagePreviewProps> = (props) => (
+    <app.Extension
+      name="image-preview"
+      empty={extensionDefaultValue}
+      params={props}
+    />
+  );
+
+  return {
+    ImageCover,
+    ImagePreview,
+    ImageSelectExplorer,
+    ImageSelectField,
+  };
+};

package/src/image/index.ts

@@ -0,0 +1,3 @@
+export * from './image-extensions';
+export * from './thumbnail-renderer';
+export * from './types';

package/src/image/thumbnail-renderer.tsx

@@ -0,0 +1,30 @@
+import { PiletApi } from '@axinom/mosaic-portal';
+import { ColumnMap, ColumnRenderer, Data } from '@axinom/mosaic-ui';
+import React from 'react';
+
+const thumbnailFallback = (
+  _thumbnailProperty: keyof Data,
+  _map?: ColumnMap,
+): ColumnRenderer<Data> => {
+  const ThumbnailFallbackRenderer = (
+    _state: unknown,
+    _data: unknown,
+  ): JSX.Element => {
+    return <span title="No Renderer">No Renderer</span>;
+  };
+  return ThumbnailFallbackRenderer;
+};
+
+export let getThumbnailAndStateRenderer = (): ((
+  _thumbnailProperty: keyof Data,
+  _map?: ColumnMap,
+) => ColumnRenderer<Data>) => thumbnailFallback;
+
+/**
+ * Initializes the getThumbnailAndStateRenderer function.
+ * @param app The PiletApi object.
+ */
+export function setGetThumbnailAndStateRenderer(app: PiletApi): void {
+  getThumbnailAndStateRenderer = () =>
+    app.getData('thumbnailAndStateRenderer') ?? thumbnailFallback;
+}

package/src/image/types/image-cover-extension.ts

@@ -0,0 +1,4 @@
+export interface ImageCoverProps {
+  /** Image Id */
+  id: string;
+}

package/src/image/types/image-explorer-extension.ts

@@ -0,0 +1,49 @@
+import { FilterValues } from '@axinom/mosaic-ui';
+import { BigFloat, Datetime, ID } from '../../common';
+
+export interface ImageSelectExplorerProps {
+  /** Optional Title shown in page header (default: 'Images') */
+  title?: string;
+  /** Whether or not the selection of multiple items is allowed (default: true) */
+  allowBulkSelect?: boolean;
+  /** IDs of items which will be excluded from the explorer. Can be used to remove already selected items. */
+  excludeItems?: ID[];
+  /** Unique identifier used to store states related to explorer */
+  stationKey?: string;
+  /** In multi-select mode, whether the Select All button will be displayed. This is currently not fully supported. (default: false) */
+  enableSelectAll?: boolean;
+  /** Image Type */
+  imageType?: string;
+  /** A set of initial filter values which the Explorer will use. (default: empty) */
+  predefinedFilterValues?: FilterValues<ImageData>;
+  /**
+   * Callback called when the user finished the selection.
+   * The IDs of the selected item (or items) will be passed as argument to the callback.
+   */
+  onSelected: (value: ID[]) => void;
+  /** Callback called when the user cancels the selection */
+  onCancel?: () => void;
+}
+
+export interface ImageData {
+  id: ID;
+  thumbnailPath: string;
+  title: string;
+  sourceFileName: string;
+  sourceFileType: string;
+  focalX?: BigFloat;
+  imageTypeKey: string;
+  createdDate: Datetime;
+  updatedDate: Datetime;
+  isArchived: boolean;
+  imagesTags: ImageTag[];
+  imageType?: ImageType;
+}
+
+export interface ImageTag {
+  name: string;
+}
+
+export interface ImageType {
+  title: string;
+}

package/src/image/types/image-extensions.ts

@@ -0,0 +1,11 @@
+import { ImageCoverProps } from './image-cover-extension';
+import { ImageSelectExplorerProps } from './image-explorer-extension';
+import { ImagePreviewProps } from './image-preview-extension';
+import { ImageSelectFieldProps } from './image-select-field-extension';
+
+export interface ImageExtensions {
+  ImageCover: React.FC<ImageCoverProps>;
+  ImagePreview: React.FC<ImagePreviewProps>;
+  ImageSelectExplorer: React.FC<ImageSelectExplorerProps>;
+  ImageSelectField: React.FC<ImageSelectFieldProps>;
+}

package/src/image/types/image-preview-extension.ts

@@ -0,0 +1,8 @@
+import { ImageLoaderProps } from '@axinom/mosaic-ui';
+
+export interface ImagePreviewProps extends Omit<ImageLoaderProps, 'imgSrc'> {
+  /** Image Id */
+  id?: string | null;
+  /** Whether to render a full size preview image or a thumbnail. default('preview') */
+  type?: 'preview' | 'thumbnail';
+}

package/src/image/types/image-select-field-extension.ts

@@ -0,0 +1,19 @@
+import { BaseFormControl, BaseInputEvents } from '@axinom/mosaic-ui';
+import { ID } from '../../common';
+
+export interface ImageSelectFieldProps
+  extends BaseFormControl,
+    BaseInputEvents {
+  /** Current value the form control has */
+  value?: ID[];
+  /** Maximum number of items which can be assigned */
+  maxItems?: number;
+  /** Label to be displayed */
+  label: string;
+  /** Image's scope for filtering images by its type */
+  imageScope?: string;
+  /** Raised when the value has changed */
+  onChange: (event: unknown) => void;
+  /** Default tag to filter results by */
+  defaultFilterTag?: string;
+}

package/src/image/types/index.ts

@@ -0,0 +1,5 @@
+export * from './image-cover-extension';
+export * from './image-explorer-extension';
+export * from './image-extensions';
+export * from './image-preview-extension';
+export * from './image-select-field-extension';

package/src/index.ts

@@ -1 +1,3 @@
+export * from './common';
+export * from './image';
 export * from './localization';