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

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

package/lib/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/src/__mocks__/i18n.d.ts

@@ -0,0 +1,13 @@
+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/src/__mocks__/i18n.d.ts.map

@@ -0,0 +1 @@
+{"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/src/__mocks__/i18n.js

@@ -0,0 +1,20 @@
+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/src/components/chart/Chart.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+declare type Item = {
+    label: string;
+    value: number;
+};
+export declare type Props = {
+    /** 'pie' | 'column'*/
+    type: 'pie' | 'column';
+    /** title displayed above the chart*/
+    title?: string;
+    /** tooltip title displayed when the chart item is hovered */
+    tooltipTitle?: string;
+    /** array of pairs {label, value} displayed in chart */
+    items: Array<Item>;
+    /** Optional function allowing to set custom value formatter  */
+    valueFormatter?: (value: number) => string;
+    /** Optional click handler */
+    onClick?: (index: number) => void;
+    /** @ignore */
+    className?: string;
+    /** Optional function allowing to modify highcharts configuration */
+    updateOptions?: (options: Record<string, any>) => Record<string, any>;
+};
+/**
+ * Displays the provided data in form of the column chart or pie chart.
+ */
+export default class Chart extends React.Component<Props, Record<string, any>> {
+    state: Record<string, any>;
+    chart: any;
+    ro: ResizeObserver | null | undefined;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: Props): void;
+    componentWillUnmount(): void;
+    handleChart: (chart: any) => void;
+    render(): React.JSX.Element;
+}
+export {};
+//# sourceMappingURL=Chart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../../../src/components/chart/Chart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+D/B,aAAK,IAAI,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,oBAAY,KAAK,GAAG;IACnB,sBAAsB;IACtB,IAAI,EAAE,KAAK,GAAG,QAAQ,CAAC;IAEvB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,6DAA6D;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,uDAAuD;IACvD,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IAEnB,gEAAgE;IAChE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAE3C,6BAA6B;IAC7B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC,cAAc;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,oEAAoE;IACpE,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACtE,CAAC;AAmBF;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC7E,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAM;IAChC,KAAK,EAAE,GAAG,CAAQ;IAClB,EAAE,EAAE,cAAc,GAAG,IAAI,GAAG,SAAS,CAAQ;IAE7C,iBAAiB;IAsCjB,kBAAkB,CAAC,SAAS,EAAE,KAAK;IAsEnC,oBAAoB;IAQpB,WAAW,UAAW,GAAG,UAMvB;IAEF,MAAM;CAaN"}