@deviceinsight/ng-ui-components 6.18.0 → 6.19.0

package/lib/esm/src/components/treeview/treeutils.js

@@ -0,0 +1,158 @@
+export function removeDuplicatesFromArray(arr) {
+    return arr.filter((id, index, arr) => arr.indexOf(id) === index);
+}
+export function removeNodeIds(nodeIds, nodeIdsToRemove) {
+    return nodeIds.filter((id) => !nodeIdsToRemove.includes(id));
+}
+/**
+ * Returns the union of two arrays. Examples
+ * [1,2,3] u [2,3,4,5] -> [1,2,3,4,5]
+ * @param {Array<NodeId>} nodeIds1 An array of string or integers defining the nodeid
+ * @param {Array<NodeId>} nodeIds2 An array of string or integers defining the nodeid
+ */
+export function mergeNodeIdArrays(nodeIds1, nodeIds2) {
+    return removeDuplicatesFromArray([...nodeIds1, ...nodeIds2]);
+}
+/**
+ * Returns the intersection of two arrays. Example
+ * [1,2,3] n [2,3,4,5] -> [2,3]
+ * @param {Array} array1
+ * @param {Array} array2
+ */
+export function intersectArrays(array1, array2) {
+    return array1.filter((value) => array2.includes(value));
+}
+/**
+ * Returns the count of all leaves in the tree @node
+ * @param {Tree} node tree to calculate the treesize for
+ */
+export function getTreeSize(node) {
+    if (node.children) {
+        const numberOfChildren = node.children.length;
+        return numberOfChildren + node.children.reduce((l, child) => l + getTreeSize(child), 0);
+    }
+    return 0;
+}
+/**
+ * Returns the leaves of the tree given by @node
+ * @param {Tree} node The root node of the tree that should be processed
+ */
+export function getAllLeaves(node) {
+    if (node.children) {
+        return node.children.reduce((childNodes, child) => [...childNodes, ...getAllLeaves(child)], []);
+    }
+    return [node];
+}
+/**
+ * Returns the ids of all leaves of the tree given by @node
+ * @param {Tree} node The root node of the tree that should be processed
+ */
+export function getAllLeafIds(node) {
+    return getAllLeaves(node).map((node) => node.id);
+}
+/**
+ * Returns a function that converts an arbitrary hierarchical tree data structure into a treestructure
+ * that is processable by the * @Node component. The properties defined in @childNodeKey , @idKey ,
+ * @displayNameKey , @typeKey are injected into the returned function @convert . The @convert function
+ * returns a new tree of the same structure of smaller size with different parameters.
+ *
+ * @param {string} childNodeKey The name of the property that holds child nodes
+ * @param {string} idKey The name of the property of the node identifier
+ * @param {string} displayNameKey The name of the property of the node's name
+ * @param {string} typeKey The name of the property to decide if it is a leaf or a "folder" node
+ * @param {string} lazyLoadableKey
+ * @param {ExpandableNode} nodeMetaData An object containing the value for the node's property @typeKey as well as image paths
+ * @param {Leaf} leafMetaData An object containing the value for the node's property @typeKey as well as image paths
+ */
+export function convertToTree({ childNodeKey, idKey, displayNameKey, typeKey, lazyLoadableKey, nodeMetaData, leafMetaData }) {
+    const { typeValue: leafTypeValue, image, resolver: leafResolver } = leafMetaData;
+    const { typeValue: nodeTypeValue, expandedImage, closedImage, resolver: nodeResolver } = nodeMetaData;
+    return function convert(hierarchicalData, nodePath = '') {
+        return hierarchicalData.map((rootNode) => {
+            const id = rootNode[idKey];
+            const name = rootNode[displayNameKey];
+            const children = rootNode[childNodeKey];
+            const lazyLoadable = rootNode[lazyLoadableKey];
+            const isNode = nodeResolver ? nodeResolver(rootNode) : rootNode[typeKey] === nodeTypeValue;
+            const isLeaf = leafResolver ? leafResolver(rootNode) : rootNode[typeKey] === leafTypeValue;
+            const path = `${nodePath}/${name}`;
+            const originalNode = rootNode;
+            if (isNode) {
+                return {
+                    id,
+                    name,
+                    children: convert(children || [], path),
+                    lazyLoadable,
+                    expandedImage,
+                    closedImage,
+                    path,
+                    originalNode
+                };
+            }
+            else if (isLeaf) {
+                return {
+                    id,
+                    name,
+                    image,
+                    path,
+                    originalNode
+                };
+            }
+            throw new Error('unknown node or leaf type provided');
+        });
+    };
+}
+/**
+ * Merges the properties of @node with the properties of @patch .
+ * @param {Tree} node The single node to apply the patch against
+ * @param {Tree} patch An object holding new properties and additional children for the node
+ */
+function patchNode(node, patch) {
+    let patchedChildren;
+    if (patch.children !== undefined) {
+        if (node.children !== undefined) {
+            patchedChildren = [...node.children, ...patch.children];
+        }
+        else {
+            patchedChildren = [...patch.children];
+        }
+    }
+    return { ...node, ...patch, children: patchedChildren || undefined };
+}
+/**
+ * Find the node with @nodeId in the tree @node and replace properties defined in the provided @patch .
+ * If the node with id @nodeId is not found the tree is returned with the same structure.
+ * In any case (@nodeId is found or not found) a new object is created and returned, containing the resulting tree.
+ *
+ * @param {Tree} node The initial tree to add children on
+ * @param {NodeId} nodeId The specific node id of the node to add the children
+ * @param {Array<Tree>} patch An object containing Tree properties to change on the node with id @nodeId
+ */
+export function findNodeAndApplyPatch(node, nodeId, patch) {
+    if (node.children === undefined) {
+        return node;
+    }
+    if (node.id === nodeId) {
+        return patchNode(node, patch);
+    }
+    return { ...node, children: node.children.map((childNode) => findNodeAndApplyPatch(childNode, nodeId, patch)) };
+}
+function getTreeNodePathByIdArray(currentNode, idToFind, idKey, childNodeKey, displayNameKey) {
+    if (currentNode[idKey] === idToFind) {
+        return [currentNode[displayNameKey]];
+    }
+    else if (currentNode[childNodeKey]) {
+        for (let i = 0; i < currentNode[childNodeKey].length; i++) {
+            const path = getTreeNodePathByIdArray(currentNode[childNodeKey][i], idToFind, idKey, childNodeKey, displayNameKey);
+            if (path) {
+                path.unshift(currentNode[displayNameKey]);
+                return path;
+            }
+        }
+    }
+    return null;
+}
+export function getTreeNodePathById(currentNode, idToFind, idKey, childNodeKey, displayNameKey) {
+    const nodePathArray = getTreeNodePathByIdArray(currentNode, idToFind, idKey, childNodeKey, displayNameKey);
+    return nodePathArray ? nodePathArray.join('.') : null;
+}

package/lib/esm/src/components/treeview/types.d.ts

@@ -0,0 +1,37 @@
+export declare type ExpandableNode = {
+    typeValue: string;
+    expandedImage?: string;
+    closedImage?: string;
+    resolver?: (arg0: unknown) => boolean;
+};
+export declare type Leaf = {
+    typeValue: string;
+    image?: string;
+    resolver?: (arg0: unknown) => boolean;
+};
+export declare type DataSetConfig = {
+    /** The key for child nodes in the data set */
+    childNodeKey: string;
+    idKey: string;
+    displayNameKey: string;
+    typeKey: string;
+    lazyLoadableKey: string;
+    nodeMetaData: ExpandableNode;
+    leafMetaData: Leaf;
+};
+export declare type Tree = {
+    id: string;
+    name: string;
+    lazyLoadable?: boolean;
+    expandedImage?: string;
+    closedImage?: string;
+    image?: string;
+    children?: Array<Tree>;
+    path: string;
+    originalNode: Record<string, unknown>;
+};
+export declare type SelectionItem = {
+    $$path: string;
+};
+export declare type NodeId = number | string;
+//# sourceMappingURL=types.d.ts.map

package/lib/esm/src/components/treeview/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/treeview/types.ts"],"names":[],"mappings":"AAAA,oBAAY,cAAc,GAAG;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC;CACtC,CAAC;AAEF,oBAAY,IAAI,GAAG;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC;CACtC,CAAC;AAEF,oBAAY,aAAa,GAAG;IAC3B,8CAA8C;IAC9C,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,cAAc,CAAC;IAC7B,YAAY,EAAE,IAAI,CAAC;CACnB,CAAC;AAEF,oBAAY,IAAI,GAAG;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC,CAAC;AAEF,oBAAY,aAAa,GAAG;IAC3B,MAAM,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC"}

package/lib/esm/src/components/treeview/types.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/src/components/upload/FileUpload.d.ts

@@ -0,0 +1,67 @@
+import * as React from 'react';
+import { TranslationDescriptor } from '../../types/i18n';
+export declare type DropzoneFile = File & {
+    preview?: string;
+};
+export declare type PreviewComponentProps = {
+    file: DropzoneFile | null;
+    onRemoveFile: () => void;
+};
+export declare type Props = {
+    /** (Optional) string for accepting files */
+    accept?: string;
+    /** Function, executed when a file gets removed */
+    onRemoveFile: () => void;
+    /** Optional Function, executed to download the file */
+    onDownloadFile?: () => void;
+    /** Function, executed when a file gets selected */
+    onSelectFile: (file: DropzoneFile) => void;
+    /** (Optional) function, executed when a file gets dragged into the upload field and accepted */
+    onDropAccepted?: () => void;
+    /** (Optional) function, executed when a file gets dragged into the upload field and rejected */
+    onDropRejected?: (files: DropzoneFile[]) => void;
+    /** (Optional) Hint for dragging files into upload field */
+    dropHint?: TranslationDescriptor;
+    /** (Optional) Hint for hovering over upload field */
+    hoverHint?: TranslationDescriptor;
+    /** (Optional) Hint for accepting file in upload field*/
+    acceptHint?: TranslationDescriptor;
+    /** (Optional) Hint for rejecting file in upload field*/
+    rejectHint?: TranslationDescriptor;
+    /** (Optional) Component to display preview of uploaded field */
+    previewComponent?: React.ComponentType<PreviewComponentProps>;
+    /** (Optional) Maximum upload size */
+    maxSize?: number;
+};
+export declare type State = {
+    file: DropzoneFile | null | undefined;
+};
+/**
+ * FileUpload enables the possibility to upload files conveniently
+ */
+export default class FileUpload extends React.Component<Props, State> {
+    static defaultProps: {
+        acceptHint: {
+            defaultValue: string;
+            id: string;
+        };
+        dropHint: {
+            defaultValue: string;
+            id: string;
+        };
+        hoverHint: {
+            defaultValue: string;
+            id: string;
+        };
+        rejectHint: {
+            defaultValue: string;
+            id: string;
+        };
+    };
+    state: State;
+    handleDrop: (accepted: Array<DropzoneFile>, rejected: Array<DropzoneFile>) => void;
+    selectFile: (arg0: DropzoneFile) => void;
+    handleRemoveFile: () => void;
+    render(): React.JSX.Element;
+}
+//# sourceMappingURL=FileUpload.d.ts.map

package/lib/esm/src/components/upload/FileUpload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../../../../src/components/upload/FileUpload.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAEvD,oBAAY,YAAY,GAAG,IAAI,GAAG;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,qBAAqB,GAAG;IACnC,IAAI,EAAE,YAAY,GAAG,IAAI,CAAC;IAC1B,YAAY,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,oBAAY,KAAK,GAAG;IACnB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,kDAAkD;IAClD,YAAY,EAAE,MAAM,IAAI,CAAC;IAEzB,uDAAuD;IACvD,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B,mDAAmD;IACnD,YAAY,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAE3C,gGAAgG;IAChG,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B,gGAAgG;IAChG,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAEjD,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IAEjC,qDAAqD;IACrD,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAElC,wDAAwD;IACxD,UAAU,CAAC,EAAE,qBAAqB,CAAC;IAEnC,wDAAwD;IACxD,UAAU,CAAC,EAAE,qBAAqB,CAAC;IAEnC,gEAAgE;IAChE,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAE9D,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,KAAK,GAAG;IACnB,IAAI,EAAE,YAAY,GAAG,IAAI,GAAG,SAAS,CAAC;CACtC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;IACpE,MAAM,CAAC,YAAY,EAAE;QACpB,UAAU,EAAE;YACX,YAAY,EAAE,MAAM,CAAC;YACrB,EAAE,EAAE,MAAM,CAAC;SACX,CAAC;QACF,QAAQ,EAAE;YACT,YAAY,EAAE,MAAM,CAAC;YACrB,EAAE,EAAE,MAAM,CAAC;SACX,CAAC;QACF,SAAS,EAAE;YACV,YAAY,EAAE,MAAM,CAAC;YACrB,EAAE,EAAE,MAAM,CAAC;SACX,CAAC;QACF,UAAU,EAAE;YACX,YAAY,EAAE,MAAM,CAAC;YACrB,EAAE,EAAE,MAAM,CAAC;SACX,CAAC;KACF,CAiBC;IAEF,KAAK,EAAE,KAAK,CAEV;IAEF,UAAU,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,IAAI,CAgBhF;IAEF,UAAU,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAMtC;IAEF,gBAAgB,EAAE,MAAM,IAAI,CAW1B;IAEF,MAAM;CAqEN"}

package/lib/esm/src/components/upload/FileUpload.js

@@ -0,0 +1,95 @@
+/* eslint no-unused-vars: 0 */
+import * as React from 'react';
+import Dropzone from 'react-dropzone';
+import classNames from 'classnames';
+import { Trans } from '../../i18n';
+/**
+ * FileUpload enables the possibility to upload files conveniently
+ */
+export default class FileUpload extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            file: null
+        };
+        this.handleDrop = (accepted, rejected) => {
+            if (accepted.length > 1) {
+                return;
+            }
+            if (rejected.length > 0) {
+                return;
+            }
+            const file = accepted[0];
+            /** Prevent console error on <Dropzone /> component */
+            setTimeout(() => this.selectFile(file), 100);
+        };
+        this.selectFile = (file) => {
+            file.preview = URL.createObjectURL(file);
+            this.setState({
+                file
+            });
+            this.props.onSelectFile(file);
+        };
+        this.handleRemoveFile = () => {
+            const { file } = this.state;
+            const { onRemoveFile } = this.props;
+            if (file) {
+                if (file.preview)
+                    window.URL.revokeObjectURL(file.preview);
+                onRemoveFile();
+                this.setState({
+                    file: null
+                });
+            }
+        };
+    }
+    render() {
+        const { file } = this.state;
+        const { accept, previewComponent: Preview, dropHint, hoverHint, acceptHint, rejectHint, 
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        onRemoveFile, onDownloadFile, 
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        onSelectFile, onDropRejected, onDropAccepted, maxSize, ...otherProps } = this.props;
+        const dropHintOrDefault = dropHint || FileUpload.defaultProps.dropHint;
+        const hoverHintOrDefault = hoverHint || FileUpload.defaultProps.hoverHint;
+        const acceptHintOrDefault = acceptHint || FileUpload.defaultProps.acceptHint;
+        const rejectHintOrDefault = rejectHint || FileUpload.defaultProps.rejectHint;
+        return (React.createElement("div", { ...otherProps, className: classNames('di upload', {
+                clickable: !file,
+                hasContent: !!file
+            }) },
+            !!file && !!Preview && (
+            // @ts-ignore
+            React.createElement(Preview, { file: file, onRemoveFile: this.handleRemoveFile, onDownloadFile: onDownloadFile })),
+            !file && (React.createElement(Dropzone, { accept: accept, multiple: false, style: {
+                    border: 'none'
+                }, onDrop: this.handleDrop, onDropRejected: onDropRejected, onDropAccepted: onDropAccepted, activeClassName: "active", acceptClassName: "accept", rejectClassName: "reject", maxSize: maxSize || Infinity },
+                React.createElement("div", { className: "drag-drop-text-container" },
+                    React.createElement("p", { className: "drag-drop-hint" },
+                        React.createElement(Trans, { i18nKey: dropHintOrDefault.id }, dropHintOrDefault.defaultValue)),
+                    React.createElement("p", { className: "drag-drop-hover-hint" },
+                        React.createElement(Trans, { i18nKey: hoverHintOrDefault.id }, hoverHintOrDefault.defaultValue)),
+                    React.createElement("p", { className: "drag-drop-accept" },
+                        React.createElement(Trans, { i18nKey: acceptHintOrDefault.id }, acceptHintOrDefault.defaultValue)),
+                    React.createElement("p", { className: "drag-drop-reject" },
+                        React.createElement(Trans, { i18nKey: rejectHintOrDefault.id }, rejectHintOrDefault.defaultValue)))))));
+    }
+}
+FileUpload.defaultProps = {
+    dropHint: {
+        id: 'fileUpload.dropHint',
+        defaultValue: 'Drop file here, or click to browse ...'
+    },
+    hoverHint: {
+        id: 'fileUpload.hoverHint',
+        defaultValue: 'Drop file here, or click to browse ...'
+    },
+    acceptHint: {
+        id: 'fileUpload.acceptHint',
+        defaultValue: 'This file type can be uploaded'
+    },
+    rejectHint: {
+        id: 'fileUpload.rejectHint',
+        defaultValue: 'This file type cannot be uploaded'
+    }
+};

package/lib/esm/src/components/upload/ImageUpload.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { Props as FileUploadProps } from './FileUpload';
+export declare type Props = FileUploadProps & {
+    /** (Optional) Url for the image preview */
+    imageUrl: string | null | undefined;
+    imageSize?: 'contain' | 'cover';
+};
+declare type ImageUploadState = {
+    dragOverPreview: boolean;
+};
+/**
+ * ImageUpload enables the possibility to upload images conveniently
+ */
+export default class ImageUpload extends React.Component<Props, ImageUploadState> {
+    state: ImageUploadState;
+    componentDidUpdate(prevProps: Props): void;
+    handleDragOver: () => void;
+    render(): React.JSX.Element;
+}
+export {};
+//# sourceMappingURL=ImageUpload.d.ts.map

package/lib/esm/src/components/upload/ImageUpload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageUpload.d.ts","sourceRoot":"","sources":["../../../../../src/components/upload/ImageUpload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAmB,EAAC,KAAK,IAAI,eAAe,EAAC,MAAM,cAAc,CAAC;AA+BlE,oBAAY,KAAK,GAAG,eAAe,GAAG;IACrC,2CAA2C;IAC3C,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACpC,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAChC,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACvB,eAAe,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,gBAAgB,CAAC;IAChF,KAAK,EAAE,gBAAgB,CAErB;IAEF,kBAAkB,CAAC,SAAS,EAAE,KAAK,GAAG,IAAI;IAQ1C,cAAc,EAAE,MAAM,IAAI,CAIxB;IAEF,MAAM;CAkBN"}

package/lib/esm/src/components/upload/ImageUpload.js

@@ -0,0 +1,45 @@
+import * as React from 'react';
+import { Trans } from '../../i18n';
+import FileUpload from './FileUpload';
+const PreviewImage = ({ url, imageSize, onRemoveFile, onDragOver, onDownloadFile }) => (React.createElement("div", { className: "di upload preview-container", onDragOver: onDragOver },
+    React.createElement("div", { className: "preview", style: {
+            backgroundImage: `url(${url})`,
+            ...(imageSize && { backgroundSize: imageSize })
+        } },
+        React.createElement("button", { className: "action-button", onClick: onRemoveFile, "data-testid": "delete-button" },
+            React.createElement(Trans, { i18nKey: "imageUpload.remove" }, "Remove")),
+        onDownloadFile && (React.createElement("button", { className: "action-button", onClick: onDownloadFile, "data-testid": "download-button" },
+            React.createElement(Trans, { i18nKey: "imageUpload.download" }, "Download"))))));
+/**
+ * ImageUpload enables the possibility to upload images conveniently
+ */
+export default class ImageUpload extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            dragOverPreview: false
+        };
+        this.handleDragOver = () => {
+            this.setState({
+                dragOverPreview: true
+            });
+        };
+    }
+    componentDidUpdate(prevProps) {
+        if (prevProps.imageUrl !== this.props.imageUrl) {
+            this.setState({
+                dragOverPreview: false
+            });
+        }
+    }
+    render() {
+        const { accept, imageUrl, imageSize, ...otherProps } = this.props;
+        const { dragOverPreview } = this.state;
+        if (imageUrl && !dragOverPreview) {
+            return (React.createElement(PreviewImage, { url: imageUrl, imageSize: imageSize, onRemoveFile: otherProps.onRemoveFile, onDownloadFile: otherProps.onDownloadFile, onDragOver: this.handleDragOver }));
+        }
+        else {
+            return React.createElement(FileUpload, { ...otherProps, accept: accept || 'image/jpeg, image/png' });
+        }
+    }
+}

package/lib/esm/src/hoc/outsideClick.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare const outsideClick: <P>(WrappedComponent: React.ComponentType<P>) => React.ComponentType<P>;
+export default outsideClick;
+//# sourceMappingURL=outsideClick.d.ts.map

package/lib/esm/src/hoc/outsideClick.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"outsideClick.d.ts","sourceRoot":"","sources":["../../../../src/hoc/outsideClick.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,QAAA,MAAM,YAAY,yEAkFjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/esm/src/hoc/outsideClick.js

@@ -0,0 +1,73 @@
+import * as React from 'react';
+import ReactDOM from 'react-dom';
+/*
+ * Components using this Higher Order Component must implement handleOutsideClick(MouseEvent)
+ */
+const outsideClick = function (WrappedComponent) {
+    return class OutsideClickWrapper extends React.Component {
+        constructor() {
+            super(...arguments);
+            this._domElement = null;
+            this.clickHandler = (event) => {
+                if (this._componentRef) {
+                    const { handleOutsideClick } = this._componentRef;
+                    if (typeof handleOutsideClick !== 'function') {
+                        throw Error(`no handleOutsideClick() event handler defined in ${WrappedComponent.name || ''}`);
+                    }
+                    const targetElement = event.target;
+                    if (!this.wasInsideClick(event, targetElement)) {
+                        handleOutsideClick(event);
+                    }
+                }
+            };
+            this.keyHandler = (event) => {
+                if (this._componentRef) {
+                    const { handleOutsideClick } = this._componentRef;
+                    if (typeof handleOutsideClick !== 'function') {
+                        throw Error(`no handleOutsideClick() event handler defined in ${WrappedComponent.name || ''}`);
+                    }
+                    if (event.key === 'Escape') {
+                        handleOutsideClick(event);
+                    }
+                }
+            };
+            this.wasInsideClick = (event, element) => {
+                return this.checkByCoordinates(event) || this.checkByDOMHierarchy(element);
+            };
+            this.checkByCoordinates = ({ clientX, clientY }) => {
+                if (this._domElement) {
+                    const rect = this._domElement.getBoundingClientRect();
+                    return rect.left <= clientX && rect.right >= clientX && rect.top <= clientY && rect.bottom >= clientY;
+                }
+                return false;
+            };
+            this.checkByDOMHierarchy = (element) => {
+                if (this._domElement && element === this._domElement) {
+                    return true;
+                }
+                else if (element.parentElement) {
+                    return this.checkByDOMHierarchy(element.parentElement);
+                }
+                else {
+                    return false;
+                }
+            };
+        }
+        componentDidMount() {
+            document.addEventListener('mousedown', this.clickHandler);
+            document.addEventListener('keydown', this.keyHandler);
+            const domElement = ReactDOM.findDOMNode(this._componentRef);
+            this._domElement = domElement;
+        }
+        componentWillUnmount() {
+            document.removeEventListener('mousedown', this.clickHandler);
+            document.removeEventListener('keydown', this.keyHandler);
+        }
+        render() {
+            return (React.createElement(WrappedComponent, { ref: (c) => {
+                    this._componentRef = c;
+                }, ...this.props }));
+        }
+    };
+};
+export default outsideClick;

package/lib/esm/src/i18n/index.d.ts

@@ -0,0 +1,16 @@
+import { ComponentProps } from 'react';
+import { i18n, TOptions } from 'i18next';
+import { useTranslation as useReactI18NextTranslation } from 'react-i18next';
+export declare let Trans: Trans;
+export declare let useTranslation: UseTranslation;
+declare type Trans = (props: ComponentProps<any>) => JSX.Element;
+declare type UseTranslation = (...args: Parameters<typeof useReactI18NextTranslation>) => Result;
+declare type Result = {
+    t: TFunction;
+    i18n: i18n;
+    ready: boolean;
+};
+export declare type TFunction = (key: string, options?: TOptions, context?: any) => string;
+export declare function initializeTranslation(transComponent: Trans, useTranslationHook: UseTranslation): void;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/src/i18n/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,SAAS,CAAC;AACvC,OAAO,EAAC,cAAc,IAAI,0BAA0B,EAAC,MAAM,eAAe,CAAC;AAE3E,eAAO,IAAI,KAAK,EAAE,KAAK,CAAC;AACxB,eAAO,IAAI,cAAc,EAAE,cAAc,CAAC;AAE1C,aAAK,KAAK,GAAG,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC;AAEzD,aAAK,cAAc,GAAG,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,OAAO,0BAA0B,CAAC,KAAK,MAAM,CAAC;AAEzF,aAAK,MAAM,GAAG;IACb,CAAC,EAAE,SAAS,CAAC;IACb,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,oBAAY,SAAS,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,MAAM,CAAC;AAEnF,wBAAgB,qBAAqB,CAAC,cAAc,EAAE,KAAK,EAAE,kBAAkB,EAAE,cAAc,QAG9F"}

package/lib/esm/src/i18n/index.js

@@ -0,0 +1,6 @@
+export let Trans;
+export let useTranslation;
+export function initializeTranslation(transComponent, useTranslationHook) {
+    Trans = transComponent;
+    useTranslation = useTranslationHook;
+}

package/lib/esm/src/index.d.ts

@@ -0,0 +1,52 @@
+import './assets/style.css';
+import 'rc-slider/assets/index.css';
+export { messageBoxSuccess, messageBoxInfo, messageBoxWarn, messageBoxError, messageBoxDismissSingle, messageBoxDismissGroup, messageBoxDismissAll, setGlobalErrorMessageBoxOptions, MessageBoxContainer } from './modules/messageBox/messageBox';
+export { uuidV4 } from './modules/utils/uuidGen';
+export { nanoid10 } from './modules/utils/nanoidGen';
+export { initializeTranslation } from './i18n';
+export { getTreeNodePathById } from './components/treeview/treeutils';
+export { default as ColorPicker } from './components/colorpicker/GridColorPicker';
+export { default as GridColorPicker } from './components/colorpicker/GridColorPicker';
+export { default as GradientColorPicker } from './components/colorpicker/GradientColorPicker';
+export { default as DateInput } from './components/input/DateInput';
+export { default as UrnInput } from './components/input/UrnInput';
+export { default as ValidatedTextInput } from './components/input/ValidatedTextInput';
+export { default as withPrompt } from './components/prompt/withPrompt';
+export { default as RouteLink } from './components/link/RouteLink';
+export { default as InfoBox } from './components/infobox/InfoBox';
+export { default as RouteTabs } from './components/tabs/RouteTabs';
+export { default as TreeView } from './components/treeview/TreeView';
+export { default as Pagination } from './components/pagination/Pagination';
+export { default as Reactable } from './components/reactable/Reactable';
+export type { Props as ReactableProps } from './components/reactable/Reactable';
+export { default as ReactableWithClientSidePagination } from './components/reactableWithClientSidePagination/ReactableWithClientSidePagination';
+export { default as FileUpload } from './components/upload/FileUpload';
+export { default as ImageUpload } from './components/upload/ImageUpload';
+export { default as ContentHeader } from './components/contentHeader/ContentHeader';
+export { default as DateTimeInput } from './components/input/DateTimeInput';
+export { default as SelectWithSearch } from './components/input/SelectWithSearch';
+export { default as SelectWithSearchAsync } from './components/input/SelectWithSearchAsync';
+export { default as MultiMenu } from './components/multiMenu/MultiMenu';
+export { default as MultiMenuItem } from './components/multiMenu/components/MultiMenuItem';
+export { default as PeriodPicker } from './components/periodpicker/PeriodPicker';
+export { default as SvgImage } from './components/svg/SvgImage';
+export { default as getMutableNodeList } from './components/svg/utils/getMutableNodeList';
+export { default as validateSvg } from './components/svg/utils/validateSvg';
+export { default as getSvgElement } from './components/svg/utils/getSvgElement';
+export { default as Chart } from './components/chart/Chart';
+export { default as Slider } from './components/slider/Slider';
+export { default as outsideClick } from './hoc/outsideClick';
+export type { PaginationSettings } from './types/pagination';
+export type { PromptProps } from './components/prompt/withPrompt';
+export type { Props as ReactableWithClientSidePaginationProps } from './components/reactableWithClientSidePagination/ReactableWithClientSidePagination';
+export type { ReactableColumnDef } from './components/reactable/types';
+export type { ReactableRowDef } from './components/reactable/types';
+export type { ReactableFilterSettings } from './components/reactable/types';
+export type { PreviewComponentProps } from './components/upload/FileUpload';
+export type { DropzoneFile } from './components/upload/FileUpload';
+export type { Props as SelectWithSearchProps, Group as SelectWithSearchGroup, Item as SelectWithSearchItem } from './components/input/SelectWithSearch';
+export type { Period } from './components/periodpicker/types';
+export type { SelectionItem as SelectionItem, DataSetConfig as DataSetConfig } from './components/treeview/types';
+export type { Props as SvgImageProps } from './components/svg/SvgImage';
+export type { Modification as SvgImageModification, PositionX as SvgImagePositionXModification, PositionY as SvgImagePositionYModification, SetVisibility as SvgImageVisibilityModification } from './components/svg/types';
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"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"}