@deviceinsight/ng-ui-components 6.18.0 → 6.19.0

package/lib/esm/src/index.js

@@ -0,0 +1,39 @@
+import './assets/style.css';
+import 'rc-slider/assets/index.css';
+// Libraries
+export { messageBoxSuccess, messageBoxInfo, messageBoxWarn, messageBoxError, messageBoxDismissSingle, messageBoxDismissGroup, messageBoxDismissAll, setGlobalErrorMessageBoxOptions, MessageBoxContainer } from './modules/messageBox/messageBox';
+export { uuidV4 } from './modules/utils/uuidGen';
+export { nanoid10 } from './modules/utils/nanoidGen';
+export { initializeTranslation } from './i18n';
+export { getTreeNodePathById } from './components/treeview/treeutils';
+// Components
+export { default as ColorPicker } from './components/colorpicker/GridColorPicker';
+export { default as GridColorPicker } from './components/colorpicker/GridColorPicker';
+export { default as GradientColorPicker } from './components/colorpicker/GradientColorPicker';
+export { default as DateInput } from './components/input/DateInput';
+export { default as UrnInput } from './components/input/UrnInput';
+export { default as ValidatedTextInput } from './components/input/ValidatedTextInput';
+export { default as withPrompt } from './components/prompt/withPrompt';
+export { default as RouteLink } from './components/link/RouteLink';
+export { default as InfoBox } from './components/infobox/InfoBox';
+export { default as RouteTabs } from './components/tabs/RouteTabs';
+export { default as TreeView } from './components/treeview/TreeView';
+export { default as Pagination } from './components/pagination/Pagination';
+export { default as Reactable } from './components/reactable/Reactable';
+export { default as ReactableWithClientSidePagination } from './components/reactableWithClientSidePagination/ReactableWithClientSidePagination';
+export { default as FileUpload } from './components/upload/FileUpload';
+export { default as ImageUpload } from './components/upload/ImageUpload';
+export { default as ContentHeader } from './components/contentHeader/ContentHeader';
+export { default as DateTimeInput } from './components/input/DateTimeInput';
+export { default as SelectWithSearch } from './components/input/SelectWithSearch';
+export { default as SelectWithSearchAsync } from './components/input/SelectWithSearchAsync';
+export { default as MultiMenu } from './components/multiMenu/MultiMenu';
+export { default as MultiMenuItem } from './components/multiMenu/components/MultiMenuItem';
+export { default as PeriodPicker } from './components/periodpicker/PeriodPicker';
+export { default as SvgImage } from './components/svg/SvgImage';
+export { default as getMutableNodeList } from './components/svg/utils/getMutableNodeList';
+export { default as validateSvg } from './components/svg/utils/validateSvg';
+export { default as getSvgElement } from './components/svg/utils/getSvgElement';
+export { default as Chart } from './components/chart/Chart';
+export { default as Slider } from './components/slider/Slider';
+export { default as outsideClick } from './hoc/outsideClick';

package/lib/esm/src/modules/messageBox/messageBox.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ToastContent, ToastOptions } from 'react-toastify';
+import 'react-toastify/dist/ReactToastify.css';
+import '../../assets/react-toastify-custom.css';
+export declare const setGlobalErrorMessageBoxOptions: (options: ToastOptions) => void;
+export declare const messageBoxSuccess: (content: ToastContent, options?: ToastOptions, groupName?: string) => void;
+export declare const messageBoxInfo: (content: ToastContent, options?: ToastOptions, groupName?: string) => void;
+export declare const messageBoxWarn: (content: ToastContent, options?: ToastOptions, groupName?: string) => void;
+export declare const messageBoxError: (content: ToastContent, options?: ToastOptions, groupName?: string) => void;
+export declare const messageBoxDismissSingle: (id: number) => void;
+export declare const messageBoxDismissGroup: (groupName: string) => void;
+export declare const messageBoxDismissAll: () => void;
+export declare const MessageBoxContainer: () => React.JSX.Element;
+//# sourceMappingURL=messageBox.d.ts.map

package/lib/esm/src/modules/messageBox/messageBox.d.ts.map

@@ -0,0 +1 @@
+{"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/modules/messageBox/messageBox.js

@@ -0,0 +1,56 @@
+import React from 'react';
+import { toast, ToastContainer, Slide } from 'react-toastify';
+import 'react-toastify/dist/ReactToastify.css';
+import '../../assets/react-toastify-custom.css';
+let groupNamesToToastIds = {};
+let globalErrorMessageBoxOptions = {
+    autoClose: false
+};
+export const setGlobalErrorMessageBoxOptions = (options) => {
+    globalErrorMessageBoxOptions = options;
+};
+const storeGroupName = (groupName, toastId) => {
+    if (groupName) {
+        if (groupNamesToToastIds[groupName]) {
+            groupNamesToToastIds[groupName] = [...groupNamesToToastIds[groupName], toastId];
+        }
+        else {
+            groupNamesToToastIds[groupName] = [toastId];
+        }
+    }
+};
+export const messageBoxSuccess = (content, options, groupName) => {
+    const toastId = toast.success(content, options);
+    if (groupName)
+        storeGroupName(groupName, toastId);
+};
+export const messageBoxInfo = (content, options, groupName) => {
+    const toastId = toast.info(content, options);
+    if (groupName)
+        storeGroupName(groupName, toastId);
+};
+export const messageBoxWarn = (content, options, groupName) => {
+    const toastId = toast.warn(content, options);
+    if (groupName)
+        storeGroupName(groupName, toastId);
+};
+export const messageBoxError = (content, options, groupName) => {
+    // default is autoClose=false to force the user to close errors
+    const toastId = toast.error(content, { ...globalErrorMessageBoxOptions, ...options });
+    if (groupName)
+        storeGroupName(groupName, toastId);
+};
+export const messageBoxDismissSingle = (id) => {
+    toast.dismiss(id);
+};
+export const messageBoxDismissGroup = (groupName) => {
+    if (groupNamesToToastIds[groupName]) {
+        groupNamesToToastIds[groupName].forEach((toastId) => toast.dismiss(toastId));
+        delete groupNamesToToastIds[groupName];
+    }
+};
+export const messageBoxDismissAll = () => {
+    groupNamesToToastIds = {};
+    toast.dismiss();
+};
+export const MessageBoxContainer = () => (React.createElement(ToastContainer, { position: "top-center", autoClose: 3000, hideProgressBar: true, transition: Slide }));

package/lib/esm/src/modules/utils/nanoidGen.d.ts

@@ -0,0 +1,2 @@
+export declare const nanoid10: () => string;
+//# sourceMappingURL=nanoidGen.d.ts.map

package/lib/esm/src/modules/utils/nanoidGen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nanoidGen.d.ts","sourceRoot":"","sources":["../../../../../src/modules/utils/nanoidGen.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ,EAAE,MAAM,MAAqC,CAAC"}

package/lib/esm/src/modules/utils/nanoidGen.js

@@ -0,0 +1,3 @@
+import { customAlphabet } from 'nanoid';
+const alphabet = '0123456789abcdefghijklmnopqrstuvwxyz';
+export const nanoid10 = customAlphabet(alphabet, 10);

package/lib/esm/src/modules/utils/uuidGen.d.ts

@@ -0,0 +1,2 @@
+export declare const uuidV4: (length?: number) => string;
+//# sourceMappingURL=uuidGen.d.ts.map

package/lib/esm/src/modules/utils/uuidGen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"uuidGen.d.ts","sourceRoot":"","sources":["../../../../../src/modules/utils/uuidGen.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,uBAAkB,MAgBpC,CAAC"}

package/lib/esm/src/modules/utils/uuidGen.js

@@ -0,0 +1,13 @@
+export const uuidV4 = (length = 32) => {
+    let uuid = '';
+    for (let i = 0; i < length; i++) {
+        // eslint-disable-next-line no-bitwise
+        const random = (Math.random() * 16) | 0;
+        if (i === 8 || i === 12 || i === 16 || i === 20) {
+            uuid += '-';
+        }
+        // eslint-disable-next-line no-bitwise, no-nested-ternary
+        uuid += (i === 12 ? 4 : i === 16 ? (random & 3) | 8 : random).toString(16);
+    }
+    return uuid;
+};

package/lib/esm/src/types/i18n.d.ts

@@ -0,0 +1,5 @@
+export declare type TranslationDescriptor = {
+    id: string;
+    defaultValue: string;
+};
+//# sourceMappingURL=i18n.d.ts.map

package/lib/esm/src/types/i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../../src/types/i18n.ts"],"names":[],"mappings":"AAAA,oBAAY,qBAAqB,GAAG;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,MAAM,CAAC;CACrB,CAAC"}

package/lib/esm/src/types/i18n.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/src/types/pagination.d.ts

@@ -0,0 +1,19 @@
+export declare type Pageable<T> = {
+    content: Array<T>;
+    totalElements: number;
+    totalPages: number;
+    number: number;
+    size: number;
+    sort: Array<Sort>;
+};
+export declare type SortDirection = 'ASC' | 'DESC';
+export declare type Sort = {
+    property: string;
+    direction: SortDirection;
+};
+export declare type PaginationSettings = {
+    page: number;
+    size: number;
+    sort: Sort;
+};
+//# sourceMappingURL=pagination.d.ts.map

package/lib/esm/src/types/pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../src/types/pagination.ts"],"names":[],"mappings":"AAAA,oBAAY,QAAQ,CAAC,CAAC,IAAI;IACzB,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IAEf,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;CAClB,CAAC;AAEF,oBAAY,aAAa,GAAG,KAAK,GAAG,MAAM,CAAC;AAE3C,oBAAY,IAAI,GAAG;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,aAAa,CAAC;CACzB,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,IAAI,CAAC;CACX,CAAC"}

package/lib/esm/src/types/pagination.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/src/utils/dayjsLocales.d.ts

@@ -0,0 +1,10 @@
+import 'dayjs/locale/en';
+import 'dayjs/locale/en-gb';
+import 'dayjs/locale/en-ca';
+import 'dayjs/locale/de';
+import 'dayjs/locale/de-at';
+import 'dayjs/locale/de-ch';
+import 'dayjs/locale/it';
+import 'dayjs/locale/ja';
+export declare function isLocaleSupported(locale: string): boolean;
+//# sourceMappingURL=dayjsLocales.d.ts.map

package/lib/esm/src/utils/dayjsLocales.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dayjsLocales.d.ts","sourceRoot":"","sources":["../../../../src/utils/dayjsLocales.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,CAAC;AACzB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,iBAAiB,CAAC;AACzB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AAIzB,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM,WAE/C"}

package/lib/esm/src/utils/dayjsLocales.js

@@ -0,0 +1,12 @@
+import 'dayjs/locale/en';
+import 'dayjs/locale/en-gb';
+import 'dayjs/locale/en-ca';
+import 'dayjs/locale/de';
+import 'dayjs/locale/de-at';
+import 'dayjs/locale/de-ch';
+import 'dayjs/locale/it';
+import 'dayjs/locale/ja';
+const supportedLocales = ['en', 'en-gb', 'en-ca', 'de', 'de-at', 'de-ch', 'it', 'ja'];
+export function isLocaleSupported(locale) {
+    return supportedLocales.includes(locale);
+}

package/lib/esm/src/utils/resolvePath.d.ts

@@ -0,0 +1,2 @@
+export default function resolvePath(basePath: string, match: string): string;
+//# sourceMappingURL=resolvePath.d.ts.map

package/lib/esm/src/utils/resolvePath.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolvePath.d.ts","sourceRoot":"","sources":["../../../../src/utils/resolvePath.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAG3E"}

package/lib/esm/src/utils/resolvePath.js

@@ -0,0 +1,4 @@
+export default function resolvePath(basePath, match) {
+    const divider = basePath.endsWith('/') ? '' : '/';
+    return `${basePath}${divider}${match}`;
+}

package/lib/esm/vite.config.d.mts

@@ -0,0 +1,3 @@
+declare const _default: import("vite").UserConfig;
+export default _default;
+//# sourceMappingURL=vite.config.d.mts.map

package/lib/esm/vite.config.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite.config.d.mts","sourceRoot":"","sources":["../../vite.config.mts"],"names":[],"mappings":";AAEA,wBAOG"}

package/lib/esm/vite.config.mjs

@@ -0,0 +1,9 @@
+import { defineConfig } from 'vitest/config';
+export default defineConfig({
+    test: {
+        globals: true,
+        environment: 'happy-dom',
+        setupFiles: './vitest.setup.tsx',
+        exclude: ['**/node_modules/**', '**/lib/**'],
+    },
+});

package/lib/esm/vitest.setup.d.ts

@@ -0,0 +1,3 @@
+import '@testing-library/jest-dom';
+import 'dayjs/locale/de';
+//# sourceMappingURL=vitest.setup.d.ts.map

package/lib/esm/vitest.setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vitest.setup.d.ts","sourceRoot":"","sources":["../../vitest.setup.tsx"],"names":[],"mappings":"AACA,OAAO,2BAA2B,CAAC;AAGnC,OAAO,iBAAiB,CAAC"}

package/lib/esm/vitest.setup.js

@@ -0,0 +1,10 @@
+import { vi } from 'vitest';
+import '@testing-library/jest-dom';
+import i18nMock from './src/__mocks__/i18n';
+import dayjs from 'dayjs';
+import 'dayjs/locale/de';
+dayjs.locale('de');
+vi.mock('./src/i18n', () => i18nMock);
+vi.mock('@deviceinsight/ng-ui-api-client', () => ({
+    readAccountObject: vi.fn(() => Promise.resolve(false))
+}));

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@deviceinsight/ng-ui-components",
-	"version": "6.18.0",
+	"version": "6.19.0",
 	"private": false,
 	"license": "SEE LICENSE IN LICENSE",
 	"repository": {
@@ -22,11 +22,11 @@
 	"scripts": {
 		"scan": "npx --registry=https://registry.npmjs.org audit-ci@^6 --low true --skip-dev --config scan-config.json5",
 		"prebuild:library": "rm -rf ./lib",
-		"build:library": "tsc && tsc --project tsconfig.cjs.json",
+		"build:library": "tsc && tsc --project tsconfig.cjs.json && tsc --project tsconfig.esm.json",
 		"build:storybook": "build-storybook",
 		"postbuild:library": "cp -R ./src/assets ./lib/esm && cp -R ./src/assets ./lib/cjs",
 		"build": "npm run build:library",
-		"test": "jest",
+		"test": "vitest",
 		"eslint": "eslint -c .eslintrc \"**/*.{ts,tsx}\"",
 		"prettier": "prettier --write \"{src/**/*.ts,src/**/*.tsx,src/**/*.mdx}\"",
 		"watch": "npm run build:library; tsc-watch --onSuccess \"yalc push\"",
@@ -36,7 +36,8 @@
 		"storybook": "start-storybook -p 6006"
 	},
 	"dependencies": {
-		"@deviceinsight/ng-ui-basic-components": "3.13.0",
+		"@deviceinsight/ng-ui-api-client": "10.39.0",
+		"@deviceinsight/ng-ui-basic-components": "3.16.0",
 		"@dnd-kit/core": "6.0.5",
 		"@dnd-kit/modifiers": "6.0.0",
 		"@dnd-kit/sortable": "7.0.1",
@@ -66,16 +67,15 @@
 		"react-router-dom": "^5.3.3"
 	},
 	"devDependencies": {
-		"@babel/cli": "7.20.7",
-		"@babel/core": "7.20.12",
-		"@babel/plugin-proposal-class-properties": "7.16.7",
-		"@babel/plugin-proposal-object-rest-spread": "7.16.7",
+		"@babel/cli": "7.27.0",
+		"@babel/core": "7.26.10",
 		"@babel/plugin-syntax-dynamic-import": "7.8.3",
-		"@babel/plugin-transform-runtime": "7.17.10",
-		"@babel/preset-env": "7.16.8",
-		"@babel/preset-react": "7.16.7",
-		"@babel/preset-typescript": "7.16.7",
-		"@cfaester/enzyme-adapter-react-18": "0.6.0",
+		"@babel/plugin-transform-class-properties": "7.25.9",
+		"@babel/plugin-transform-object-rest-spread": "7.25.9",
+		"@babel/plugin-transform-runtime": "7.26.10",
+		"@babel/preset-env": "^7.26.9",
+		"@babel/preset-react": "7.26.3",
+		"@babel/preset-typescript": "7.27.0",
 		"@mdx-js/react": "1.6.22",
 		"@storybook/addon-actions": "6.5.16",
 		"@storybook/addon-docs": "6.5.16",
@@ -88,77 +88,47 @@
 		"@storybook/testing-library": "0.0.13",
 		"@storybook/theming": "6.5.16",
 		"@testing-library/dom": "8.20.0",
-		"@testing-library/jest-dom": "5.16.5",
-		"@testing-library/react": "13.4.0",
+		"@testing-library/jest-dom": "^6.6.3",
+		"@testing-library/react": "^13.4.0",
 		"@testing-library/user-event": "14.4.3",
-		"@types/classnames": "2.3.1",
-		"@types/enzyme": "3.10.8",
-		"@types/i18next": "8.4.6",
-		"@types/jest": "27.5.2",
-		"@types/lodash": "4.14.169",
-		"@types/node": "15.3.0",
-		"@types/react": "18.0.27",
+		"@types/lodash": "4.17.16",
+		"@types/node": "22.13.13",
+		"@types/react": "18.3.12",
 		"@types/react-datepicker": "4.3.4",
 		"@types/react-dom": "18.0.10",
-		"@types/react-onclickoutside": "6.7.4",
-		"@types/react-router-dom": "5.1.7",
+		"@types/react-onclickoutside": "6.7.10",
+		"@types/react-router-dom": "5.3.3",
 		"@types/react-select": "4.0.15",
 		"@typescript-eslint/eslint-plugin": "5.32.0",
 		"@typescript-eslint/parser": "5.32.0",
-		"babel-jest": "27.5.1",
+		"ajv": "^8.17.1",
 		"babel-loader": "8.2.3",
-		"core-js": "3.8.3",
+		"core-js": "3.41.0",
 		"css-loader": "6.5.1",
 		"dotenv": "8.2.0",
-		"enzyme": "3.11.0",
-		"enzyme-to-json": "3.6.1",
 		"eslint": "8.21.0",
 		"eslint-plugin-filenames": "1.3.2",
 		"eslint-plugin-import": "2.26.0",
-		"eslint-plugin-jest": "26.8.0",
 		"eslint-plugin-react": "7.30.1",
 		"eslint-plugin-react-hooks": "4.6.0",
+		"happy-dom": "^15.7.4",
 		"husky": "8.0.0",
 		"i18next": "20.3.2",
-		"jest": "27.5.1",
 		"lint-staged": "10.5.4",
 		"prettier": "2.7.1",
-		"raf": "3.4.1",
 		"react": "18.2.0",
 		"react-docgen-typescript": "1.22.0",
 		"react-dom": "18.2.0",
 		"react-i18next": "12.1.5",
 		"react-router-dom": "5.3.3",
 		"style-loader": "3.3.1",
-		"ts-jest": "27.1.3",
 		"tsc-watch": "4.2.9",
 		"typescript": "4.7.4",
-		"url-loader": "4.1.1"
+		"vitest": "2.1.9"
 	},
 	"lint-staged": {
 		"{src/**/*.ts,src/**/*.tsx}": [
 			"prettier --write"
 		]
-	},
-	"jest": {
-		"preset": "ts-jest/presets/js-with-babel",
-		"testEnvironment": "jsdom",
-		"setupFilesAfterEnv": [
-			"./setupTests.js"
-		],
-		"transform": {
-			"^.+\\.tsx?$": "babel-jest"
-		},
-		"snapshotSerializers": [
-			"enzyme-to-json/serializer"
-		],
-		"moduleNameMapper": {
-			"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/assetsTransformer.js",
-			"\\.(css|less)$": "<rootDir>/assetsTransformer.js",
-			"^i18n$": "<rootDir>/src/__mocks__/i18n.ts"
-		},
-		"modulePathIgnorePatterns": [
-			"/lib"
-		]
 	}
 }