@deviceinsight/ng-ui-components 6.19.0-SNAPSHOT → 6.20.0

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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"}

package/lib/esm/src/index.js

@@ -0,0 +1,39 @@
+import './assets/style.css';
+import 'rc-slider/assets/index.css';
+// Libraries
+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';
+// Components
+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 { 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';

package/lib/esm/src/modules/messageBox/messageBox.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ToastContent, ToastOptions } from 'react-toastify';
+import 'react-toastify/dist/ReactToastify.css';
+import '../../assets/react-toastify-custom.css';
+export declare const setGlobalErrorMessageBoxOptions: (options: ToastOptions) => void;
+export declare const messageBoxSuccess: (content: ToastContent, options?: ToastOptions, groupName?: string) => void;
+export declare const messageBoxInfo: (content: ToastContent, options?: ToastOptions, groupName?: string) => void;
+export declare const messageBoxWarn: (content: ToastContent, options?: ToastOptions, groupName?: string) => void;
+export declare const messageBoxError: (content: ToastContent, options?: ToastOptions, groupName?: string) => void;
+export declare const messageBoxDismissSingle: (id: number) => void;
+export declare const messageBoxDismissGroup: (groupName: string) => void;
+export declare const messageBoxDismissAll: () => void;
+export declare const MessageBoxContainer: () => React.JSX.Element;
+//# sourceMappingURL=messageBox.d.ts.map

package/lib/esm/src/modules/messageBox/messageBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messageBox.d.ts","sourceRoot":"","sources":["../../../../../src/modules/messageBox/messageBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,YAAY,EAAE,YAAY,EAAwB,MAAM,gBAAgB,CAAC;AAExF,OAAO,uCAAuC,CAAC;AAC/C,OAAO,wCAAwC,CAAC;AAQhD,eAAO,MAAM,+BAA+B,YAAa,YAAY,KAAG,IAEvE,CAAC;AAYF,eAAO,MAAM,iBAAiB,YAAa,YAAY,YAAY,YAAY,cAAc,MAAM,KAAG,IAGrG,CAAC;AAEF,eAAO,MAAM,cAAc,YAAa,YAAY,YAAY,YAAY,cAAc,MAAM,KAAG,IAGlG,CAAC;AAEF,eAAO,MAAM,cAAc,YAAa,YAAY,YAAY,YAAY,cAAc,MAAM,KAAG,IAGlG,CAAC;AAEF,eAAO,MAAM,eAAe,YAAa,YAAY,YAAY,YAAY,cAAc,MAAM,KAAG,IAInG,CAAC;AAEF,eAAO,MAAM,uBAAuB,OAAQ,MAAM,KAAG,IAEpD,CAAC;AAEF,eAAO,MAAM,sBAAsB,cAAe,MAAM,KAAG,IAK1D,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAAO,IAGvC,CAAC;AAEF,eAAO,MAAM,mBAAmB,yBAE/B,CAAC"}

package/lib/esm/src/modules/messageBox/messageBox.js

@@ -0,0 +1,56 @@
+import React from 'react';
+import { toast, ToastContainer, Slide } from 'react-toastify';
+import 'react-toastify/dist/ReactToastify.css';
+import '../../assets/react-toastify-custom.css';
+let groupNamesToToastIds = {};
+let globalErrorMessageBoxOptions = {
+    autoClose: false
+};
+export const setGlobalErrorMessageBoxOptions = (options) => {
+    globalErrorMessageBoxOptions = options;
+};
+const storeGroupName = (groupName, toastId) => {
+    if (groupName) {
+        if (groupNamesToToastIds[groupName]) {
+            groupNamesToToastIds[groupName] = [...groupNamesToToastIds[groupName], toastId];
+        }
+        else {
+            groupNamesToToastIds[groupName] = [toastId];
+        }
+    }
+};
+export const messageBoxSuccess = (content, options, groupName) => {
+    const toastId = toast.success(content, options);
+    if (groupName)
+        storeGroupName(groupName, toastId);
+};
+export const messageBoxInfo = (content, options, groupName) => {
+    const toastId = toast.info(content, options);
+    if (groupName)
+        storeGroupName(groupName, toastId);
+};
+export const messageBoxWarn = (content, options, groupName) => {
+    const toastId = toast.warn(content, options);
+    if (groupName)
+        storeGroupName(groupName, toastId);
+};
+export const messageBoxError = (content, options, groupName) => {
+    // default is autoClose=false to force the user to close errors
+    const toastId = toast.error(content, { ...globalErrorMessageBoxOptions, ...options });
+    if (groupName)
+        storeGroupName(groupName, toastId);
+};
+export const messageBoxDismissSingle = (id) => {
+    toast.dismiss(id);
+};
+export const messageBoxDismissGroup = (groupName) => {
+    if (groupNamesToToastIds[groupName]) {
+        groupNamesToToastIds[groupName].forEach((toastId) => toast.dismiss(toastId));
+        delete groupNamesToToastIds[groupName];
+    }
+};
+export const messageBoxDismissAll = () => {
+    groupNamesToToastIds = {};
+    toast.dismiss();
+};
+export const MessageBoxContainer = () => (React.createElement(ToastContainer, { position: "top-center", autoClose: 3000, hideProgressBar: true, transition: Slide }));

package/lib/esm/src/modules/utils/nanoidGen.d.ts

@@ -0,0 +1,2 @@
+export declare const nanoid10: () => string;
+//# sourceMappingURL=nanoidGen.d.ts.map

package/lib/esm/src/modules/utils/nanoidGen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nanoidGen.d.ts","sourceRoot":"","sources":["../../../../../src/modules/utils/nanoidGen.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ,EAAE,MAAM,MAAqC,CAAC"}

package/lib/esm/src/modules/utils/nanoidGen.js

@@ -0,0 +1,3 @@
+import { customAlphabet } from 'nanoid';
+const alphabet = '0123456789abcdefghijklmnopqrstuvwxyz';
+export const nanoid10 = customAlphabet(alphabet, 10);

package/lib/esm/src/modules/utils/uuidGen.d.ts

@@ -0,0 +1,2 @@
+export declare const uuidV4: (length?: number) => string;
+//# sourceMappingURL=uuidGen.d.ts.map

package/lib/esm/src/modules/utils/uuidGen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"uuidGen.d.ts","sourceRoot":"","sources":["../../../../../src/modules/utils/uuidGen.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,uBAAkB,MAgBpC,CAAC"}

package/lib/esm/src/modules/utils/uuidGen.js

@@ -0,0 +1,13 @@
+export const uuidV4 = (length = 32) => {
+    let uuid = '';
+    for (let i = 0; i < length; i++) {
+        // eslint-disable-next-line no-bitwise
+        const random = (Math.random() * 16) | 0;
+        if (i === 8 || i === 12 || i === 16 || i === 20) {
+            uuid += '-';
+        }
+        // eslint-disable-next-line no-bitwise, no-nested-ternary
+        uuid += (i === 12 ? 4 : i === 16 ? (random & 3) | 8 : random).toString(16);
+    }
+    return uuid;
+};

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

@@ -0,0 +1,5 @@
+export declare type TranslationDescriptor = {
+    id: string;
+    defaultValue: string;
+};
+//# sourceMappingURL=i18n.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../../src/types/i18n.ts"],"names":[],"mappings":"AAAA,oBAAY,qBAAqB,GAAG;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,MAAM,CAAC;CACrB,CAAC"}

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

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