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

package/lib/cjs/components/reactableWithClientSidePagination/__tests__/ReactableWithClientSidePagination.spec.js

@@ -27,38 +27,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const enzyme_1 = require("enzyme");
-const enzyme_to_json_1 = __importDefault(require("enzyme-to-json"));
+const vitest_1 = require("vitest");
+const react_1 = require("@testing-library/react");
 const ReactableWithClientSidePagination_1 = __importDefault(require("../ReactableWithClientSidePagination"));
 const ITEMS = [
-    {
-        id: 1,
-        name: 'Hans Wurst',
-        description: 'Lorem ipsum dolor sit amet, consectetur adipisici elit'
-    },
-    {
-        id: 2,
-        name: 'August Tina',
-        description: "Hopfen und Malz, Gott erhalt's"
-    },
-    {
-        id: 3,
-        name: 'Paul Aner',
-        description: 'Salve pater patriae'
-    },
-    {
-        id: 4,
-        name: 'Franz Iskaner',
-        description: 'Da braut sich was zusammen'
-    }
+    { id: 1, name: 'Hans Wurst', description: 'Lorem ipsum dolor sit amet, consectetur adipisici elit' },
+    { id: 2, name: 'August Tina', description: "Hopfen und Malz, Gott erhalt's" },
+    { id: 3, name: 'Paul Aner', description: 'Salve pater patriae' },
+    { id: 4, name: 'Franz Iskaner', description: 'Da braut sich was zusammen' }
 ];
 const INITIAL_PAGINATION_SETTINGS = {
     page: 0,
     size: ITEMS.length,
-    sort: {
-        property: 'name',
-        direction: 'ASC'
-    }
+    sort: { property: 'name', direction: 'ASC' }
 };
 const COLUMN_DEFS = [
     {
@@ -82,85 +63,96 @@ const COMMON_PROPS = {
     selectable: true,
     isLoading: false
 };
-describe('ReactableWithClientSidePagination.js', () => {
-    describe('selectable feature', () => {
-        it('should match snapshot', () => {
-            const wrapper = (0, enzyme_1.shallow)(
+(0, vitest_1.describe)('ReactableWithClientSidePagination.js', () => {
+    (0, vitest_1.describe)('selectable feature', () => {
+        (0, vitest_1.it)('should match snapshot', () => {
+            const ReactableWithClientSidePaginationWrapper = (0, react_1.render)(
             // @ts-ignore
             React.createElement(ReactableWithClientSidePagination_1.default, { ...COMMON_PROPS, selectedItems: [], onSelectedItemsChange: () => { } }));
-            expect((0, enzyme_to_json_1.default)(wrapper)).toMatchSnapshot();
+            (0, vitest_1.expect)(ReactableWithClientSidePaginationWrapper).toMatchSnapshot();
         });
-        it('should call the callback with correct argument when checkbox is checked', () => {
+        (0, vitest_1.it)('should call the callback with correct argument when checkbox is checked', async () => {
             const selectedItemsBefore = [1, 2];
             const selectedItemsAfter = [1, 2, 4];
-            const selectedItemsChangeHandler = jest.fn();
-            const wrapper = (0, enzyme_1.shallow)(
+            const selectedItemsChangeHandler = vitest_1.vi.fn();
+            const { getAllByRole } = (0, react_1.render)(
             // @ts-ignore
             React.createElement(ReactableWithClientSidePagination_1.default, { ...COMMON_PROPS, selectedItems: selectedItemsBefore, onSelectedItemsChange: selectedItemsChangeHandler }));
+            const checkbox = getAllByRole('checkbox')[2];
+            await (0, react_1.act)(async () => {
+                react_1.fireEvent.click(checkbox);
+            });
             // @ts-ignore
-            wrapper.instance().handleSelectChange(true, ITEMS[3]);
-            expect(selectedItemsChangeHandler.mock.calls[0][0]).toEqual(selectedItemsAfter);
+            (0, vitest_1.expect)(selectedItemsChangeHandler.mock.calls[0][0]).toEqual(selectedItemsAfter);
         });
-        it('should call the callback with correct argument when checkbox is unchecked', () => {
+        (0, vitest_1.it)('should call the callback with correct argument when checkbox is unchecked', async () => {
             const selectedItemsBefore = [1, 2, 4];
             const selectedItemsAfter = [1, 2];
-            const selectedItemsChangeHandler = jest.fn();
-            const wrapper = (0, enzyme_1.shallow)(
+            const selectedItemsChangeHandler = vitest_1.vi.fn();
+            const { getAllByRole } = (0, react_1.render)(
             // @ts-ignore
             React.createElement(ReactableWithClientSidePagination_1.default, { ...COMMON_PROPS, selectedItems: selectedItemsBefore, onSelectedItemsChange: selectedItemsChangeHandler }));
-            // @ts-ignore
-            wrapper.instance().handleSelectChange(false, ITEMS[3]);
-            expect(selectedItemsChangeHandler.mock.calls[0][0]).toEqual(selectedItemsAfter);
+            const checkbox = getAllByRole('checkbox')[2];
+            await (0, react_1.act)(async () => {
+                react_1.fireEvent.click(checkbox);
+            });
+            (0, vitest_1.expect)(selectedItemsChangeHandler.mock.calls[0][0]).toEqual(selectedItemsAfter);
         });
-        it('should call the callback with correct argument when the selectAll checkbox is checked', () => {
+        (0, vitest_1.it)('should call the callback with correct argument when the selectAll checkbox is checked', async () => {
             const selectedItemsBefore = [1];
             const selectedItemsAfter = [1, 2, 3, 4];
-            const selectedItemsChangeHandler = jest.fn();
-            const wrapper = (0, enzyme_1.shallow)(
+            const selectedItemsChangeHandler = vitest_1.vi.fn();
+            const { getByTitle } = (0, react_1.render)(
             // @ts-ignore
             React.createElement(ReactableWithClientSidePagination_1.default, { ...COMMON_PROPS, selectedItems: selectedItemsBefore, onSelectedItemsChange: selectedItemsChangeHandler }));
-            // @ts-ignore
-            wrapper.instance().handleSelectAllChange(true);
-            expect(selectedItemsChangeHandler.mock.calls[0][0]).toEqual(selectedItemsAfter);
+            const checkbox = getByTitle('components.filtertable.selectAllItems');
+            await (0, react_1.act)(async () => {
+                react_1.fireEvent.click(checkbox);
+            });
+            (0, vitest_1.expect)(selectedItemsChangeHandler.mock.calls[0][0]).toEqual(selectedItemsAfter);
         });
-        it('should call the callback with correct argument when the selectAll checkbox is unchecked', () => {
+        (0, vitest_1.it)('should call the callback with correct argument when the selectAll checkbox is unchecked', async () => {
             const selectedItemsBefore = [1, 2, 3, 4];
-            // @ts-ignore
             const selectedItemsAfter = [];
-            const selectedItemsChangeHandler = jest.fn();
-            const wrapper = (0, enzyme_1.shallow)(
+            const selectedItemsChangeHandler = vitest_1.vi.fn();
+            const { getByTitle } = (0, react_1.render)(
             // @ts-ignore
             React.createElement(ReactableWithClientSidePagination_1.default, { ...COMMON_PROPS, selectedItems: selectedItemsBefore, onSelectedItemsChange: selectedItemsChangeHandler }));
-            // @ts-ignore
-            wrapper.instance().handleSelectAllChange(false);
-            // @ts-ignore
-            expect(selectedItemsChangeHandler.mock.calls[0][0]).toEqual(selectedItemsAfter);
+            const checkbox = getByTitle('components.filtertable.selectAllItems');
+            await (0, react_1.act)(async () => {
+                react_1.fireEvent.click(checkbox);
+            });
+            (0, vitest_1.expect)(selectedItemsChangeHandler.mock.calls[0][0]).toEqual(selectedItemsAfter);
         });
-        it('should select all available items if selectAll checkbox is checked and data is filtered', () => {
+        (0, vitest_1.it)('should select all available items if selectAll checkbox is checked and data is filtered', async () => {
             const selectedItemsBefore = [1, 4];
             const selectedItemsAfter = [1, 2, 4];
-            const selectedItemsChangeHandler = jest.fn();
-            const wrapper = (0, enzyme_1.shallow)(
+            const selectedItemsChangeHandler = vitest_1.vi.fn();
+            const { getByTitle, getByRole } = (0, react_1.render)(
             // @ts-ignore
             React.createElement(ReactableWithClientSidePagination_1.default, { ...COMMON_PROPS, selectedItems: selectedItemsBefore, onSelectedItemsChange: selectedItemsChangeHandler }));
-            // @ts-ignore
-            wrapper.instance().handleFilter({ name: ITEMS[1].name });
-            // @ts-ignore
-            wrapper.instance().handleSelectAllChange(true);
-            expect(selectedItemsChangeHandler.mock.calls[0][0]).toEqual(selectedItemsAfter);
+            const filterInput = getByRole('textbox');
+            const checkbox = getByTitle('components.filtertable.selectAllItems');
+            await (0, react_1.act)(async () => {
+                react_1.fireEvent.change(filterInput, { target: { value: ITEMS[1].name } });
+                react_1.fireEvent.click(checkbox);
+            });
+            (0, vitest_1.expect)(selectedItemsChangeHandler.mock.calls[0][0]).toEqual(selectedItemsAfter);
         });
-        it('should unselect all available items if selectAll checkbox is checked and data is filtered', () => {
+        (0, vitest_1.it)('should unselect all available items if selectAll checkbox is checked and data is filtered', async () => {
             const selectedItemsBefore = [1, 2, 3, 4];
             const selectedItemsAfter = [1, 3, 4];
-            const selectedItemsChangeHandler = jest.fn();
-            const wrapper = (0, enzyme_1.shallow)(
+            const selectedItemsChangeHandler = vitest_1.vi.fn();
+            const { getByTitle, getByRole } = (0, react_1.render)(
             // @ts-ignore
             React.createElement(ReactableWithClientSidePagination_1.default, { ...COMMON_PROPS, selectedItems: selectedItemsBefore, onSelectedItemsChange: selectedItemsChangeHandler }));
-            // @ts-ignore
-            wrapper.instance().handleFilter({ name: ITEMS[1].name });
-            // @ts-ignore
-            wrapper.instance().handleSelectAllChange(false);
-            expect(selectedItemsChangeHandler.mock.calls[0][0]).toEqual(selectedItemsAfter);
+            const filterInput = getByRole('textbox');
+            const checkbox = getByTitle('components.filtertable.selectAllItems');
+            await (0, react_1.act)(async () => {
+                react_1.fireEvent.change(filterInput, { target: { value: ITEMS[1].name } });
+                react_1.fireEvent.click(checkbox);
+            });
+            (0, vitest_1.expect)(selectedItemsChangeHandler.mock.calls[0][0]).toEqual(selectedItemsAfter);
         });
     });
 });

package/lib/cjs/components/slider/Slider.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export declare type Props = {
     /** minimum value the slider renders */
     min: number;
@@ -25,6 +25,6 @@ export declare type Props = {
  * Enables picking the desired value from a specified range.
  * Can have a tooltip and labels
  */
-declare const Slider: ({ min, max, step, value, tooltip, labels, format, onChange, onChangeComplete, limit }: Props) => JSX.Element;
+declare const Slider: ({ min, max, step, value, tooltip, labels, format, onChange, onChangeComplete, limit }: Props) => React.JSX.Element;
 export default Slider;
 //# sourceMappingURL=Slider.d.ts.map

package/lib/cjs/components/slider/Slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../../src/components/slider/Slider.tsx"],"names":[],"mappings":";AAKA,oBAAY,KAAK,GAAG;IACnB,uCAAuC;IACvC,GAAG,EAAE,MAAM,CAAC;IAEZ,uCAAuC;IACvC,GAAG,EAAE,MAAM,CAAC;IAEZ,0DAA0D;IAC1D,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IAEd,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IAEzC,4CAA4C;IAC5C,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAEnC,yEAAyE;IACzE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE3C,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAIF;;;GAGG;AACH,QAAA,MAAM,MAAM,0FAAgG,KAAK,gBAoChH,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../../src/components/slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,oBAAY,KAAK,GAAG;IACnB,uCAAuC;IACvC,GAAG,EAAE,MAAM,CAAC;IAEZ,uCAAuC;IACvC,GAAG,EAAE,MAAM,CAAC;IAEZ,0DAA0D;IAC1D,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IAEd,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IAEzC,4CAA4C;IAC5C,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAEnC,yEAAyE;IACzE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE3C,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAIF;;;GAGG;AACH,QAAA,MAAM,MAAM,0FAAgG,KAAK,sBAoChH,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/cjs/components/svg/SvgImage.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Modification } from './types';
 export declare type Props = {
     /** base64 encoded content of the SVG file */
@@ -8,5 +8,5 @@ export declare type Props = {
     /** called with list of conflicting IDs which means IDs existing in the DOM and duplicated by the elements from the SVG */
     onConflict?: (conflictingIds: string[]) => void;
 };
-export default function SvgImage({ imageData, modifications, onConflict }: Props): JSX.Element;
+export default function SvgImage({ imageData, modifications, onConflict }: Props): React.JSX.Element;
 //# sourceMappingURL=SvgImage.d.ts.map

package/lib/cjs/components/svg/SvgImage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SvgImage.d.ts","sourceRoot":"","sources":["../../../../src/components/svg/SvgImage.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAIrC,oBAAY,KAAK,GAAG;IACnB,6CAA6C;IAC7C,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAErC,uEAAuE;IACvE,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAE/B,0HAA0H;IAC1H,UAAU,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAChD,CAAC;AAyBF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAC,SAAS,EAAE,aAAa,EAAE,UAAU,EAAC,EAAE,KAAK,eAiB7E"}
+{"version":3,"file":"SvgImage.d.ts","sourceRoot":"","sources":["../../../../src/components/svg/SvgImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAG/C,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAIrC,oBAAY,KAAK,GAAG;IACnB,6CAA6C;IAC7C,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAErC,uEAAuE;IACvE,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAE/B,0HAA0H;IAC1H,UAAU,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAChD,CAAC;AAyBF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAC,SAAS,EAAE,aAAa,EAAE,UAAU,EAAC,EAAE,KAAK,qBAiB7E"}

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/assets/style.css

@@ -3,7 +3,6 @@
 * UI Components
 */
 
-
 /* ColorPicker */
 .di.color-picker {margin:-5px -10px; padding:0}
 .di.color-picker .color {width:20%; padding:15px; float:left; position:relative; transition: transform .1s ease; cursor:pointer;}
@@ -70,7 +69,6 @@
 .di.reactable.sortable th.sortable:hover::after {content: url('./svg/triangle_up_and_down.svg'); position:absolute; padding:0 0 0 0px; margin-left:1px; filter:opacity(0.3); width:16px; height:16px;}
 .di.reactable.sortable th.sortable.sortAsc::after {content: url('./svg/triangle_up.svg'); position:absolute; padding:0 0 0 0px; margin-left:2px; width:16px; height:16px;filter:none;}
 .di.reactable.sortable th.sortable.sortDes::after {content: url('./svg/triangle_down.svg'); position:absolute; padding:0 0 0 0px; margin-left:2px; width:16px; height:16px;filter:none;}
-/* TODO filterrow form styles */
 
 /* Upload */
 .di.upload,
@@ -253,3 +251,6 @@
 .di.slider .rc-slider-handle {border-color: var(--primary-color, #1a8ed3);}
 .di.slider .rc-slider-dot-active {border-color: var(--primary-color, #1a8ed3);}
 .di.slider .rc-slider-handle:active {box-shadow: 0 0 5px var(--primary-color, #1a8ed3);}
+
+.di.modal.scroll-horizontally-advice {padding-top: 40vh}
+.di.modal.scroll-horizontally-advice .modal-content .scroll-horizontally-advice-buttons {text-align: right; margin-top: 16px;}

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