@deviceinsight/ng-ui-components 6.18.0 → 6.19.0

package/lib/esm/components/pagination/__tests__/Pagination.spec.js

@@ -1,87 +1,87 @@
 import * as React from 'react';
-import { shallow } from 'enzyme';
+import { describe, expect, it, vi } from 'vitest';
 import Pagination from '../Pagination';
+import { fireEvent, render, waitFor } from '@testing-library/react';
 describe('Pagination.js', () => {
     it('should disable all buttons when there is only one page', () => {
-        const PaginationWrapper = shallow(React.createElement(Pagination, { page: 0, totalPages: 1, onChangePage: () => { } }));
-        expect(PaginationWrapper.find('span.disabled')).toHaveLength(4);
+        const { container } = render(React.createElement(Pagination, { page: 0, totalPages: 1, onChangePage: () => { } }));
+        expect(container.querySelectorAll('span.disabled')).toHaveLength(4);
     });
     it('should disable "prev" and "first" when the first page is selected', () => {
-        const PaginationWrapper = shallow(React.createElement(Pagination, { page: 0, totalPages: 10, onChangePage: () => { } }));
-        expect(PaginationWrapper.find('span.prev.disabled')).toHaveLength(2);
+        const { container } = render(React.createElement(Pagination, { page: 0, totalPages: 10, onChangePage: () => { } }));
+        expect(container.querySelectorAll('span.prev.disabled')).toHaveLength(2);
     });
     it('should disable "next" and "last" when the last page is selected', () => {
-        const PaginationWrapper = shallow(React.createElement(Pagination, { page: 9, totalPages: 10, onChangePage: () => { } }));
-        expect(PaginationWrapper.find('span.next.disabled')).toHaveLength(2);
+        const { container } = render(React.createElement(Pagination, { page: 9, totalPages: 10, onChangePage: () => { } }));
+        expect(container.querySelectorAll('span.next.disabled')).toHaveLength(2);
     });
     it('should not disable buttons when on a page > 0 and < max pages', () => {
-        const PaginationWrapper = shallow(React.createElement(Pagination, { page: 5, totalPages: 10, onChangePage: () => { } }));
-        expect(PaginationWrapper.find('span.disabled')).toHaveLength(0);
+        const { container } = render(React.createElement(Pagination, { page: 5, totalPages: 10, onChangePage: () => { } }));
+        expect(container.querySelectorAll('span.disabled')).toHaveLength(0);
     });
     it('should go to the first page when the user clicks "first"', () => {
-        const handleChangePage = jest.fn();
-        const PaginationWrapper = shallow(React.createElement(Pagination, { page: 5, totalPages: 10, onChangePage: handleChangePage }));
-        PaginationWrapper.find('span.prev').first().simulate('click');
+        const handleChangePage = vi.fn();
+        const { container } = render(React.createElement(Pagination, { page: 5, totalPages: 10, onChangePage: handleChangePage }));
+        fireEvent.click(container.querySelectorAll('span.prev')[0]);
         expect(handleChangePage).toHaveBeenCalledWith(0);
     });
-    it('should go to the previous page when the user clicks "prev"', () => {
+    it('should go to the previous page when the user clicks "prev"', async () => {
         const page = 2;
-        const handleChangePage = jest.fn();
-        const PaginationWrapper = shallow(React.createElement(Pagination, { page: page, totalPages: 10, onChangePage: handleChangePage }));
-        PaginationWrapper.find('span.prev').last().simulate('click');
+        const handleChangePage = vi.fn();
+        const { container } = render(React.createElement(Pagination, { page: page, totalPages: 10, onChangePage: handleChangePage }));
+        fireEvent.click(container.querySelectorAll('span.prev')[1]);
         expect(handleChangePage).toHaveBeenCalledWith(page - 1);
     });
     it('should go to the next page when the user clicks "next"', () => {
-        const handleChangePage = jest.fn();
-        const PaginationWrapper = shallow(React.createElement(Pagination, { page: 2, totalPages: 10, onChangePage: handleChangePage }));
-        PaginationWrapper.find('span.next').first().simulate('click');
+        const handleChangePage = vi.fn();
+        const { container } = render(React.createElement(Pagination, { page: 2, totalPages: 10, onChangePage: handleChangePage }));
+        fireEvent.click(container.querySelectorAll('span.next')[0]);
         expect(handleChangePage).toHaveBeenCalledWith(3);
     });
     it('should go to the last page when the user clicks "last"', () => {
-        const handleChangePage = jest.fn();
-        const PaginationWrapper = shallow(React.createElement(Pagination, { page: 5, totalPages: 10, onChangePage: handleChangePage }));
-        PaginationWrapper.find('span.next').last().simulate('click');
+        const handleChangePage = vi.fn();
+        const { container } = render(React.createElement(Pagination, { page: 5, totalPages: 10, onChangePage: handleChangePage }));
+        fireEvent.click(container.querySelectorAll('span.next')[1]);
         expect(handleChangePage).toHaveBeenCalledWith(9);
     });
     it('should match snapshot', () => {
-        const PaginationWrapper1 = shallow(React.createElement(Pagination, { page: 0, totalPages: 10, onChangePage: () => { } }));
-        const PaginationWrapper2 = shallow(React.createElement(Pagination, { page: 5, totalPages: 10, onChangePage: () => { } }));
-        const PaginationWrapper3 = shallow(React.createElement(Pagination, { page: 9, totalPages: 10, onChangePage: () => { } }));
+        const PaginationWrapper1 = render(React.createElement(Pagination, { page: 0, totalPages: 10, onChangePage: () => { } }));
+        const PaginationWrapper2 = render(React.createElement(Pagination, { page: 5, totalPages: 10, onChangePage: () => { } }));
+        const PaginationWrapper3 = render(React.createElement(Pagination, { page: 9, totalPages: 10, onChangePage: () => { } }));
         expect(PaginationWrapper1).toMatchSnapshot();
         expect(PaginationWrapper2).toMatchSnapshot();
         expect(PaginationWrapper3).toMatchSnapshot();
     });
     describe('handlePageInputChange', () => {
-        it('should set page number if input is a correct number', () => {
-            const PaginationWrapper = shallow(React.createElement(Pagination, { page: 0, totalPages: 10, onChangePage: () => { } }));
-            const instance = PaginationWrapper.instance();
-            // @ts-ignore
-            const spy = jest.spyOn(instance, 'notifyPageChange');
-            // @ts-ignore
-            instance.handlePageInputChange({ target: { value: '4' } });
-            expect(spy).toHaveBeenCalledWith(4 - 1); // counting from 0
+        it('should set page number if input is a correct number', async () => {
+            const handleChangePage = vi.fn();
+            const { getByRole } = render(React.createElement(Pagination, { page: 0, totalPages: 10, onChangePage: handleChangePage }));
+            const input = getByRole('textbox');
+            fireEvent.change(input, { target: { value: '4' } });
+            fireEvent.blur(input);
+            await waitFor(() => {
+                expect(handleChangePage).toHaveBeenCalledWith(3);
+            });
         });
-        it('should not set page number if input is bigger than totalPages', () => {
-            const PaginationWrapper = shallow(React.createElement(Pagination, { page: 0, totalPages: 10, onChangePage: () => { } }));
-            const instance = PaginationWrapper.instance();
-            // @ts-ignore
-            const spy = jest.spyOn(instance, 'notifyPageChange');
-            // @ts-ignore
-            instance.handlePageInputChange({ target: { value: '12' } });
-            expect(PaginationWrapper.state('page')).toBe(0);
-            expect(spy).not.toHaveBeenCalled();
+        it('should not set page number if input is bigger than totalPages', async () => {
+            const handleChangePage = vi.fn();
+            const { getByRole } = render(React.createElement(Pagination, { page: 0, totalPages: 10, onChangePage: handleChangePage }));
+            const input = getByRole('textbox');
+            fireEvent.change(input, { target: { value: '12' } });
+            fireEvent.blur(input);
+            await waitFor(() => {
+                expect(handleChangePage).not.toHaveBeenCalled();
+            });
         });
-        it('should not set empty string as state and not call notifyPageChange', () => {
-            const PaginationWrapper = shallow(React.createElement(Pagination, { page: 0, totalPages: 10, onChangePage: () => { } }));
-            const instance = PaginationWrapper.instance();
-            // @ts-ignore
-            instance.handlePageInputChange({ target: { value: '2' } });
-            // @ts-ignore
-            const spy = jest.spyOn(instance, 'notifyPageChange');
-            // @ts-ignore
-            instance.handlePageInputChange({ target: { value: '0' } });
-            expect(PaginationWrapper.state('page')).toBe('');
-            expect(spy).not.toHaveBeenCalled();
+        it('should not set an empty string as page state', async () => {
+            const handleChangePage = vi.fn();
+            const { getByRole } = render(React.createElement(Pagination, { page: 0, totalPages: 10, onChangePage: handleChangePage }));
+            const input = getByRole('textbox');
+            fireEvent.change(input, { target: { value: '' } });
+            fireEvent.blur(input);
+            await waitFor(() => {
+                expect(handleChangePage).not.toHaveBeenCalled();
+            });
         });
     });
 });

package/lib/esm/components/periodpicker/PeriodPicker.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Period } from './types';
 export declare type Props = {
     /** Period from start- to endpoint */
@@ -19,5 +19,5 @@ export declare type Props = {
     timezone?: string;
     'data-testid'?: string;
 };
-export default function PeriodPicker({ period, onChange, inputsHiddenByDefault, menuHidden, readOnly, locale, defaultPeriodName, timezone, ...props }: Props): JSX.Element;
+export default function PeriodPicker({ period, onChange, inputsHiddenByDefault, menuHidden, readOnly, locale, defaultPeriodName, timezone, ...props }: Props): React.JSX.Element;
 //# sourceMappingURL=PeriodPicker.d.ts.map

package/lib/esm/components/periodpicker/PeriodPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PeriodPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/periodpicker/PeriodPicker.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,MAAM,EAAC,MAAM,SAAS,CAAC;AAK/B,oBAAY,KAAK,GAAG;IACnB,qCAAqC;IACrC,MAAM,EAAE,MAAM,CAAC;IAEf,mCAAmC;IACnC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,6BAA6B;IAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,4DAA4D;IAC5D,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,iCAAiC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACpC,MAAM,EACN,QAAQ,EACR,qBAAqB,EACrB,UAAU,EACV,QAAQ,EACR,MAAM,EACN,iBAAiB,EACjB,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,eAmBP"}
+{"version":3,"file":"PeriodPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/periodpicker/PeriodPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAC,MAAM,EAAC,MAAM,SAAS,CAAC;AAK/B,oBAAY,KAAK,GAAG;IACnB,qCAAqC;IACrC,MAAM,EAAE,MAAM,CAAC;IAEf,mCAAmC;IACnC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,6BAA6B;IAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,4DAA4D;IAC5D,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,iCAAiC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACpC,MAAM,EACN,QAAQ,EACR,qBAAqB,EACrB,UAAU,EACV,QAAQ,EACR,MAAM,EACN,iBAAiB,EACjB,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,qBAmBP"}

package/lib/esm/components/periodpicker/components/Inputs.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Period } from '../types';
 declare type Props = {
     period: Period;
@@ -7,6 +7,6 @@ declare type Props = {
     locale?: string;
     timezone?: string;
 };
-export default function Inputs({ period, onChange, readOnly, locale, timezone }: Props): JSX.Element;
+export default function Inputs({ period, onChange, readOnly, locale, timezone }: Props): React.JSX.Element;
 export {};
 //# sourceMappingURL=Inputs.d.ts.map

package/lib/esm/components/periodpicker/components/Inputs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Inputs.d.ts","sourceRoot":"","sources":["../../../../../src/components/periodpicker/components/Inputs.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAMhC,aAAK,KAAK,GAAG;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAC,EAAE,KAAK,eA2FnF"}
+{"version":3,"file":"Inputs.d.ts","sourceRoot":"","sources":["../../../../../src/components/periodpicker/components/Inputs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAMhC,aAAK,KAAK,GAAG;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAC,EAAE,KAAK,qBA2FnF"}

package/lib/esm/components/periodpicker/components/Menu.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Period } from '../types';
 declare type Props = {
     periodName: string | undefined;
@@ -6,6 +6,6 @@ declare type Props = {
     onChange: (period: Period) => void;
     onShowCustomPeriod: ((show: boolean) => void) | undefined;
 };
-export default function Menu({ onChange, onShowCustomPeriod, periodName, timezone }: Props): JSX.Element;
+export default function Menu({ onChange, onShowCustomPeriod, periodName, timezone }: Props): React.JSX.Element;
 export {};
 //# sourceMappingURL=Menu.d.ts.map

package/lib/esm/components/periodpicker/components/Menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/periodpicker/components/Menu.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAgBhC,aAAK,KAAK,GAAG;IACZ,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,kBAAkB,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CAC1D,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAC,QAAQ,EAAE,kBAAkB,EAAE,UAAU,EAAE,QAAQ,EAAC,EAAE,KAAK,eA2KvF"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/periodpicker/components/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAMtC,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAgBhC,aAAK,KAAK,GAAG;IACZ,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,kBAAkB,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CAC1D,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAC,QAAQ,EAAE,kBAAkB,EAAE,UAAU,EAAE,QAAQ,EAAC,EAAE,KAAK,qBA2KvF"}

package/lib/esm/components/periodpicker/components/MonthPicker.d.ts

@@ -12,8 +12,8 @@ declare type State = {
 };
 export default class MonthPicker extends React.Component<Props, State> {
     constructor(props: Props);
-    tdMonth: (month: number) => JSX.Element;
-    render(): JSX.Element;
+    tdMonth: (month: number) => React.JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};
 //# sourceMappingURL=MonthPicker.d.ts.map

package/lib/esm/components/periodpicker/components/MonthPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MonthPicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/periodpicker/components/MonthPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,aAAK,QAAQ,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,aAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,aAAK,KAAK,GAAG;IACZ,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;gBACzD,KAAK,EAAE,KAAK;IAWxB,OAAO,UAAW,MAAM,iBAiBtB;IAEF,MAAM;CAwDN"}
+{"version":3,"file":"MonthPicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/periodpicker/components/MonthPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,aAAK,QAAQ,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,aAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,aAAK,KAAK,GAAG;IACZ,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;gBACzD,KAAK,EAAE,KAAK;IAWxB,OAAO,UAAW,MAAM,uBAiBtB;IAEF,MAAM;CAwDN"}

package/lib/esm/components/periodpicker/usePeriodName.d.ts

@@ -3,5 +3,5 @@ import { Period } from './types';
  * This hook takes a period and tries to find its translation.
  * @param period
  */
-export default function usePeriodName(period: Period, timezone: string | undefined): any;
+export default function usePeriodName(period: Period, timezone: string | undefined): string | undefined;
 //# sourceMappingURL=usePeriodName.d.ts.map

package/lib/esm/components/periodpicker/usePeriodName.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePeriodName.d.ts","sourceRoot":"","sources":["../../../../src/components/periodpicker/usePeriodName.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,MAAM,EAAC,MAAM,SAAS,CAAC;AAgB/B;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,SAAS,OAoCjF"}
+{"version":3,"file":"usePeriodName.d.ts","sourceRoot":"","sources":["../../../../src/components/periodpicker/usePeriodName.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,MAAM,EAAC,MAAM,SAAS,CAAC;AAgB/B;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,SAAS,sBAoCjF"}

package/lib/esm/components/periodpicker/usePeriodName.js

@@ -1,4 +1,4 @@
-import { useTranslation } from 'react-i18next';
+import { useTranslation } from '../../i18n';
 import { createCurrentMonth, createCurrentWeek, createLastXDays, createToday, createWholeDay, createWholeMonth, createYesterday, periodToDays } from './periods';
 function compare(period1, period2) {
     return period1.tsStart === period2.tsStart && period1.tsEnd === period2.tsEnd;

package/lib/esm/components/prompt/Prompt.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { TranslationDescriptor } from '../../types/i18n';
 export declare type Props = {
     /** Title of the Prompt's content */
@@ -19,5 +19,5 @@ export declare type Props = {
 /**
  * This component should not be used directly, instead use `@withPrompt` to inject a promise-based prompt method
  */
-export default function Prompt({ title, message, onAccept, onCancel, inputPlaceholder, cancelButtonLabel, acceptButtonLabel }: Props): JSX.Element;
+export default function Prompt({ title, message, onAccept, onCancel, inputPlaceholder, cancelButtonLabel, acceptButtonLabel }: Props): React.JSX.Element;
 //# sourceMappingURL=Prompt.d.ts.map

package/lib/esm/components/prompt/Prompt.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Prompt.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/Prompt.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAEvD,oBAAY,KAAK,GAAG;IACnB,oCAAoC;IACpC,KAAK,EAAE,qBAAqB,CAAC;IAE7B,wCAAwC;IACxC,OAAO,EAAE,qBAAqB,CAAC;IAE/B,cAAc;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEjC,cAAc;IACd,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC;IAEvC,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,qBAAqB,CAAC;IAE1C,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,qBAAqB,CAAC;IAE1C,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,qBAAqB,CAAC;CACzC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC9B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,EAAE,KAAK,eAiEP"}
+{"version":3,"file":"Prompt.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/Prompt.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAKzD,OAAO,EAAC,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAEvD,oBAAY,KAAK,GAAG;IACnB,oCAAoC;IACpC,KAAK,EAAE,qBAAqB,CAAC;IAE7B,wCAAwC;IACxC,OAAO,EAAE,qBAAqB,CAAC;IAE/B,cAAc;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEjC,cAAc;IACd,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC;IAEvC,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,qBAAqB,CAAC;IAE1C,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,qBAAqB,CAAC;IAE1C,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,qBAAqB,CAAC;CACzC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC9B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,EAAE,KAAK,qBAiEP"}

package/lib/esm/components/reactable/Reactable.d.ts

@@ -33,6 +33,6 @@ export declare type Props<T, ID extends string | number | undefined | null = any
  * Each column can also be extended to be sortable and/or filterable
  */
 export default class Reactable<T = any, ID extends string | number | undefined | null = any> extends React.Component<Props<T, ID>> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 //# sourceMappingURL=Reactable.d.ts.map

package/lib/esm/components/reactable/helpers/ReactableTable.d.ts

@@ -15,7 +15,7 @@ declare type Props<T, ID extends string | number | undefined | null> = {
     'data-testid'?: string;
 };
 export default class ReactableTable<T = any, ID extends string | number | undefined | null = any> extends React.Component<Props<T, ID>> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};
 //# sourceMappingURL=ReactableTable.d.ts.map

package/lib/esm/components/reactable/helpers/ReactableTableHeader.d.ts

@@ -9,8 +9,8 @@ declare type Props = {
 export default class ReactableTableHeader extends React.Component<Props> {
     handleSort: (columnDef: ReactableColumnDef<unknown>) => void;
     getClassName: (columnDef: ReactableColumnDef<any>) => "" | "sortable sortAsc" | "sortable sortDes" | "sortable";
-    printLabel: (label: ReactableColumnLabel) => string | number | boolean | React.ReactFragment | JSX.Element | import("../../../types/i18n").TranslationDescriptor | null | undefined;
-    render(): JSX.Element;
+    printLabel: (label: ReactableColumnLabel) => string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | import("../../../types/i18n").TranslationDescriptor | null | undefined;
+    render(): React.JSX.Element;
 }
 export {};
 //# sourceMappingURL=ReactableTableHeader.d.ts.map

package/lib/esm/components/reactable/helpers/ReactableTableHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReactableTableHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/reactable/helpers/ReactableTableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,kBAAkB,EAAE,oBAAoB,EAAC,MAAM,UAAU,CAAC;AAClE,OAAO,EAAC,kBAAkB,EAAE,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAI5E,aAAK,KAAK,GAAG;IACZ,UAAU,EAAE,KAAK,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,CAAC;IAC3C,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,KAAK,IAAI,CAAC;CAC7D,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;IACvE,UAAU,EAAE,CAAC,SAAS,EAAE,kBAAkB,CAAC,OAAO,CAAC,KAAK,IAAI,CAO1D;IAEF,YAAY,cAAe,mBAAmB,GAAG,CAAC,+DAgBhD;IAEF,UAAU,UAAW,oBAAoB,4IAQvC;IAEF,MAAM;CAuBN"}
+{"version":3,"file":"ReactableTableHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/reactable/helpers/ReactableTableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,kBAAkB,EAAE,oBAAoB,EAAC,MAAM,UAAU,CAAC;AAClE,OAAO,EAAC,kBAAkB,EAAE,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAI5E,aAAK,KAAK,GAAG;IACZ,UAAU,EAAE,KAAK,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,CAAC;IAC3C,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,KAAK,IAAI,CAAC;CAC7D,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;IACvE,UAAU,EAAE,CAAC,SAAS,EAAE,kBAAkB,CAAC,OAAO,CAAC,KAAK,IAAI,CAO1D;IAEF,YAAY,cAAe,mBAAmB,GAAG,CAAC,+DAgBhD;IAEF,UAAU,UAAW,oBAAoB,wJAQvC;IAEF,MAAM;CAuBN"}

package/lib/esm/components/reactable/helpers/ReactableTableRow.d.ts

@@ -10,7 +10,7 @@ export default class ReactableTableRow extends React.Component<Props<any>> {
     handleClick: () => void;
     getTooltip: () => string;
     getRowStyle: () => React.CSSProperties | undefined;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};
 //# sourceMappingURL=ReactableTableRow.d.ts.map

package/lib/esm/components/reactableWithClientSidePagination/ReactableWithClientSidePagination.d.ts

@@ -63,7 +63,7 @@ export default class ReactableWithClientSidePagination<T = any, ID extends strin
     handleSelectChange: (selected: boolean, item: T) => void;
     handleSelectAllChange: (selectedAll: boolean) => void;
     areSelectedAll: () => boolean;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};
 //# sourceMappingURL=ReactableWithClientSidePagination.d.ts.map

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

@@ -1,36 +1,17 @@
 import * as React from 'react';
-import { shallow } from 'enzyme';
-import toJson from 'enzyme-to-json';
+import { describe, expect, it, vi } from 'vitest';
+import { act, fireEvent, render } from '@testing-library/react';
 import ReactableWithClientSidePagination from '../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 = [
     {
@@ -57,81 +38,92 @@ const COMMON_PROPS = {
 describe('ReactableWithClientSidePagination.js', () => {
     describe('selectable feature', () => {
         it('should match snapshot', () => {
-            const wrapper = shallow(
+            const ReactableWithClientSidePaginationWrapper = render(
             // @ts-ignore
             React.createElement(ReactableWithClientSidePagination, { ...COMMON_PROPS, selectedItems: [], onSelectedItemsChange: () => { } }));
-            expect(toJson(wrapper)).toMatchSnapshot();
+            expect(ReactableWithClientSidePaginationWrapper).toMatchSnapshot();
         });
-        it('should call the callback with correct argument when checkbox is checked', () => {
+        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 = shallow(
+            const selectedItemsChangeHandler = vi.fn();
+            const { getAllByRole } = render(
             // @ts-ignore
             React.createElement(ReactableWithClientSidePagination, { ...COMMON_PROPS, selectedItems: selectedItemsBefore, onSelectedItemsChange: selectedItemsChangeHandler }));
+            const checkbox = getAllByRole('checkbox')[2];
+            await act(async () => {
+                fireEvent.click(checkbox);
+            });
             // @ts-ignore
-            wrapper.instance().handleSelectChange(true, ITEMS[3]);
             expect(selectedItemsChangeHandler.mock.calls[0][0]).toEqual(selectedItemsAfter);
         });
-        it('should call the callback with correct argument when checkbox is unchecked', () => {
+        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 = shallow(
+            const selectedItemsChangeHandler = vi.fn();
+            const { getAllByRole } = render(
             // @ts-ignore
             React.createElement(ReactableWithClientSidePagination, { ...COMMON_PROPS, selectedItems: selectedItemsBefore, onSelectedItemsChange: selectedItemsChangeHandler }));
-            // @ts-ignore
-            wrapper.instance().handleSelectChange(false, ITEMS[3]);
+            const checkbox = getAllByRole('checkbox')[2];
+            await act(async () => {
+                fireEvent.click(checkbox);
+            });
             expect(selectedItemsChangeHandler.mock.calls[0][0]).toEqual(selectedItemsAfter);
         });
-        it('should call the callback with correct argument when the selectAll checkbox is checked', () => {
+        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 = shallow(
+            const selectedItemsChangeHandler = vi.fn();
+            const { getByTitle } = render(
             // @ts-ignore
             React.createElement(ReactableWithClientSidePagination, { ...COMMON_PROPS, selectedItems: selectedItemsBefore, onSelectedItemsChange: selectedItemsChangeHandler }));
-            // @ts-ignore
-            wrapper.instance().handleSelectAllChange(true);
+            const checkbox = getByTitle('components.filtertable.selectAllItems');
+            await act(async () => {
+                fireEvent.click(checkbox);
+            });
             expect(selectedItemsChangeHandler.mock.calls[0][0]).toEqual(selectedItemsAfter);
         });
-        it('should call the callback with correct argument when the selectAll checkbox is unchecked', () => {
+        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 = shallow(
+            const selectedItemsChangeHandler = vi.fn();
+            const { getByTitle } = render(
             // @ts-ignore
             React.createElement(ReactableWithClientSidePagination, { ...COMMON_PROPS, selectedItems: selectedItemsBefore, onSelectedItemsChange: selectedItemsChangeHandler }));
-            // @ts-ignore
-            wrapper.instance().handleSelectAllChange(false);
-            // @ts-ignore
+            const checkbox = getByTitle('components.filtertable.selectAllItems');
+            await act(async () => {
+                fireEvent.click(checkbox);
+            });
             expect(selectedItemsChangeHandler.mock.calls[0][0]).toEqual(selectedItemsAfter);
         });
-        it('should select all available items if selectAll checkbox is checked and data is filtered', () => {
+        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 = shallow(
+            const selectedItemsChangeHandler = vi.fn();
+            const { getByTitle, getByRole } = render(
             // @ts-ignore
             React.createElement(ReactableWithClientSidePagination, { ...COMMON_PROPS, selectedItems: selectedItemsBefore, onSelectedItemsChange: selectedItemsChangeHandler }));
-            // @ts-ignore
-            wrapper.instance().handleFilter({ name: ITEMS[1].name });
-            // @ts-ignore
-            wrapper.instance().handleSelectAllChange(true);
+            const filterInput = getByRole('textbox');
+            const checkbox = getByTitle('components.filtertable.selectAllItems');
+            await act(async () => {
+                fireEvent.change(filterInput, { target: { value: ITEMS[1].name } });
+                fireEvent.click(checkbox);
+            });
             expect(selectedItemsChangeHandler.mock.calls[0][0]).toEqual(selectedItemsAfter);
         });
-        it('should unselect all available items if selectAll checkbox is checked and data is filtered', () => {
+        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 = shallow(
+            const selectedItemsChangeHandler = vi.fn();
+            const { getByTitle, getByRole } = render(
             // @ts-ignore
             React.createElement(ReactableWithClientSidePagination, { ...COMMON_PROPS, selectedItems: selectedItemsBefore, onSelectedItemsChange: selectedItemsChangeHandler }));
-            // @ts-ignore
-            wrapper.instance().handleFilter({ name: ITEMS[1].name });
-            // @ts-ignore
-            wrapper.instance().handleSelectAllChange(false);
+            const filterInput = getByRole('textbox');
+            const checkbox = getByTitle('components.filtertable.selectAllItems');
+            await act(async () => {
+                fireEvent.change(filterInput, { target: { value: ITEMS[1].name } });
+                fireEvent.click(checkbox);
+            });
             expect(selectedItemsChangeHandler.mock.calls[0][0]).toEqual(selectedItemsAfter);
         });
     });

package/lib/esm/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/esm/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/esm/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/esm/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/esm/components/svg/utils/__tests__/getMutableNodeList.spec.js

@@ -1,3 +1,4 @@
+import { describe, expect, it } from 'vitest';
 import getMutableNodeList, { parseFromString } from '../getMutableNodeList';
 const testDiFieldId = 'di-field-id-';
 const base64StringWithoutFieldIds = 'data:image/svg+xml;base64,PHN2Zz48aDE+SGk8L2gxPjwvc3ZnPg==';

package/lib/esm/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/esm/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/esm/components/tabs/RouteTabs.js

@@ -17,7 +17,7 @@ const TabHeader = ({ id, to, className, title, children, draggingDisabled }) =>
         transition
     };
     const { pathname } = useLocation();
-    const isActive = pathname.endsWith(to);
+    const isActive = pathname.endsWith(to.toString());
     if (isActive) {
         return (React.createElement("button", { "data-testid": "tab-button", className: cx('tab-header item active', className), title: title, ref: setNodeRef, style: style, type: "button", ...attributes, ...listeners }, children));
     }
@@ -33,7 +33,7 @@ export default function RouteTabs({ pages, onOrderChange, basePath, ...otherProp
     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/esm/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