@deviceinsight/ng-ui-components 6.30.0 → 7.1.0

package/lib/cjs/components/treeview/treeutils.js

@@ -1,171 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTreeNodePathById = exports.findNodeAndApplyPatch = exports.convertToTree = exports.getAllLeafIds = exports.getAllLeaves = exports.getTreeSize = exports.intersectArrays = exports.mergeNodeIdArrays = exports.removeNodeIds = exports.removeDuplicatesFromArray = void 0;
-function removeDuplicatesFromArray(arr) {
-    return arr.filter((id, index, arr) => arr.indexOf(id) === index);
-}
-exports.removeDuplicatesFromArray = removeDuplicatesFromArray;
-function removeNodeIds(nodeIds, nodeIdsToRemove) {
-    return nodeIds.filter((id) => !nodeIdsToRemove.includes(id));
-}
-exports.removeNodeIds = removeNodeIds;
-/**
- * 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
- */
-function mergeNodeIdArrays(nodeIds1, nodeIds2) {
-    return removeDuplicatesFromArray([...nodeIds1, ...nodeIds2]);
-}
-exports.mergeNodeIdArrays = mergeNodeIdArrays;
-/**
- * Returns the intersection of two arrays. Example
- * [1,2,3] n [2,3,4,5] -> [2,3]
- * @param {Array} array1
- * @param {Array} array2
- */
-function intersectArrays(array1, array2) {
-    return array1.filter((value) => array2.includes(value));
-}
-exports.intersectArrays = intersectArrays;
-/**
- * Returns the count of all leaves in the tree @node
- * @param {Tree} node tree to calculate the treesize for
- */
-function getTreeSize(node) {
-    if (node.children) {
-        const numberOfChildren = node.children.length;
-        return numberOfChildren + node.children.reduce((l, child) => l + getTreeSize(child), 0);
-    }
-    return 0;
-}
-exports.getTreeSize = getTreeSize;
-/**
- * Returns the leaves of the tree given by @node
- * @param {Tree} node The root node of the tree that should be processed
- */
-function getAllLeaves(node) {
-    if (node.children) {
-        return node.children.reduce((childNodes, child) => [...childNodes, ...getAllLeaves(child)], []);
-    }
-    return [node];
-}
-exports.getAllLeaves = getAllLeaves;
-/**
- * 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
- */
-function getAllLeafIds(node) {
-    return getAllLeaves(node).map((node) => node.id);
-}
-exports.getAllLeafIds = getAllLeafIds;
-/**
- * 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
- */
-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');
-        });
-    };
-}
-exports.convertToTree = convertToTree;
-/**
- * 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
- */
-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)) };
-}
-exports.findNodeAndApplyPatch = findNodeAndApplyPatch;
-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;
-}
-function getTreeNodePathById(currentNode, idToFind, idKey, childNodeKey, displayNameKey) {
-    const nodePathArray = getTreeNodePathByIdArray(currentNode, idToFind, idKey, childNodeKey, displayNameKey);
-    return nodePathArray ? nodePathArray.join('.') : null;
-}
-exports.getTreeNodePathById = getTreeNodePathById;

package/lib/cjs/components/treeview/types.d.ts

@@ -1,37 +0,0 @@
-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/cjs/components/treeview/types.d.ts.map

@@ -1 +0,0 @@
-{"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/cjs/components/treeview/types.js

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

package/lib/cjs/components/upload/FileUpload.d.ts

@@ -1,81 +0,0 @@
-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;
-    /** Optional Function, executed to download the file */
-    onDownloadFile?: (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;
-} & ({
-    /** (Optional) accept multiple files */
-    multiple?: false;
-    /** Function, executed when files get added or removed */
-    onChange?: (files: DropzoneFile[]) => void;
-    /** Function, executed when a file gets removed */
-    onRemoveFile: (file: DropzoneFile) => void;
-    /** Function, executed when a file gets selected */
-    onSelectFile: (file: DropzoneFile) => void;
-} | {
-    /** (Optional) accept multiple files */
-    multiple: true;
-    /** Function, executed when files get added or removed */
-    onChange: (files: DropzoneFile[]) => void;
-    /** Function, executed when a file gets removed */
-    onRemoveFile?: (file: DropzoneFile) => void;
-    /** Function, executed when a file gets selected */
-    onSelectFile?: (file: DropzoneFile) => void;
-});
-export declare type State = {
-    files: DropzoneFile[];
-};
-/**
- * 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: (files: DropzoneFile[]) => void;
-    handleRemoveFile: (file: DropzoneFile) => void;
-    render(): React.JSX.Element;
-}
-//# sourceMappingURL=FileUpload.d.ts.map

package/lib/cjs/components/upload/FileUpload.d.ts.map

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

package/lib/cjs/components/upload/FileUpload.js

@@ -1,132 +0,0 @@
-"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-/* eslint no-unused-vars: 0 */
-const React = __importStar(require("react"));
-const react_dropzone_1 = __importDefault(require("react-dropzone"));
-const classnames_1 = __importDefault(require("classnames"));
-const i18n_1 = require("../../i18n");
-/**
- * FileUpload enables the possibility to upload files conveniently
- */
-class FileUpload extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            files: []
-        };
-        this.handleDrop = (accepted, rejected) => {
-            if (!this.props.multiple && accepted.length > 1) {
-                return;
-            }
-            if (rejected.length > 0) {
-                return;
-            }
-            /** Prevent console error on <Dropzone /> component */
-            setTimeout(() => this.selectFile(accepted), 100);
-        };
-        this.selectFile = (files) => {
-            const { onSelectFile, onChange } = this.props;
-            files.forEach((file) => {
-                file.preview = URL.createObjectURL(file);
-            });
-            const newFiles = [...this.state.files, ...files];
-            this.setState({ files: newFiles });
-            onChange?.(newFiles);
-            if (onSelectFile) {
-                files.forEach((file) => {
-                    onSelectFile(file);
-                });
-            }
-        };
-        this.handleRemoveFile = (file) => {
-            const { files } = this.state;
-            if (file) {
-                if (file.preview)
-                    window.URL.revokeObjectURL(file.preview);
-                const newFiles = files.filter((f) => f !== file);
-                this.setState({ files: newFiles });
-                this.props.onChange?.(newFiles);
-                this.props.onRemoveFile?.(file);
-            }
-        };
-    }
-    render() {
-        const { files } = this.state;
-        const { accept, previewComponent: Preview, dropHint, hoverHint, acceptHint, rejectHint, 
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        onChange, 
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        onRemoveFile, onDownloadFile, 
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        onSelectFile, onDropRejected, onDropAccepted, maxSize, multiple, ...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: (0, classnames_1.default)('di upload', {
-                clickable: !files.length,
-                hasContent: !!files.length
-            }) },
-            !!Preview &&
-                files.map((file, i) => (React.createElement(Preview, { key: i, file: file, onRemoveFile: () => this.handleRemoveFile(file), 
-                    // @ts-ignore
-                    onDownloadFile: onDownloadFile && (() => onDownloadFile(file)) }))),
-            (multiple || !files.length) && (React.createElement(react_dropzone_1.default, { accept: accept, multiple: 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(i18n_1.Trans, { i18nKey: dropHintOrDefault.id }, dropHintOrDefault.defaultValue)),
-                    React.createElement("p", { className: "drag-drop-hover-hint" },
-                        React.createElement(i18n_1.Trans, { i18nKey: hoverHintOrDefault.id }, hoverHintOrDefault.defaultValue)),
-                    React.createElement("p", { className: "drag-drop-accept" },
-                        React.createElement(i18n_1.Trans, { i18nKey: acceptHintOrDefault.id }, acceptHintOrDefault.defaultValue)),
-                    React.createElement("p", { className: "drag-drop-reject" },
-                        React.createElement(i18n_1.Trans, { i18nKey: rejectHintOrDefault.id }, rejectHintOrDefault.defaultValue)))))));
-    }
-}
-exports.default = FileUpload;
-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/cjs/components/upload/ImageUpload.d.ts

@@ -1,22 +0,0 @@
-import * as React from 'react';
-import { DropzoneFile, Props as FileUploadProps } from './FileUpload';
-export declare type Props = Omit<FileUploadProps, 'multiple'> & {
-    /** (Optional) Url for the image preview */
-    imageUrl: string | null | undefined;
-    imageSize?: 'contain' | 'cover';
-};
-declare type ImageUploadState = {
-    dragOverPreview: boolean;
-    file: DropzoneFile | null;
-};
-/**
- * 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/cjs/components/upload/ImageUpload.d.ts.map

@@ -1 +0,0 @@
-{"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,YAAY,EAAE,KAAK,IAAI,eAAe,EAAC,MAAM,cAAc,CAAC;AA+BhF,oBAAY,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,GAAG;IACvD,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;IACzB,IAAI,EAAE,YAAY,GAAG,IAAI,CAAC;CAC1B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,gBAAgB,CAAC;IAChF,KAAK,EAAE,gBAAgB,CAGrB;IAEF,kBAAkB,CAAC,SAAS,EAAE,KAAK,GAAG,IAAI;IAQ1C,cAAc,EAAE,MAAM,IAAI,CAIxB;IAEF,MAAM;CA+BN"}

package/lib/cjs/components/upload/ImageUpload.js

@@ -1,81 +0,0 @@
-"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const i18n_1 = require("../../i18n");
-const FileUpload_1 = __importDefault(require("./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(i18n_1.Trans, { i18nKey: "imageUpload.remove" }, "Remove")),
-        onDownloadFile && (React.createElement("button", { className: "action-button", onClick: onDownloadFile, "data-testid": "download-button" },
-            React.createElement(i18n_1.Trans, { i18nKey: "imageUpload.download" }, "Download"))))));
-/**
- * ImageUpload enables the possibility to upload images conveniently
- */
-class ImageUpload extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            dragOverPreview: false,
-            file: null
-        };
-        this.handleDragOver = () => {
-            this.setState({
-                dragOverPreview: true
-            });
-        };
-    }
-    componentDidUpdate(prevProps) {
-        if (prevProps.imageUrl !== this.props.imageUrl) {
-            this.setState({
-                dragOverPreview: false
-            });
-        }
-    }
-    render() {
-        const { accept, imageUrl, imageSize, onSelectFile, onRemoveFile, ...otherProps } = this.props;
-        const { dragOverPreview, file } = this.state;
-        if (imageUrl && !dragOverPreview && file) {
-            return (React.createElement(PreviewImage, { url: imageUrl, imageSize: imageSize, onRemoveFile: () => onRemoveFile?.(file), onDownloadFile: () => otherProps.onDownloadFile?.(file), onDragOver: this.handleDragOver }));
-        }
-        else {
-            return (React.createElement(FileUpload_1.default, { ...otherProps, onRemoveFile: (file) => {
-                    this.setState({ file: null });
-                    onRemoveFile?.(file);
-                }, onSelectFile: (file) => {
-                    this.setState({ file });
-                    onSelectFile?.(file);
-                }, accept: accept || 'image/jpeg, image/png' }));
-        }
-    }
-}
-exports.default = ImageUpload;

package/lib/cjs/hoc/outsideClick.d.ts

@@ -1,4 +0,0 @@
-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/cjs/hoc/outsideClick.d.ts.map

@@ -1 +0,0 @@
-{"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/cjs/hoc/outsideClick.js

@@ -1,101 +0,0 @@
-"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const react_dom_1 = __importDefault(require("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 = react_dom_1.default.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 }));
-        }
-    };
-};
-exports.default = outsideClick;