@deviceinsight/ng-ui-basic-components 3.16.0 → 4.0.0-alpha.2

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

@@ -1,35 +0,0 @@
-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/cjs/components/bubble/Bubble.d.ts.map

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

@@ -1,42 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const Popup_1 = __importDefault(require("../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.
- */
-class Bubble extends react_1.default.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_1.default.createElement("span", { onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave },
-            react_1.default.createElement(Popup_1.default, { active: active, onHide: () => { }, handler: children, direction: direction ? direction : 'top', onHandlerClick: () => { }, className: `bubble ${inverted ? 'inverted' : ''} ${className ? className : ''}` },
-                react_1.default.createElement("span", { className: `bubble-content`, style: style }, content))));
-    }
-}
-exports.default = Bubble;
-Bubble.defaultProps = {
-    inverted: false
-};

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

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

@@ -1,22 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const react_i18next_1 = require("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_1.default.createElement("button", { "data-testid": rest['data-testid'], type: type || 'button', className: (0, classnames_1.default)('di button', className, { small, primary, danger, link: naked }), title: typeof btnTitle === 'string' ? btnTitle : undefined, disabled: disabled, onClick: onClick, style: style, tabIndex: tabIndex }, children));
-}
-exports.default = (0, react_i18next_1.withTranslation)()(Button);

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

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

@@ -1,35 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("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
-};
-exports.default = ButtonRow;

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

@@ -1,19 +0,0 @@
-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/cjs/components/confirm/Confirm.d.ts.map

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

@@ -1,49 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const react_i18next_1 = require("react-i18next");
-const Modal_1 = __importDefault(require("../modal/Modal"));
-const Button_1 = __importDefault(require("../button/Button"));
-const utils_1 = require("./utils");
-function transformTextToElement(message) {
-    if ((0, utils_1.isTranslationDescriptor)(message)) {
-        return React.createElement(react_i18next_1.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
- */
-function Confirm({ title, message, onAccept, onDecline, acceptButtonLabel, declineButtonLabel, acceptButtonStyle = 'primary' }) {
-    return (React.createElement(Modal_1.default, { header: transformTextToElement(title), content: transformTextToElement(message), footer: React.createElement("div", null,
-            React.createElement(Button_1.default, { primary: acceptButtonStyle === 'primary', danger: acceptButtonStyle === 'danger', onClick: onAccept }, acceptButtonLabel ? (transformTextToElement(acceptButtonLabel)) : (React.createElement(react_i18next_1.Trans, { i18nKey: "form.accept" }, "Accept"))),
-            React.createElement(Button_1.default, { onClick: onDecline }, declineButtonLabel ? (transformTextToElement(declineButtonLabel)) : (React.createElement(react_i18next_1.Trans, { i18nKey: "form.decline" }, "Decline")))), width: 500 }));
-}
-exports.default = Confirm;

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

@@ -1,14 +0,0 @@
-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/cjs/components/confirm/ConfirmProvider.js

@@ -1,63 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConfirmContext = void 0;
-const react_1 = __importStar(require("react"));
-const Confirm_1 = __importDefault(require("./Confirm"));
-exports.ConfirmContext = (0, react_1.createContext)({
-    confirm: () => Promise.reject(new Error('ConfirmProvider is missing!'))
-});
-function ConfirmProvider({ children }) {
-    const [visible, setVisible] = (0, react_1.useState)(false);
-    const [confirmProps, setConfirmProps] = (0, react_1.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_1.default.createElement(exports.ConfirmContext.Provider, { value: { confirm } },
-        children,
-        visible && react_1.default.createElement(Confirm_1.default, { ...confirmProps })));
-}
-exports.default = ConfirmProvider;

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

@@ -1,9 +0,0 @@
-/// <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/cjs/components/confirm/useConfirm.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-const ConfirmProvider_1 = require("./ConfirmProvider");
-function useConfirm() {
-    const context = (0, react_1.useContext)(ConfirmProvider_1.ConfirmContext);
-    if (!context) {
-        throw new Error('ConfirmProvider is missing');
-    }
-    const { confirm } = context;
-    return confirm;
-}
-exports.default = useConfirm;

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

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isTranslationDescriptor = void 0;
-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;
-}
-exports.isTranslationDescriptor = isTranslationDescriptor;

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

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

@@ -1,43 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_i18next_1 = require("react-i18next");
-const useConfirm_1 = __importDefault(require("./useConfirm"));
-const ConfirmProvider_1 = __importDefault(require("./ConfirmProvider"));
-const utils_1 = require("./utils");
-function withConfirm(WrappedComponent) {
-    function WithConfirm(props) {
-        const confirm = (0, useConfirm_1.default)();
-        const { t } = (0, react_i18next_1.useTranslation)();
-        function trans(arg) {
-            if ((0, utils_1.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: (0, utils_1.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_1.default.createElement(WrappedComponent, { ...props, confirm: deprecatedConfirm });
-    }
-    return function WithConfirmWrapper(props) {
-        return (react_1.default.createElement(ConfirmProvider_1.default, null,
-            react_1.default.createElement(WithConfirm, { ...props })));
-    };
-}
-exports.default = withConfirm;

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

@@ -1,24 +0,0 @@
-/// <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/cjs/components/icon/Icon.d.ts.map

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

@@ -1,116 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const icon_add_svg_1 = __importDefault(require("../../assets/svg/icon_add.svg"));
-const icon_cross_svg_1 = __importDefault(require("../../assets/svg/icon_cross.svg"));
-const icon_edit_svg_1 = __importDefault(require("../../assets/svg/icon_edit.svg"));
-const icon_gear_svg_1 = __importDefault(require("../../assets/svg/icon_gear.svg"));
-const icon_duplicate_svg_1 = __importDefault(require("../../assets/svg/icon_duplicate.svg"));
-const icon_download_svg_1 = __importDefault(require("../../assets/svg/icon_download.svg"));
-const icon_lupe_svg_1 = __importDefault(require("../../assets/svg/icon_lupe.svg"));
-const icon_key_svg_1 = __importDefault(require("../../assets/svg/icon_key.svg"));
-const icon_reload_svg_1 = __importDefault(require("../../assets/svg/icon_reload.svg"));
-const icon_fullscreen_svg_1 = __importDefault(require("../../assets/svg/icon_fullscreen.svg"));
-const icon_help_light_svg_1 = __importDefault(require("../../assets/svg/icon_help_light.svg"));
-const icon_star_svg_1 = __importDefault(require("../../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 icon_add_svg_1.default;
-    }
-    else if (del) {
-        return icon_cross_svg_1.default;
-    }
-    else if (edit) {
-        return icon_edit_svg_1.default;
-    }
-    else if (config) {
-        return icon_gear_svg_1.default;
-    }
-    else if (duplicate) {
-        return icon_duplicate_svg_1.default;
-    }
-    else if (search) {
-        return icon_lupe_svg_1.default;
-    }
-    else if (download) {
-        return icon_download_svg_1.default;
-    }
-    else if (sync) {
-        return icon_reload_svg_1.default;
-    }
-    else if (fullscreen) {
-        return icon_fullscreen_svg_1.default;
-    }
-    else if (iconKey) {
-        return icon_key_svg_1.default;
-    }
-    else if (documentation) {
-        return icon_help_light_svg_1.default;
-    }
-    else if (star) {
-        return icon_star_svg_1.default;
-    }
-    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');
-    }
-}
-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_1.default.createElement("img", { src: getSrc(props), className: `di icon ${props.className || ''}`, alt: getAlt(props), style: style });
-}
-exports.default = Icon;

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

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

package/lib/cjs/components/input/Checkbox.js

@@ -1,75 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const react_i18next_1 = require("react-i18next");
-const getWrapperClassName = (type, small) => {
-    switch (type) {
-        case 'checkbox':
-        case 'radio':
-            return 'di checkbox';
-        case 'toggle':
-            return small ? 'di toggle toggle-small' : 'di toggle';
-        default:
-            throw Error(`type not support: ${type}`);
-    }
-};
-const getCheckboxClassName = (type, small) => {
-    switch (type) {
-        case 'checkbox':
-            return 'box';
-        case 'radio':
-            return 'radio';
-        case 'toggle':
-            return small ? 'switch switch-small' : 'switch';
-        default:
-            throw Error(`type not support: ${type}`);
-    }
-};
-/**
- * Checkbox for enabling user interaction can have one of multiple types which are defined via the `type` prop.
- */
-const Checkbox = ({ type = 'checkbox', value, onChange, title, label, disabled = false, toggleSmall = false, toggleColor = '#259b23', t, ...other }) => {
-    const style = type === 'toggle'
-        ? {
-            backgroundColor: value ? toggleColor : 'gray'
-        }
-        : {};
-    const tooltip = title
-        ? t(title.id, {
-            defaultValue: title.defaultValue
-        })
-        : undefined;
-    const labelText = label
-        ? t(label.id, {
-            defaultValue: label.defaultValue
-        })
-        : null;
-    return (React.createElement("label", { title: tooltip, className: getWrapperClassName(type, toggleSmall), "data-testid": other['wrapper-data-testid'] },
-        React.createElement("input", { type: "checkbox", checked: value, disabled: disabled, onChange: () => onChange(!value), "data-testid": other['data-testid'] }),
-        React.createElement("div", { className: getCheckboxClassName(type, toggleSmall), style: style, "data-testid": other['innerdiv-data-testid'] }),
-        label && React.createElement("span", { className: "textlabel" }, labelText)));
-};
-exports.default = (0, react_i18next_1.withTranslation)()(Checkbox);

package/lib/cjs/components/input/SearchBox.d.ts

@@ -1,21 +0,0 @@
-import * as React from 'react';
-import '../../assets/search-box.css';
-import { CSSProperties } from 'react';
-import { TranslationDescriptor } from '../../types/i18n';
-export declare type Props = {
-    /** Placeholder text for input field `(string | TranslationDescriptor)` */
-    placeholder: string | TranslationDescriptor;
-    /** Function to call if the input changes */
-    onChange: (value: string) => void;
-    /** Function to call if the search is triggered (button press or return in search field) */
-    onSubmit?: (value: string) => void;
-    /** if true, a button is shown that clears the input */
-    clearable?: boolean;
-    /** Value that should initially be displayed in the text box */
-    initialValue: string | null | undefined;
-    /** Wrapper styles */
-    style: CSSProperties | undefined;
-};
-declare const _default: React.ComponentType<Props>;
-export default _default;
-//# sourceMappingURL=SearchBox.d.ts.map

package/lib/cjs/components/input/SearchBox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchBox.d.ts","sourceRoot":"","sources":["../../../../src/components/input/SearchBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,6BAA6B,CAAC;AACrC,OAAO,EAAgB,aAAa,EAAC,MAAM,OAAO,CAAC;AAInD,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAEvD,oBAAY,KAAK,GAAG;IACnB,0EAA0E;IAC1E,WAAW,EAAE,MAAM,GAAG,qBAAqB,CAAC;IAE5C,4CAA4C;IAC5C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,uDAAuD;IACvD,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,+DAA+D;IAC/D,YAAY,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAExC,qBAAqB;IACrB,KAAK,EAAE,aAAa,GAAG,SAAS,CAAC;CACjC,CAAC;;AA2GF,wBAAoE"}