@deviceinsight/ng-ui-components 6.18.0 → 6.19.0

package/lib/cjs/components/svg/utils/__tests__/getMutableNodeList.spec.js

@@ -23,26 +23,27 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const vitest_1 = require("vitest");
 const getMutableNodeList_1 = __importStar(require("../getMutableNodeList"));
 const testDiFieldId = 'di-field-id-';
 const base64StringWithoutFieldIds = 'data:image/svg+xml;base64,PHN2Zz48aDE+SGk8L2gxPjwvc3ZnPg==';
 const base64StringWithFieldIds = 'data:image/svg+xml;base64,PHN2Zz48aDE+Tm9uLU11dGFibGU8L2gxPjxoMiBpZD0iZGktZmllbGQtaWQtIj5NdXRhYmxlPC9oMj48L3N2Zz4=';
-describe('get node list from svg base64 string', () => {
-    it('should return an empty list if no mutable nodes are found', () => {
+(0, vitest_1.describe)('get node list from svg base64 string', () => {
+    (0, vitest_1.it)('should return an empty list if no mutable nodes are found', () => {
         const nodeList = (0, getMutableNodeList_1.default)(base64StringWithoutFieldIds, testDiFieldId);
-        expect(nodeList).toHaveLength(0);
+        (0, vitest_1.expect)(nodeList).toHaveLength(0);
     });
-    it('should return a non-empty list if mutable nodes are found', () => {
+    (0, vitest_1.it)('should return a non-empty list if mutable nodes are found', () => {
         const nodeList = (0, getMutableNodeList_1.default)(base64StringWithFieldIds, testDiFieldId);
-        expect(nodeList).toHaveLength(1);
-        expect(nodeList.item(0).innerHTML).toBe('Mutable');
+        (0, vitest_1.expect)(nodeList).toHaveLength(1);
+        (0, vitest_1.expect)(nodeList.item(0).innerHTML).toBe('Mutable');
     });
-    it('should throw an error if there was a parsing error', () => {
-        expect(() => (0, getMutableNodeList_1.default)('wrong', testDiFieldId)).toThrow();
+    (0, vitest_1.it)('should throw an error if there was a parsing error', () => {
+        (0, vitest_1.expect)(() => (0, getMutableNodeList_1.default)('wrong', testDiFieldId)).toThrow();
     });
-    it('should remove the "svg:" namespace while parsing the input text', () => {
+    (0, vitest_1.it)('should remove the "svg:" namespace while parsing the input text', () => {
         const html = '<svg:svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"><h1>Non-Mutable</h1><h2 id="di-field-id-">Mutable</h2></svg:svg>';
         const document = (0, getMutableNodeList_1.parseFromString)(`data:image/svg+xml;base64,${btoa(html)}`);
-        expect(document.children[0].nodeName).toEqual('svg');
+        (0, vitest_1.expect)(document.children[0].nodeName).toEqual('svg');
     });
 });

package/lib/cjs/components/tabs/RouteTabs.d.ts

@@ -19,6 +19,6 @@ export declare type Props = {
  * RouteTabs add the possibility to unite several homogeneous pages into one.
  * Each tab can be accessed individually via the browser's history
  */
-export default function RouteTabs({ pages, onOrderChange, basePath, ...otherProps }: Props): JSX.Element;
+export default function RouteTabs({ pages, onOrderChange, basePath, ...otherProps }: Props): React.JSX.Element;
 export {};
 //# sourceMappingURL=RouteTabs.d.ts.map

package/lib/cjs/components/tabs/RouteTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RouteTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/RouteTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAUtC,aAAK,IAAI,GAAG;IACX,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,oBAAY,KAAK,GAAG;IACnB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,qCAAqC;IACrC,KAAK,EAAE,IAAI,EAAE,CAAC;IAEd,yEAAyE;IACzE,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7D,CAAC;AA8DF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAC,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAC,EAAE,KAAK,eA8EvF"}
+{"version":3,"file":"RouteTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/RouteTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAUtC,aAAK,IAAI,GAAG;IACX,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,oBAAY,KAAK,GAAG;IACnB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,qCAAqC;IACrC,KAAK,EAAE,IAAI,EAAE,CAAC;IAEd,yEAAyE;IACzE,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7D,CAAC;AA8DF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAC,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAC,EAAE,KAAK,qBA8EvF"}

package/lib/cjs/components/tabs/RouteTabs.js

@@ -45,7 +45,7 @@ const TabHeader = ({ id, to, className, title, children, draggingDisabled }) =>
         transition
     };
     const { pathname } = (0, react_router_dom_1.useLocation)();
-    const isActive = pathname.endsWith(to);
+    const isActive = pathname.endsWith(to.toString());
     if (isActive) {
         return (react_1.default.createElement("button", { "data-testid": "tab-button", className: (0, classnames_1.default)('tab-header item active', className), title: title, ref: setNodeRef, style: style, type: "button", ...attributes, ...listeners }, children));
     }
@@ -61,7 +61,7 @@ function RouteTabs({ pages, onOrderChange, basePath, ...otherProps }) {
     function determineBasePath() {
         const lastPathSegment = pathname.split('/').reverse()[0];
         if (pages.some((page) => page.path === lastPathSegment)) {
-            return pathname.substr(0, pathname.lastIndexOf('/'));
+            return pathname.substring(0, pathname.lastIndexOf('/'));
         }
         else {
             return pathname;

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

@@ -44,7 +44,7 @@ export default class TreeView extends React.Component<Props, State> {
     deselectNodes: (nodes: Array<Tree>) => void;
     addTreeData: (dataSet: Array<any>, underNode: Tree) => void;
     lazyLoadingFunction: (node: Tree) => Promise<void>;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};
 //# sourceMappingURL=TreeView.d.ts.map

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

@@ -31,7 +31,7 @@ export default class Node extends React.Component<Props, State> {
     getSelectionState(): SelectionState;
     toggleExpand: () => void;
     onSelect: (toggled: boolean) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};
 //# sourceMappingURL=Node.d.ts.map

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

@@ -19,7 +19,7 @@ export default class NodeInfo extends React.PureComponent<NodeInfoProps> {
     updateSelectionState(): void;
     onSelect: (event: React.SyntheticEvent<HTMLInputElement>) => void;
     onLabelClick: () => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};
 //# sourceMappingURL=NodeInfo.d.ts.map

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

@@ -62,6 +62,6 @@ export default class FileUpload extends React.Component<Props, State> {
     handleDrop: (accepted: Array<DropzoneFile>, rejected: Array<DropzoneFile>) => void;
     selectFile: (arg0: DropzoneFile) => void;
     handleRemoveFile: () => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 //# sourceMappingURL=FileUpload.d.ts.map

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

@@ -15,7 +15,7 @@ export default class ImageUpload extends React.Component<Props, ImageUploadState
     state: ImageUploadState;
     componentDidUpdate(prevProps: Props): void;
     handleDragOver: () => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};
 //# sourceMappingURL=ImageUpload.d.ts.map

package/lib/cjs/modules/messageBox/messageBox.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ToastContent, ToastOptions } from 'react-toastify';
 import 'react-toastify/dist/ReactToastify.css';
 import '../../assets/react-toastify-custom.css';
@@ -10,5 +10,5 @@ export declare const messageBoxError: (content: ToastContent, options?: ToastOpt
 export declare const messageBoxDismissSingle: (id: number) => void;
 export declare const messageBoxDismissGroup: (groupName: string) => void;
 export declare const messageBoxDismissAll: () => void;
-export declare const MessageBoxContainer: () => JSX.Element;
+export declare const MessageBoxContainer: () => React.JSX.Element;
 //# sourceMappingURL=messageBox.d.ts.map

package/lib/cjs/modules/messageBox/messageBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"messageBox.d.ts","sourceRoot":"","sources":["../../../../src/modules/messageBox/messageBox.tsx"],"names":[],"mappings":";AACA,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,mBAE/B,CAAC"}
+{"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/__mocks__/i18n.d.ts

@@ -1,5 +1,13 @@
-/// <reference types="jest" />
-import { ComponentProps } from 'react';
-export declare const mockTrans: () => ({ i18nKey, children }: ComponentProps<any>) => any;
-export declare const mockUseTranslation: jest.Mock<any, any>;
+import { ComponentProps, ComponentType } from 'react';
+declare const _default: {
+    withTranslation: () => (Component: ComponentType) => ComponentType<{}>;
+    Trans: () => ({ i18nKey, children }: ComponentProps<any>) => any;
+    useTranslation: () => {
+        t: (key: string) => string;
+        i18n: {
+            exists: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        };
+    };
+};
+export default _default;
 //# sourceMappingURL=i18n.d.ts.map

package/lib/esm/__mocks__/i18n.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../src/__mocks__/i18n.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAErC,eAAO,MAAM,SAAS,gCAEC,eAAe,GAAG,CAAC,QACrB,CAAC;AAEtB,eAAO,MAAM,kBAAkB,qBAG7B,CAAC"}
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../src/__mocks__/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAE,aAAa,EAAC,MAAM,OAAO,CAAC;;uCAIhB,aAAa;yCAYzB,eAAe,GAAG,CAAC;;iBAGhC,MAAM;;;;;;AAhBjB,wBAqBE"}

package/lib/esm/__mocks__/i18n.js

@@ -1,5 +1,20 @@
-export const mockTrans = () => ({ i18nKey, children }) => i18nKey || children;
-export const mockUseTranslation = jest.fn().mockReturnValue({
-    t: (key) => key,
-    i18n: { language: 'de-DE' }
-});
+import { vi } from 'vitest';
+export default {
+    withTranslation: () => (Component) => {
+        Component.defaultProps = {
+            ...Component.defaultProps,
+            t: (key) => key,
+            i18n: {
+                language: 'de-DE'
+            }
+        };
+        return Component;
+    },
+    Trans: () => ({ i18nKey, children }) => i18nKey || children,
+    useTranslation: () => ({
+        t: (key) => key,
+        i18n: {
+            exists: vi.fn()
+        }
+    })
+};

package/lib/esm/components/chart/Chart.d.ts

@@ -32,7 +32,7 @@ export default class Chart extends React.Component<Props, Record<string, any>> {
     componentDidUpdate(prevProps: Props): void;
     componentWillUnmount(): void;
     handleChart: (chart: any) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};
 //# sourceMappingURL=Chart.d.ts.map

package/lib/esm/components/colorpicker/ColorPickerPopper.d.ts

@@ -18,7 +18,7 @@ export default class ColorPickerPopper extends React.Component<Props, State> {
     componentDidUpdate(prevProps: Props): void;
     togglePicker: () => void;
     handleHide(event: MouseEvent): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};
 //# sourceMappingURL=ColorPickerPopper.d.ts.map

package/lib/esm/components/colorpicker/GradientColorPicker.d.ts

@@ -56,8 +56,8 @@ export default class GradientColorPicker extends React.Component<Props, Gradient
     handleHexInputChange: (color: string | null, valid: boolean) => void;
     handleRgbInputChange: (color: string | null, valid: boolean) => void;
     handleOpenStateChange: (newOpenState: boolean) => void;
-    renderColorPicker(): JSX.Element;
-    render(): JSX.Element;
+    renderColorPicker(): React.JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};
 //# sourceMappingURL=GradientColorPicker.d.ts.map

package/lib/esm/components/colorpicker/GridColorPicker.d.ts

@@ -35,7 +35,7 @@ export default class GridColorPicker extends React.Component<Props> {
         inline: boolean;
         popperAlignment: string;
     };
-    renderColorPicker(): JSX.Element;
-    render(): JSX.Element;
+    renderColorPicker(): React.JSX.Element;
+    render(): React.JSX.Element;
 }
 //# sourceMappingURL=GridColorPicker.d.ts.map

package/lib/esm/components/contentHeader/ContentHeader.d.ts

@@ -20,6 +20,6 @@ export declare type Props = {
  * With only the `parentPageLink` set to true the parent page is the direct parent, e.g. of `/assets/1234/conditions/5678` the parent is `/assets/1234/conditions`
  * To make the parent of e.g. `/assets/1234/conditions/edit/5678` the page `/assets/1234/conditions`, `subPagePathPrefix="/edit"` needs to be used.
  */
-declare const ContentHeader: ({ parentPageLink, title, subPagePathPrefixArray, subPagePathPrefix, subtitle, children }: Props) => JSX.Element;
+declare const ContentHeader: ({ parentPageLink, title, subPagePathPrefixArray, subPagePathPrefix, subtitle, children }: Props) => React.JSX.Element;
 export default ContentHeader;
 //# sourceMappingURL=ContentHeader.d.ts.map

package/lib/esm/components/contentHeader/ContentHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/contentHeader/ContentHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAEvD,oBAAY,KAAK,GAAG;IACnB,2CAA2C;IAC3C,KAAK,EAAE,MAAM,GAAG,qBAAqB,CAAC;IAEtC,yDAAyD;IACzD,QAAQ,CAAC,EAAE,MAAM,GAAG,qBAAqB,CAAC;IAE1C,qDAAqD;IACrD,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,cAAc;IACd,sBAAsB,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAEvC,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF;;;;;GAKG;AACH,QAAA,MAAM,aAAa,6FAOhB,KAAK,gBAoDP,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ContentHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/contentHeader/ContentHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAEvD,oBAAY,KAAK,GAAG;IACnB,2CAA2C;IAC3C,KAAK,EAAE,MAAM,GAAG,qBAAqB,CAAC;IAEtC,yDAAyD;IACzD,QAAQ,CAAC,EAAE,MAAM,GAAG,qBAAqB,CAAC;IAE1C,qDAAqD;IACrD,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,cAAc;IACd,sBAAsB,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAEvC,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF;;;;;GAKG;AACH,QAAA,MAAM,aAAa,6FAOhB,KAAK,sBAoDP,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/esm/components/infobox/InfoBox.d.ts

@@ -17,6 +17,6 @@ export declare type Props = {
 /**
  * InfoBox is best used for highlighting information, especially if a warning and/or an error shall be displayed.
  */
-declare function InfoBox({ type, hideable, className, icon, message: inputMessage, children }: Props): JSX.Element | null;
+declare function InfoBox({ type, hideable, className, icon, message: inputMessage, children }: Props): React.JSX.Element | null;
 export default InfoBox;
 //# sourceMappingURL=InfoBox.d.ts.map

package/lib/esm/components/infobox/InfoBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfoBox.d.ts","sourceRoot":"","sources":["../../../../src/components/infobox/InfoBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAKtC,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAQvD,oBAAY,KAAK,GAAG;IACnB,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAEhD,4CAA4C;IAC5C,OAAO,EAAE,qBAAqB,GAAG,MAAM,CAAC;IAExC,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,iBAAS,OAAO,CAAC,EAAC,IAAa,EAAE,QAAgB,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAC,EAAE,KAAK,sBAwC1G;AAED,eAAe,OAAO,CAAC"}
+{"version":3,"file":"InfoBox.d.ts","sourceRoot":"","sources":["../../../../src/components/infobox/InfoBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAKtC,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAQvD,oBAAY,KAAK,GAAG;IACnB,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAEhD,4CAA4C;IAC5C,OAAO,EAAE,qBAAqB,GAAG,MAAM,CAAC;IAExC,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,iBAAS,OAAO,CAAC,EAAC,IAAa,EAAE,QAAgB,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAC,EAAE,KAAK,4BAwC1G;AAED,eAAe,OAAO,CAAC"}

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ReactDatePickerProps } from 'react-datepicker';
 import 'react-datepicker/dist/react-datepicker.css';
 import '../../assets/react-datepicker-custom.css';
@@ -23,6 +23,6 @@ export declare type Props = Omit<ReactDatePickerProps, keyof DateInputProps> & D
  * DateInput is used to let users set a date conveniently.
  * Usually the user's locale is used for displaying the correct date format.
  */
-export default function DateInput({ value, clearable, inline, readOnly, wrapperClassName, onChange, locale, ...otherProps }: Props): JSX.Element;
+export default function DateInput({ value, clearable, inline, readOnly, wrapperClassName, onChange, locale, ...otherProps }: Props): React.JSX.Element;
 export {};
 //# sourceMappingURL=DateInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../../src/components/input/DateInput.tsx"],"names":[],"mappings":";AACA,OAAmB,EAAC,oBAAoB,EAAiB,MAAM,kBAAkB,CAAC;AAalF,OAAO,4CAA4C,CAAC;AACpD,OAAO,0CAA0C,CAAC;AAwClD,aAAK,cAAc,GAAG;IACrB,sEAAsE;IACtE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAE1C,oEAAoE;IACpE,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,aAAa,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAE7E,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,sCAAsC;IACtC,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,oBAAY,KAAK,GAAG,IAAI,CAAC,oBAAoB,EAAE,MAAM,cAAc,CAAC,GAAG,cAAc,CAAC;AAqBtF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EACjC,KAAK,EACL,SAAS,EACT,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,MAAM,EACN,GAAG,UAAU,EACb,EAAE,KAAK,eAmKP"}
+{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../../src/components/input/DateInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAmB,EAAC,oBAAoB,EAAiB,MAAM,kBAAkB,CAAC;AAalF,OAAO,4CAA4C,CAAC;AACpD,OAAO,0CAA0C,CAAC;AAwClD,aAAK,cAAc,GAAG;IACrB,sEAAsE;IACtE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAE1C,oEAAoE;IACpE,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,aAAa,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAE7E,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,sCAAsC;IACtC,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,oBAAY,KAAK,GAAG,IAAI,CAAC,oBAAoB,EAAE,MAAM,cAAc,CAAC,GAAG,cAAc,CAAC;AAqBtF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EACjC,KAAK,EACL,SAAS,EACT,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,MAAM,EACN,GAAG,UAAU,EACb,EAAE,KAAK,qBAmKP"}

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export declare type Props = {
     /** the current value (millis since 1970-01-01) */
     timestamp: number;
@@ -23,5 +23,5 @@ export declare type Props = {
  * Extends DateInput but also displaying the current time.
  * Usually the user's locale is used for displaying the correct date format.
  */
-export default function DateTimeInput({ timestamp, timezone, warning, readOnly, onChange, ...otherProps }: Props): JSX.Element;
+export default function DateTimeInput({ timestamp, timezone, warning, readOnly, onChange, ...otherProps }: Props): React.JSX.Element;
 //# sourceMappingURL=DateTimeInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DateTimeInput.d.ts","sourceRoot":"","sources":["../../../../src/components/input/DateTimeInput.tsx"],"names":[],"mappings":";AAeA,oBAAY,KAAK,GAAG;IACnB,kDAAkD;IAClD,SAAS,EAAE,MAAM,CAAC;IAElB,oEAAoE;IACpE,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,aAAa,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAE7E,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,OAAO,CAAC,EAAE,IAAI,CAAC;IAEf,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACrC,SAAS,EACT,QAAQ,EACR,OAAO,EACP,QAAgB,EAChB,QAAQ,EACR,GAAG,UAAU,EACb,EAAE,KAAK,eAwDP"}
+{"version":3,"file":"DateTimeInput.d.ts","sourceRoot":"","sources":["../../../../src/components/input/DateTimeInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAejD,oBAAY,KAAK,GAAG;IACnB,kDAAkD;IAClD,SAAS,EAAE,MAAM,CAAC;IAElB,oEAAoE;IACpE,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,aAAa,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAE7E,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,OAAO,CAAC,EAAE,IAAI,CAAC;IAEf,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACrC,SAAS,EACT,QAAQ,EACR,OAAO,EACP,QAAgB,EAChB,QAAQ,EACR,GAAG,UAAU,EACb,EAAE,KAAK,qBAwDP"}

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

@@ -34,11 +34,14 @@ export declare type Props = {
     menuPortalTarget?: HTMLElement;
     /** (Optional) indicates if the component is disabled or not */
     disabled?: boolean;
+    /** Enables free-form input mode */
+    freeForm?: boolean;
     /** @ignore */
     'data-testid'?: string;
 };
 declare type State = {
     options: Array<Item> | Array<Group>;
+    inputValue: string | null;
 };
 /**
  * SelectWithSearch enhances a native select list by applying a search functionality to it.
@@ -56,7 +59,7 @@ export default class SelectWithSearch extends React.Component<Props, State> {
     updateOptions: () => void;
     filterOption: (option: Item, inputValue: string) => boolean;
     getContainerClasses: () => string[];
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};
 //# sourceMappingURL=SelectWithSearch.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectWithSearch.d.ts","sourceRoot":"","sources":["../../../../src/components/input/SelectWithSearch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,+BAA+B,CAAC;AACvC,OAAO,sCAAsC,CAAC;AAE9C,oBAAY,IAAI,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,oBAAY,KAAK,GAAG;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;CACrB,CAAC;AAEF,oBAAY,KAAK,GAAG;IACnB,mDAAmD;IACnD,KAAK,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAE/B,8CAA8C;IAC9C,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAElD,qCAAqC;IACrC,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;IAEpC,6CAA6C;IAC7C,cAAc,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAEhD,gEAAgE;IAChE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,kBAAkB;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,gBAAgB;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,cAAc;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,wDAAwD;IACxD,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,KAAK,MAAM,CAAC;IAExD,kFAAkF;IAClF,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAE/B,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,cAAc;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,aAAK,KAAK,GAAG;IACZ,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;CACpC,CAAC;AA0BF;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;IAC1E,KAAK,EAAE,KAAK,CAEV;IACF,SAAS,EAAE;QACV,OAAO,EAAE,GAAG,GAAG,IAAI,CAAC;KACpB,CAAoC;IAErC,UAAU,EAAE,WAAW,GAAG,IAAI,CAAQ;IAEtC,iBAAiB;IAejB,kBAAkB,CAAC,SAAS,EAAE,KAAK;IAMnC,oBAAoB;IAMpB,aAAa,EAAE,MAAM,IAAI,CAcvB;IAEF,YAAY,WAAY,IAAI,cAAc,MAAM,KAAG,OAAO,CAExD;IAEF,mBAAmB,iBAMjB;IAEF,MAAM;CAwBN"}
+{"version":3,"file":"SelectWithSearch.d.ts","sourceRoot":"","sources":["../../../../src/components/input/SelectWithSearch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,+BAA+B,CAAC;AACvC,OAAO,sCAAsC,CAAC;AAE9C,oBAAY,IAAI,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,oBAAY,KAAK,GAAG;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;CACrB,CAAC;AAEF,oBAAY,KAAK,GAAG;IACnB,mDAAmD;IACnD,KAAK,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAE/B,8CAA8C;IAC9C,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAElD,qCAAqC;IACrC,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;IAEpC,6CAA6C;IAC7C,cAAc,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAEhD,gEAAgE;IAChE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,kBAAkB;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,gBAAgB;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,cAAc;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,wDAAwD;IACxD,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,KAAK,MAAM,CAAC;IAExD,kFAAkF;IAClF,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAE/B,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,cAAc;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,aAAK,KAAK,GAAG;IACZ,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;IACpC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B,CAAC;AA0BF;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;IAC1E,KAAK,EAAE,KAAK,CAGV;IACF,SAAS,EAAE;QACV,OAAO,EAAE,GAAG,GAAG,IAAI,CAAC;KACpB,CAAoC;IAErC,UAAU,EAAE,WAAW,GAAG,IAAI,CAAQ;IAEtC,iBAAiB;IAejB,kBAAkB,CAAC,SAAS,EAAE,KAAK;IAMnC,oBAAoB;IAMpB,aAAa,EAAE,MAAM,IAAI,CAcvB;IAEF,YAAY,WAAY,IAAI,cAAc,MAAM,KAAG,OAAO,CAExD;IAEF,mBAAmB,iBAMjB;IAEF,MAAM;CAiDN"}

package/lib/esm/components/input/SelectWithSearch.js

@@ -28,7 +28,8 @@ export default class SelectWithSearch extends React.Component {
     constructor() {
         super(...arguments);
         this.state = {
-            options: []
+            options: [],
+            inputValue: null
         };
         this.selectRef = React.createRef();
         this.portalRoot = null;
@@ -71,7 +72,7 @@ export default class SelectWithSearch extends React.Component {
         }
     }
     componentDidUpdate(prevProps) {
-        if (!isEqual(prevProps.options, this.props.options)) {
+        if (!isEqual(prevProps.options, this.props.options) || prevProps.freeForm !== this.props.freeForm) {
             this.updateOptions();
         }
     }
@@ -83,8 +84,28 @@ export default class SelectWithSearch extends React.Component {
     render() {
         const { noResultsMessage, placeholder, value, onChange, clearable, loading, disabled } = this.props;
         const { options } = this.state;
-        return (React.createElement(Select, { ref: this.selectRef, joinValues: true, name: "form-field-name", className: this.getContainerClasses().join(' '), classNamePrefix: "select-search", isClearable: clearable, noOptionsMessage: noResultsMessage ? () => noResultsMessage : undefined, options: options, value: value || null, onChange: onChange, placeholder: placeholder, 
+        return (React.createElement(Select, { ref: this.selectRef, joinValues: true, name: "form-field-name", className: this.getContainerClasses().join(' '), classNamePrefix: "select-search", isClearable: clearable, noOptionsMessage: noResultsMessage ? () => noResultsMessage : undefined, options: options, value: value || null, onChange: onChange, onInputChange: (newValue) => {
+                if (this.props.freeForm && newValue) {
+                    this.setState({ inputValue: newValue });
+                }
+            }, placeholder: placeholder, 
             // @ts-ignore
-            filterOption: this.filterOption, isLoading: loading, menuPortalTarget: this.portalRoot, isDisabled: disabled }));
+            filterOption: this.filterOption, isLoading: loading, menuPortalTarget: this.portalRoot, isDisabled: disabled, onBlur: () => {
+                if (this.props.freeForm && this.state.inputValue !== null) {
+                    this.setState({ options: this.props.options });
+                    this.setState({ inputValue: this.state.inputValue }, () => {
+                        const newItem = {
+                            type: 'item',
+                            value: this.state.inputValue,
+                            label: this.state.inputValue
+                        };
+                        this.setState((prevState) => ({
+                            options: [newItem, ...prevState.options]
+                        }));
+                        this.state.inputValue = null;
+                        onChange(newItem);
+                    });
+                }
+            } }));
     }
 }

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

@@ -52,7 +52,7 @@ export default class SelectWithSearchAsync<Item, ID extends string | number> ext
         options: Array<any>;
     }>;
     handleChange: (item: SelectItem<ID> | null | undefined) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};
 //# sourceMappingURL=SelectWithSearchAsync.d.ts.map

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

@@ -16,7 +16,7 @@ export default class UrnInput extends React.Component<Props, State> {
     state: State;
     handleEdit: () => void;
     handleChangeValue: (event: React.SyntheticEvent<HTMLInputElement>) => any;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};
 //# sourceMappingURL=UrnInput.d.ts.map

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

@@ -30,6 +30,6 @@ export default class ValidatedTextInput extends React.Component<Props> {
         required: boolean;
     };
     handleChange: (e: React.SyntheticEvent<HTMLInputElement>) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 //# sourceMappingURL=ValidatedTextInput.d.ts.map

package/lib/esm/components/input/__tests__/DateInput.spec.js

@@ -1,8 +1,8 @@
 import React, { useState } from 'react';
+import { describe, expect, it, vi } from 'vitest';
 import dayjs from 'dayjs';
 import { act, fireEvent, render, screen, waitFor } from '@testing-library/react';
 import DateInput from '../DateInput';
-jest.mock('i18next', () => ({ language: 'de' }));
 const DateStateProvider = ({ children, initialValue }) => {
     const [state, setState] = useState(initialValue);
     return children(state, setState);
@@ -35,7 +35,7 @@ describe('DateInput.js', () => {
             expect(screen.getByTestId('date-input')).toHaveClass('invalid');
         });
         it('should call onChange callback with parsed value of the input during the input is being changed when the value is valid', async () => {
-            const onChange = jest.fn();
+            const onChange = vi.fn();
             await act(async () => {
                 render(React.createElement(DateInput, { value: new Date('2019-02-01').getTime(), onChange: onChange }));
             });
@@ -46,7 +46,7 @@ describe('DateInput.js', () => {
             expect(dayjs(currentValue).toISOString()).toEqual(dayjs('2019-02-02').toISOString());
         });
         it('should not call onChange callback while editing the input when the input value is invalid', async () => {
-            const onChange = jest.fn();
+            const onChange = vi.fn();
             await act(async () => {
                 render(React.createElement(DateInput, { value: new Date('2019-02-01').getTime(), onChange: onChange }));
             });
@@ -72,7 +72,7 @@ describe('DateInput.js', () => {
             expect(screen.getByTestId('date-input')).toHaveValue('dateInput.invalidDate');
         });
         it('should call onChange callback with [null, true] when empty string is set to input field', async () => {
-            const onChange = jest.fn();
+            const onChange = vi.fn();
             await act(async () => {
                 render(React.createElement(DateInput, { value: Date.now(), onChange: onChange }));
             });

package/lib/esm/components/input/__tests__/DateTimeInput.spec.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import { describe, expect, it } from 'vitest';
 import DateTimeInput from '../DateTimeInput';
 import { render, screen } from '@testing-library/react';
 describe('DateTimeInput.js', () => {

package/lib/esm/components/input/__tests__/SelectWithSearchAsync.spec.js

@@ -1,11 +1,12 @@
 import React from 'react';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
 import SelectWithSearchAsync from '../SelectWithSearchAsync';
 import { render, screen, waitFor } from '@testing-library/react';
 // helper data
 const obj1 = { id: 1, label: 'obj 1' };
 const obj5 = { id: 5, label: 'obj 5' };
 const content = [obj1, obj5];
-const searchByQuery = jest.fn(() => Promise.resolve({
+const searchByQuery = vi.fn(() => Promise.resolve({
     content,
     totalElements: 2,
     totalPages: 1,
@@ -13,7 +14,7 @@ const searchByQuery = jest.fn(() => Promise.resolve({
     size: 5,
     sort: []
 }));
-const searchById = jest.fn((id) => Promise.resolve(content.find((item) => item.id === id)));
+const searchById = vi.fn((id) => Promise.resolve(content.find((item) => item.id === id)));
 const noop = () => { };
 describe('SelectWithSearchAsync.js', () => {
     beforeEach(() => {

package/lib/esm/components/link/RouteLink.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { RouteComponentProps } from 'react-router-dom';
 import { TranslationDescriptor } from '../../types/i18n';
 declare type LocationShape = RouteComponentProps['location'];
@@ -26,6 +26,6 @@ export declare type Props = {
  * RouteLink enables the possibility to add new links to existing routes.
  * Those routes can also be accessed via `keyboardShortcut`
  */
-export default function RouteLink({ to, confirm, className, title, children, keyboardShortcut, ...otherProps }: Props): JSX.Element;
+export default function RouteLink({ to, confirm, className, title, children, keyboardShortcut, ...otherProps }: Props): React.JSX.Element;
 export {};
 //# sourceMappingURL=RouteLink.d.ts.map

package/lib/esm/components/link/RouteLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RouteLink.d.ts","sourceRoot":"","sources":["../../../../src/components/link/RouteLink.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAC,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AAEjE,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAEvD,aAAK,aAAa,GAAG,mBAAmB,CAAC,UAAU,CAAC,CAAC;AAKrD,oBAAY,KAAK,GAAG;IACnB,EAAE,EAAE,MAAM,GAAG,aAAa,CAAC;IAE3B,sBAAsB;IACtB,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAE9B,kDAAkD;IAClD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;;SAKK;IACL,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,GAAG,CAAC,aAAa,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC;IAE1F,cAAc;IACd,QAAQ,CAAC,EAAE,GAAG,CAAC;IAEf,cAAc;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,cAAc;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAC,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,gBAAgB,EAAE,GAAG,UAAU,EAAC,EAAE,KAAK,eAkElH"}
+{"version":3,"file":"RouteLink.d.ts","sourceRoot":"","sources":["../../../../src/components/link/RouteLink.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAC,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AAEjE,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAEvD,aAAK,aAAa,GAAG,mBAAmB,CAAC,UAAU,CAAC,CAAC;AAKrD,oBAAY,KAAK,GAAG;IACnB,EAAE,EAAE,MAAM,GAAG,aAAa,CAAC;IAE3B,sBAAsB;IACtB,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAE9B,kDAAkD;IAClD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;;SAKK;IACL,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,GAAG,CAAC,aAAa,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC;IAE1F,cAAc;IACd,QAAQ,CAAC,EAAE,GAAG,CAAC;IAEf,cAAc;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,cAAc;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAC,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,gBAAgB,EAAE,GAAG,UAAU,EAAC,EAAE,KAAK,qBAkElH"}

package/lib/esm/components/multiMenu/MultiMenu.d.ts

@@ -21,7 +21,7 @@ declare type State = {
 export default class MultiMenu extends React.Component<Props, State> {
     state: State;
     toggleMenu: () => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};
 //# sourceMappingURL=MultiMenu.d.ts.map

package/lib/esm/components/multiMenu/components/MultiMenuItem.d.ts

@@ -9,6 +9,6 @@ export declare type Props = {
 };
 export default class MultiMenuItem extends React.PureComponent<Props> {
     createClickHandler: (toggleMenu: () => void) => () => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 //# sourceMappingURL=MultiMenuItem.d.ts.map

package/lib/esm/components/pagination/Pagination.d.ts

@@ -31,7 +31,7 @@ export default class Pagination extends React.Component<Props, State> {
     onChangeSize: (event: React.SyntheticEvent<HTMLSelectElement>) => void;
     notifyPageChange: (page: number) => void;
     handlePageInputChange: (event: React.SyntheticEvent<HTMLInputElement>) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};
 //# sourceMappingURL=Pagination.d.ts.map