@deviceinsight/ng-ui-basic-components 3.13.0-SNAPSHOT

package/lib/esm/components/accordionComponents/AccordionItem.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+declare type Info = {
+    text: string;
+    cssStyle: Record<string, any>;
+};
+export declare type Props = {
+    /** (Optional) Displays either numeric- or text-based badge in front of the &lt;AccordionItems/&gt; */
+    badge?: (number | string | React.ReactNode) | null | undefined;
+    /** @ignore */
+    children?: React.ReactNode;
+    /** (Optional) Displays additional information, which is visible in "closed" state */
+    info1?: Info;
+    /** If true, expands &lt;AccordionItems/&gt; */
+    isOpen?: boolean;
+    /** (Optional) Sets additional classes for styling purposes */
+    itemClasses?: string;
+    /** Title of &lt;AccordionItems/&gt; */
+    title: string | React.ReactNode;
+    /** (Optional) Tooltip of &lt;AccordionItems/&gt; */
+    titleTooltip?: string;
+    /** Function which is called to open/close &lt;AccordionItems/&gt; */
+    toggle?: () => void;
+    /** (Optional) Enables additional handler, e.g., for editing or deleting &lt;AccordionItems/&gt; */
+    tools?: Array<React.ReactNode>;
+    /** @ignore */
+    'data-testid'?: string | undefined;
+};
+export default class AccordionItem extends React.PureComponent<Props> {
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=AccordionItem.d.ts.map

package/lib/esm/components/accordionComponents/AccordionItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../src/components/accordionComponents/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,aAAK,IAAI,GAAG;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC9B,CAAC;AAEF,oBAAY,KAAK,GAAG;IACnB,sGAAsG;IACtG,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAE/D,cAAc;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,qFAAqF;IACrF,KAAK,CAAC,EAAE,IAAI,CAAC;IAEb,+CAA+C;IAC/C,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,uCAAuC;IACvC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAEhC,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,qEAAqE;IACrE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB,mGAAmG;IACnG,KAAK,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAE/B,cAAc;IACd,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACnC,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;IACpE,MAAM;CAsCN"}

package/lib/esm/components/accordionComponents/AccordionItem.js

@@ -0,0 +1,24 @@
+import * as React from 'react';
+export default class AccordionItem extends React.PureComponent {
+    render() {
+        const { badge, children, isOpen, info1, itemClasses, title, titleTooltip, toggle, tools, ...rest } = this.props;
+        const accordionItemClasses = ['item'];
+        if (itemClasses)
+            accordionItemClasses.push(itemClasses);
+        if (isOpen)
+            accordionItemClasses.push('open');
+        return (React.createElement("div", { className: accordionItemClasses.join(' ') },
+            React.createElement("div", { className: "head" },
+                React.createElement("span", { className: "title", onClick: toggle, "data-testid": rest['data-testid'] },
+                    React.createElement("h1", { title: titleTooltip }, title),
+                    badge && (React.createElement("span", { className: "di label", style: {
+                            margin: '0 0 0 10px',
+                            backgroundColor: '#ddd',
+                            borderColor: 'transparent'
+                        } }, badge)),
+                    info1 && React.createElement("span", { style: info1.cssStyle }, info1.text)),
+                React.createElement("span", { className: "tools" }, tools &&
+                    tools.map((toolComponent, index) => (React.createElement("span", { key: index, className: "tool" }, toolComponent))))),
+            React.createElement("div", { className: "cont" }, children)));
+    }
+}

package/lib/esm/components/bubble/Bubble.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { PopupDirection } from '../popup/Popup';
+export declare type Props = {
+    /** the Bubble content */
+    content: React.ReactNode;
+    /** inverts the colors */
+    inverted?: boolean;
+    /** @ignore */
+    children: React.ReactNode;
+    /** @ignore */
+    style?: React.CSSProperties;
+    /** @ignore */
+    className?: string;
+    /** hides the bubble */
+    disabled?: boolean;
+    /** changed the direction */
+    direction?: PopupDirection;
+};
+declare type State = {
+    active: boolean;
+};
+/**
+ * Bubbles are best used to provide some additional information like short instructions or help texts, which are then going to be displayed on Mouse-Over.
+ */
+export default class Bubble extends React.Component<Props, State> {
+    static defaultProps: {
+        inverted: boolean;
+    };
+    state: State;
+    handleMouseEnter: () => void;
+    handleMouseLeave: () => void;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=Bubble.d.ts.map

package/lib/esm/components/bubble/Bubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bubble.d.ts","sourceRoot":"","sources":["../../../../src/components/bubble/Bubble.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAc,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAC;AAErD,oBAAY,KAAK,GAAG;IACnB,yBAAyB;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,cAAc;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,cAAc;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B,cAAc;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,cAAc,CAAC;CAC3B,CAAC;AAEF,aAAK,KAAK,GAAG;IACZ,MAAM,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;IAChE,MAAM,CAAC,YAAY,EAAE;QACpB,QAAQ,EAAE,OAAO,CAAC;KAClB,CAEC;IAEF,KAAK,EAAE,KAAK,CAEV;IAEF,gBAAgB,aAQd;IAEF,gBAAgB,aAId;IAEF,MAAM;CAmBN"}

package/lib/esm/components/bubble/Bubble.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import Popup from '../popup/Popup';
+/**
+ * Bubbles are best used to provide some additional information like short instructions or help texts, which are then going to be displayed on Mouse-Over.
+ */
+export default class Bubble extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            active: false
+        };
+        this.handleMouseEnter = () => {
+            const { disabled } = this.props;
+            if (!disabled) {
+                this.setState({
+                    active: true
+                });
+            }
+        };
+        this.handleMouseLeave = () => {
+            this.setState({
+                active: false
+            });
+        };
+    }
+    render() {
+        const { content, inverted, children, style, direction, className } = this.props;
+        const { active } = this.state;
+        return (React.createElement("span", { onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave },
+            React.createElement(Popup, { active: active, onHide: () => { }, handler: children, direction: direction ? direction : 'top', onHandlerClick: () => { }, className: `bubble ${inverted ? 'inverted' : ''} ${className ? className : ''}` },
+                React.createElement("span", { className: `bubble-content`, style: style }, content))));
+    }
+}
+Bubble.defaultProps = {
+    inverted: false
+};

package/lib/esm/components/button/Button.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { TranslationDescriptor } from '../../types/i18n';
+export declare type Props = {
+    /** primary style, mutually exclusive with _danger_ and _naked_ */
+    primary?: boolean;
+    /** danger style, mutually exclusive with _primary_ and _naked_ */
+    danger?: boolean;
+    /** render the button without border and background color, mutually exclusive with _primary_ and _danger_ */
+    naked?: boolean;
+    /** a title tooltip */
+    title?: (TranslationDescriptor | null | undefined) | string;
+    /** button | submit | reset */
+    type?: 'button' | 'submit' | 'reset';
+    /** a click handler */
+    onClick?: (...args: Array<any>) => any;
+    /** a smaller button */
+    small?: boolean;
+    /** disable the button */
+    disabled?: boolean;
+    /** @ignore */
+    children?: React.ReactNode;
+    /** @ignore */
+    className?: string;
+    /** @ignore */
+    style?: React.CSSProperties;
+    /** @ignore */
+    'data-testid'?: string;
+    /** @ignore */
+    tabIndex?: number;
+};
+declare const _default: React.ComponentType<Props>;
+export default _default;
+//# sourceMappingURL=Button.d.ts.map

package/lib/esm/components/button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAI3C,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAEvD,oBAAY,KAAK,GAAG;IACnB,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,kEAAkE;IAClE,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,4GAA4G;IAC5G,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,sBAAsB;IACtB,KAAK,CAAC,EAAE,CAAC,qBAAqB,GAAG,IAAI,GAAG,SAAS,CAAC,GAAG,MAAM,CAAC;IAE5D,8BAA8B;IAC9B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAErC,sBAAsB;IACtB,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC;IAEvC,uBAAuB;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,cAAc;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,cAAc;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,cAAc;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B,cAAc;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,cAAc;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;;AA6CF,wBAAiE"}

package/lib/esm/components/button/Button.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import cx from 'classnames';
+import { withTranslation } from 'react-i18next';
+/**
+ * Buttons are used to inform the user about a potential user interaction, which then on interaction causes an action.
+ * To create a standardized look and feel, different props can be passed to the Button.
+ */
+function Button({ children, title, type, disabled, onClick, style, tabIndex, t, primary, danger, naked, className, small, ...rest }) {
+    let btnTitle = title;
+    if (title && typeof title !== 'string') {
+        btnTitle = t(title.id, {
+            defaultValue: title.defaultValue
+        });
+    }
+    return (React.createElement("button", { "data-testid": rest['data-testid'], type: type || 'button', className: cx('di button', className, { small, primary, danger, link: naked }), title: typeof btnTitle === 'string' ? btnTitle : undefined, disabled: disabled, onClick: onClick, style: style, tabIndex: tabIndex }, children));
+}
+export default withTranslation()(Button);

package/lib/esm/components/button/ButtonRow.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+export declare type Props = {
+    /** should contain <Button /> elements */
+    children: React.ReactNode;
+    /** show a horizontal row above the buttons */
+    dividing?: boolean;
+    /** @ignore */
+    className?: string;
+    /** @ignore */
+    style?: React.CSSProperties;
+};
+/**
+ * ButtonRows align Buttons nicely for all relevant and/or related user actions such as saving or canceling changes.
+ * To separate the ButtonRow from the content, the extra property `dividing` can be used.
+ */
+declare const ButtonRow: {
+    ({ children, dividing, className, style }: Props): JSX.Element;
+    defaultProps: {
+        dividing: boolean;
+    };
+};
+export default ButtonRow;
+//# sourceMappingURL=ButtonRow.d.ts.map

package/lib/esm/components/button/ButtonRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonRow.d.ts","sourceRoot":"","sources":["../../../../src/components/button/ButtonRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,oBAAY,KAAK,GAAG;IACnB,+CAA+C;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,cAAc;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,cAAc;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC5B,CAAC;AAEF;;;GAGG;AACH,QAAA,MAAM,SAAS;+CAA4C,KAAK;;;;CAI/D,CAAC;AAMF,eAAe,SAAS,CAAC"}

package/lib/esm/components/button/ButtonRow.js

@@ -0,0 +1,10 @@
+import * as React from 'react';
+/**
+ * ButtonRows align Buttons nicely for all relevant and/or related user actions such as saving or canceling changes.
+ * To separate the ButtonRow from the content, the extra property `dividing` can be used.
+ */
+const ButtonRow = ({ children, dividing, className, style }) => (React.createElement("div", { style: style, className: `di button-row ${dividing ? 'dividing' : ''} ${className || ''}` }, children));
+ButtonRow.defaultProps = {
+    dividing: false
+};
+export default ButtonRow;

package/lib/esm/components/confirm/Confirm.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { TranslationDescriptor } from '../../types/i18n';
+export declare type Props = {
+    title: string | TranslationDescriptor;
+    message: string | React.ReactElement | TranslationDescriptor;
+    /** @ignore */
+    onAccept: (...args: Array<any>) => any;
+    /** @ignore */
+    onDecline: (...args: Array<any>) => any;
+    acceptButtonLabel?: string | TranslationDescriptor;
+    declineButtonLabel?: string | TranslationDescriptor;
+    acceptButtonStyle?: 'primary' | 'danger';
+};
+/**
+ * Confirm enables the possibility to open up a dialog within a modal, requiring additional user actions.
+ * This component should not be used directly, instead use `@withConfirm` to inject a promise based confirm method
+ */
+export default function Confirm({ title, message, onAccept, onDecline, acceptButtonLabel, declineButtonLabel, acceptButtonStyle }: Props): JSX.Element;
+//# sourceMappingURL=Confirm.d.ts.map

package/lib/esm/components/confirm/Confirm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Confirm.d.ts","sourceRoot":"","sources":["../../../../src/components/confirm/Confirm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAGvD,oBAAY,KAAK,GAAG;IACnB,KAAK,EAAE,MAAM,GAAG,qBAAqB,CAAC;IACtC,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,GAAG,qBAAqB,CAAC;IAE7D,cAAc;IACd,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC;IAEvC,cAAc;IACd,SAAS,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC;IACxC,iBAAiB,CAAC,EAAE,MAAM,GAAG,qBAAqB,CAAC;IACnD,kBAAkB,CAAC,EAAE,MAAM,GAAG,qBAAqB,CAAC;IACpD,iBAAiB,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CACzC,CAAC;AAWF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC/B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,EACT,iBAAiB,EACjB,kBAAkB,EAClB,iBAA6B,EAC7B,EAAE,KAAK,eA6BP"}

package/lib/esm/components/confirm/Confirm.js

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { Trans } from 'react-i18next';
+import Modal from '../modal/Modal';
+import Button from '../button/Button';
+import { isTranslationDescriptor } from './utils';
+function transformTextToElement(message) {
+    if (isTranslationDescriptor(message)) {
+        return React.createElement(Trans, { i18nKey: message.id }, message.defaultValue);
+    }
+    return message;
+}
+/**
+ * Confirm enables the possibility to open up a dialog within a modal, requiring additional user actions.
+ * This component should not be used directly, instead use `@withConfirm` to inject a promise based confirm method
+ */
+export default function Confirm({ title, message, onAccept, onDecline, acceptButtonLabel, declineButtonLabel, acceptButtonStyle = 'primary' }) {
+    return (React.createElement(Modal, { header: transformTextToElement(title), content: transformTextToElement(message), footer: React.createElement("div", null,
+            React.createElement(Button, { primary: acceptButtonStyle === 'primary', danger: acceptButtonStyle === 'danger', onClick: onAccept }, acceptButtonLabel ? (transformTextToElement(acceptButtonLabel)) : (React.createElement(Trans, { i18nKey: "form.accept" }, "Accept"))),
+            React.createElement(Button, { onClick: onDecline }, declineButtonLabel ? (transformTextToElement(declineButtonLabel)) : (React.createElement(Trans, { i18nKey: "form.decline" }, "Decline")))), width: 500 }));
+}

package/lib/esm/components/confirm/ConfirmProvider.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+declare type ConfirmOptions = {
+    title: string;
+    message: string | React.ReactElement;
+    acceptButtonLabel?: string;
+    declineButtonLabel?: string;
+    acceptButtonStyle?: 'primary' | 'danger';
+};
+export declare const ConfirmContext: React.Context<{
+    confirm: (options: ConfirmOptions) => Promise<boolean>;
+}>;
+declare function ConfirmProvider({ children }: React.PropsWithChildren<Record<string, unknown>>): JSX.Element;
+export default ConfirmProvider;
+//# sourceMappingURL=ConfirmProvider.d.ts.map

package/lib/esm/components/confirm/ConfirmProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/confirm/ConfirmProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAIrD,aAAK,cAAc,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,cAAc;uBACP,cAAc,KAAK,QAAQ,OAAO,CAAC;EAGrD,CAAC;AAEH,iBAAS,eAAe,CAAC,EAAC,QAAQ,EAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,eAgCpF;AAED,eAAe,eAAe,CAAC"}

package/lib/esm/components/confirm/ConfirmProvider.js

@@ -0,0 +1,34 @@
+import React, { createContext, useState } from 'react';
+import Confirm from './Confirm';
+export const ConfirmContext = createContext({
+    confirm: () => Promise.reject(new Error('ConfirmProvider is missing!'))
+});
+function ConfirmProvider({ children }) {
+    const [visible, setVisible] = useState(false);
+    const [confirmProps, setConfirmProps] = useState({
+        title: '',
+        message: '',
+        onAccept: () => { },
+        onDecline: () => { }
+    });
+    async function confirm(options) {
+        return new Promise((resolve) => {
+            setVisible(true);
+            setConfirmProps({
+                ...options,
+                onAccept: () => {
+                    setVisible(false);
+                    resolve(true);
+                },
+                onDecline: () => {
+                    setVisible(false);
+                    resolve(false);
+                }
+            });
+        });
+    }
+    return (React.createElement(ConfirmContext.Provider, { value: { confirm } },
+        children,
+        visible && React.createElement(Confirm, { ...confirmProps })));
+}
+export default ConfirmProvider;

package/lib/esm/components/confirm/useConfirm.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export default function useConfirm(): (options: {
+    title: string;
+    message: string | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    acceptButtonLabel?: string | undefined;
+    declineButtonLabel?: string | undefined;
+    acceptButtonStyle?: "primary" | "danger" | undefined;
+}) => Promise<boolean>;
+//# sourceMappingURL=useConfirm.d.ts.map

package/lib/esm/components/confirm/useConfirm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConfirm.d.ts","sourceRoot":"","sources":["../../../../src/components/confirm/useConfirm.ts"],"names":[],"mappings":";AAIA,MAAM,CAAC,OAAO,UAAU,UAAU;;;;;;uBAOjC"}

package/lib/esm/components/confirm/useConfirm.js

@@ -0,0 +1,10 @@
+import { useContext } from 'react';
+import { ConfirmContext } from './ConfirmProvider';
+export default function useConfirm() {
+    const context = useContext(ConfirmContext);
+    if (!context) {
+        throw new Error('ConfirmProvider is missing');
+    }
+    const { confirm } = context;
+    return confirm;
+}

package/lib/esm/components/confirm/utils.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { TranslationDescriptor } from '../../types/i18n';
+export declare function isTranslationDescriptor(arg: TranslationDescriptor | string | React.ReactElement): arg is TranslationDescriptor;
+//# sourceMappingURL=utils.d.ts.map

package/lib/esm/components/confirm/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/confirm/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAEvD,wBAAgB,uBAAuB,CACtC,GAAG,EAAE,qBAAqB,GAAG,MAAM,GAAG,KAAK,CAAC,YAAY,GACtD,GAAG,IAAI,qBAAqB,CAW9B"}

package/lib/esm/components/confirm/utils.js

@@ -0,0 +1,7 @@
+export function isTranslationDescriptor(arg) {
+    const result = typeof arg === 'object' && typeof arg.id === 'string' && typeof arg.defaultValue === 'string';
+    if (result) {
+        console.warn('Please use strings instead of TranslationDescriptors to initialize the Confirm modal, because TranslationDescriptors are deprecated');
+    }
+    return result;
+}

package/lib/esm/components/confirm/withConfirm.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { TranslationDescriptor } from '../../types/i18n';
+export declare type ConfirmProps = {
+    confirm: (title: string | TranslationDescriptor, message: string | TranslationDescriptor | React.ReactElement, acceptButtonLabel?: string | TranslationDescriptor, declineButtonLabel?: string | TranslationDescriptor, resolveWithConfirmation?: boolean, acceptButtonStyle?: 'primary' | 'danger') => Promise<void | boolean>;
+};
+export default function withConfirm<P>(WrappedComponent: React.ComponentType<P & ConfirmProps>): (props: P) => JSX.Element;
+//# sourceMappingURL=withConfirm.d.ts.map

package/lib/esm/components/confirm/withConfirm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withConfirm.d.ts","sourceRoot":"","sources":["../../../../src/components/confirm/withConfirm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAKvD,oBAAY,YAAY,GAAG;IAC1B,OAAO,EAAE,CACR,KAAK,EAAE,MAAM,GAAG,qBAAqB,EACrC,OAAO,EAAE,MAAM,GAAG,qBAAqB,GAAG,KAAK,CAAC,YAAY,EAC5D,iBAAiB,CAAC,EAAE,MAAM,GAAG,qBAAqB,EAClD,kBAAkB,CAAC,EAAE,MAAM,GAAG,qBAAqB,EACnD,uBAAuB,CAAC,EAAE,OAAO,EACjC,iBAAiB,CAAC,EAAE,SAAS,GAAG,QAAQ,KACpC,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC;CAC7B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,CAAC,EAAE,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,GAAG,YAAY,CAAC,WAsCnD,CAAC,iBAO3C"}

package/lib/esm/components/confirm/withConfirm.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import useConfirm from './useConfirm';
+import ConfirmProvider from './ConfirmProvider';
+import { isTranslationDescriptor } from './utils';
+export default function withConfirm(WrappedComponent) {
+    function WithConfirm(props) {
+        const confirm = useConfirm();
+        const { t } = useTranslation();
+        function trans(arg) {
+            if (isTranslationDescriptor(arg)) {
+                return t(arg.id, { defaultValue: arg.defaultValue });
+            }
+            return arg;
+        }
+        async function deprecatedConfirm(title, message, acceptButtonLabel, declineButtonLabel, resolveWithConfirmation, acceptButtonStyle) {
+            const accepted = await confirm({
+                title: trans(title),
+                message: isTranslationDescriptor(message) ? trans(message) : message,
+                acceptButtonLabel: acceptButtonLabel ? trans(acceptButtonLabel) : undefined,
+                declineButtonLabel: declineButtonLabel ? trans(declineButtonLabel) : undefined,
+                acceptButtonStyle
+            });
+            if (resolveWithConfirmation) {
+                return accepted;
+            }
+            else if (!accepted) {
+                return new Promise(() => { });
+            }
+        }
+        return React.createElement(WrappedComponent, { ...props, confirm: deprecatedConfirm });
+    }
+    return function WithConfirmWrapper(props) {
+        return (React.createElement(ConfirmProvider, null,
+            React.createElement(WithConfirm, { ...props })));
+    };
+}

package/lib/esm/components/icon/Icon.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+export declare type Props = {
+    add?: boolean;
+    del?: boolean;
+    edit?: boolean;
+    config?: boolean;
+    duplicate?: boolean;
+    search?: boolean;
+    download?: boolean;
+    sync?: boolean;
+    fullscreen?: boolean;
+    star?: boolean;
+    /** key is reserved in React */
+    iconKey?: boolean;
+    documentation?: boolean;
+    /** renders a larger version of the icon (24x24) */
+    large?: boolean;
+    /** inverts the colors of the icon for display on dark background */
+    inverted?: boolean;
+    /** @ignore */
+    className?: string;
+};
+export default function Icon(props: Props): JSX.Element;
+//# sourceMappingURL=Icon.d.ts.map

package/lib/esm/components/icon/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/Icon.tsx"],"names":[],"mappings":";AAeA,oBAAY,KAAK,GAAG;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,mDAAmD;IACnD,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,cAAc;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAkEF,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,KAAK,eAYxC"}

package/lib/esm/components/icon/Icon.js

@@ -0,0 +1,110 @@
+import React from 'react';
+import iconAdd from '../../assets/svg/icon_add.svg';
+import iconDel from '../../assets/svg/icon_cross.svg';
+import iconEdit from '../../assets/svg/icon_edit.svg';
+import iconConfig from '../../assets/svg/icon_gear.svg';
+import iconDuplicate from '../../assets/svg/icon_duplicate.svg';
+import iconDownload from '../../assets/svg/icon_download.svg';
+import iconSearch from '../../assets/svg/icon_lupe.svg';
+import iconIconKey from '../../assets/svg/icon_key.svg';
+import iconSync from '../../assets/svg/icon_reload.svg';
+import iconFullscreen from '../../assets/svg/icon_fullscreen.svg';
+import iconDocumentation from '../../assets/svg/icon_help_light.svg';
+import iconStar from '../../assets/svg/icon_star.svg';
+function getSrc(props) {
+    const { add, del, edit, config, duplicate, search, download, sync, fullscreen, iconKey, documentation, star } = props;
+    if (add) {
+        return iconAdd;
+    }
+    else if (del) {
+        return iconDel;
+    }
+    else if (edit) {
+        return iconEdit;
+    }
+    else if (config) {
+        return iconConfig;
+    }
+    else if (duplicate) {
+        return iconDuplicate;
+    }
+    else if (search) {
+        return iconSearch;
+    }
+    else if (download) {
+        return iconDownload;
+    }
+    else if (sync) {
+        return iconSync;
+    }
+    else if (fullscreen) {
+        return iconFullscreen;
+    }
+    else if (iconKey) {
+        return iconIconKey;
+    }
+    else if (documentation) {
+        return iconDocumentation;
+    }
+    else if (star) {
+        return iconStar;
+    }
+    else {
+        throw Error('getSrc: no icon type specified');
+    }
+}
+function getAlt(props) {
+    const { add, del, edit, config, duplicate, search, download, sync, fullscreen, iconKey, documentation, star } = props;
+    if (add) {
+        return 'icon add';
+    }
+    else if (del) {
+        return 'icon delete';
+    }
+    else if (edit) {
+        return 'icon edit';
+    }
+    else if (config) {
+        return 'icon config';
+    }
+    else if (duplicate) {
+        return 'icon duplicate';
+    }
+    else if (search) {
+        return 'icon search';
+    }
+    else if (download) {
+        return 'icon download';
+    }
+    else if (sync) {
+        return 'icon sync';
+    }
+    else if (fullscreen) {
+        return 'icon fullscreen';
+    }
+    else if (iconKey) {
+        return 'icon iconKey';
+    }
+    else if (documentation) {
+        return 'icon documentation';
+    }
+    else if (star) {
+        return 'icon star';
+    }
+    else {
+        throw Error('getAlt: no icon type specified');
+    }
+}
+export default function Icon(props) {
+    let style;
+    if (props.large) {
+        style = { width: 24, height: 24 };
+    }
+    else {
+        style = { width: 16, height: 16 };
+    }
+    if (props.inverted) {
+        style = { ...style, filter: 'invert(1)' };
+    }
+    return React.createElement("img", { src: getSrc(props), className: `di icon ${props.className || ''}`, alt: getAlt(props), style: style });
+}

package/lib/esm/components/input/Checkbox.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { TranslationDescriptor } from '../../types/i18n';
+export declare type Props = {
+    /** input type selector */
+    type?: 'checkbox' | 'radio' | 'toggle';
+    /** Flag to preselect the status of the checkbox */
+    value: boolean;
+    /** Function, executed when toggling the checkbox */
+    onChange: (nextStatus: boolean) => void;
+    /** Optional input element tooltip */
+    title?: TranslationDescriptor;
+    /** Optional label for checkbox and radio button*/
+    label?: TranslationDescriptor;
+    /** visually indicate that the checkbox is disabled and disable onChange handler */
+    disabled?: boolean;
+    /** Optional flag for toggle type: Render a small Toggle */
+    toggleSmall?: boolean;
+    /** Optional flag for toggle type: Sets the slider color when the Toggle is truthy */
+    toggleColor?: string;
+    /** @ignore */
+    'data-testid'?: string;
+    /** @ignore */
+    'wrapper-data-testid'?: string;
+    /** @ignore */
+    'innerdiv-data-testid'?: string;
+};
+declare const _default: React.ComponentType<Props>;
+export default _default;
+//# sourceMappingURL=Checkbox.d.ts.map

package/lib/esm/components/input/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/input/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAEvD,oBAAY,KAAK,GAAG;IACnB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAEvC,mDAAmD;IACnD,KAAK,EAAE,OAAO,CAAC;IAEf,oDAAoD;IACpD,QAAQ,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAExC,qCAAqC;IACrC,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAE9B,kDAAkD;IAClD,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAE9B,mFAAmF;IACnF,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,qFAAqF;IACrF,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,cAAc;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,cAAc;IACd,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B,cAAc;IACd,sBAAsB,CAAC,EAAE,MAAM,CAAC;CAChC,CAAC;;AAqFF,wBAAyE"}