@deviceinsight/ng-ui-components 6.18.0-SNAPSHOT

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

@@ -0,0 +1,59 @@
+import { Tree, NodeId, DataSetConfig } from './types';
+export declare function removeDuplicatesFromArray<T>(arr: Array<T>): Array<T>;
+export declare function removeNodeIds(nodeIds: Array<NodeId>, nodeIdsToRemove: Array<NodeId>): Array<NodeId>;
+/**
+ * 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 declare function mergeNodeIdArrays(nodeIds1: Array<NodeId>, nodeIds2: Array<NodeId>): Array<NodeId>;
+/**
+ * Returns the intersection of two arrays. Example
+ * [1,2,3] n [2,3,4,5] -> [2,3]
+ * @param {Array} array1
+ * @param {Array} array2
+ */
+export declare function intersectArrays<T>(array1: Array<T>, array2: Array<T>): Array<T>;
+/**
+ * Returns the count of all leaves in the tree @node
+ * @param {Tree} node tree to calculate the treesize for
+ */
+export declare function getTreeSize(node: Tree): number;
+/**
+ * Returns the leaves of the tree given by @node
+ * @param {Tree} node The root node of the tree that should be processed
+ */
+export declare function getAllLeaves(node: Tree): Array<Tree>;
+/**
+ * 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 declare function getAllLeafIds(node: Tree): Array<NodeId>;
+/**
+ * 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 declare function convertToTree<T>({ childNodeKey, idKey, displayNameKey, typeKey, lazyLoadableKey, nodeMetaData, leafMetaData }: DataSetConfig): (hierarchicalData: Array<any>, nodePath?: string) => Array<Tree>;
+/**
+ * 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 declare function findNodeAndApplyPatch(node: Tree, nodeId: NodeId, patch: Partial<Tree>): Tree;
+export declare function getTreeNodePathById(currentNode: any, idToFind: string, idKey: string, childNodeKey: string, displayNameKey: string): null | string;
+//# sourceMappingURL=treeutils.d.ts.map

package/lib/cjs/components/treeview/treeutils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"treeutils.d.ts","sourceRoot":"","sources":["../../../../src/components/treeview/treeutils.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAE,MAAM,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AAEpD,wBAAgB,yBAAyB,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAEpE;AAED,wBAAgB,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAEnG;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAEjG;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAE/E;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAO9C;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAMpD;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,CAEvD;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAAE,EAChC,YAAY,EACZ,KAAK,EACL,cAAc,EACd,OAAO,EACP,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,EAAE,aAAa,GAAG,CAAC,gBAAgB,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,KAAK,CAAC,IAAI,CAAC,CAsClF;AAqBD;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAU5F;AA+BD,wBAAgB,mBAAmB,CAClC,WAAW,EAAE,GAAG,EAChB,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,MAAM,EACpB,cAAc,EAAE,MAAM,GACpB,IAAI,GAAG,MAAM,CAGf"}

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

@@ -0,0 +1,171 @@
+"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

@@ -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/cjs/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/cjs/components/treeview/types.js

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

package/lib/cjs/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(): JSX.Element;
+}
+//# sourceMappingURL=FileUpload.d.ts.map

package/lib/cjs/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/cjs/components/upload/FileUpload.js

@@ -0,0 +1,124 @@
+"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 = {
+            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: (0, classnames_1.default)('di upload', {
+                clickable: !file,
+                hasContent: !!file
+            }) },
+            !!file && !!Preview && (
+            // @ts-ignore
+            React.createElement(Preview, { file: file, onRemoveFile: this.handleRemoveFile, onDownloadFile: onDownloadFile })),
+            !file && (React.createElement(react_dropzone_1.default, { 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(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

@@ -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(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=ImageUpload.d.ts.map

package/lib/cjs/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/cjs/components/upload/ImageUpload.js

@@ -0,0 +1,74 @@
+"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
+        };
+        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_1.default, { ...otherProps, accept: accept || 'image/jpeg, image/png' });
+        }
+    }
+}
+exports.default = ImageUpload;

package/lib/cjs/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/cjs/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"}