@deviceinsight/ng-ui-components 7.23.0 → 7.24.0

package/dist/index.cjs

@@ -17,7 +17,7 @@ var __copyProps = (to, from, except, desc) => {
 	}
 	return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
 	value: mod,
 	enumerable: true
 }) : target, mod));
@@ -94,8 +94,10 @@ var setGlobalErrorMessageBoxOptions = (options) => {
 	globalErrorMessageBoxOptions = options;
 };
 var storeGroupName = (groupName, toastId) => {
-	if (groupName) if (groupNamesToToastIds[groupName]) groupNamesToToastIds[groupName] = [...groupNamesToToastIds[groupName], toastId];
-	else groupNamesToToastIds[groupName] = [toastId];
+	if (groupName) {
+		if (groupNamesToToastIds[groupName]) groupNamesToToastIds[groupName] = [...groupNamesToToastIds[groupName], toastId];
+		else groupNamesToToastIds[groupName] = [toastId];
+	}
 };
 var messageBoxSuccess = (content, options, groupName) => {
 	const toastId = react_toastify_unstyled.toast.success(content, {
@@ -271,8 +273,10 @@ function convertToTree({ childNodeKey, idKey, displayNameKey, typeKey, lazyLoada
 */
 function patchNode(node, patch) {
 	let patchedChildren;
-	if (patch.children !== void 0) if (node.children !== void 0) patchedChildren = [...node.children, ...patch.children];
-	else patchedChildren = [...patch.children];
+	if (patch.children !== void 0) {
+		if (node.children !== void 0) patchedChildren = [...node.children, ...patch.children];
+		else patchedChildren = [...patch.children];
+	}
 	return {
 		...node,
 		...patch,
@@ -842,8 +846,9 @@ function RouteLink({ to, confirm, className, title, children, keyboardShortcut,
 			pushRoute();
 		}
 	};
+	const href = history.createHref(typeof to === "string" ? { pathname: to } : to);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-		href: history.createHref(typeof to === "string" ? { pathname: to } : to),
+		href,
 		onClick: handleClickEvent,
 		className: `di route-link ${className || ""}`,
 		title: title ? t(title.id, { defaultValue: title.defaultValue }) : void 0,
@@ -1084,8 +1089,9 @@ var NodeInfo = class extends react.PureComponent {
 	}
 	render() {
 		const { node, node: { name }, leafNode, expanded, isLastChild, onExpand, selectionState, isLoading } = this.props;
+		const selected = selectionState === SelectionState.ALL;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: `node-info ${selectionState === SelectionState.ALL ? "selected" : ""}`,
+			className: `node-info ${selected ? "selected" : ""}`,
 			children: [
 				isLastChild !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Skeleton, { lastChild: isLastChild }),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(NodeImage, {
@@ -1779,10 +1785,12 @@ var ReactableTableHeader = class extends react.Component {
 		this.getClassName = (columnDef) => {
 			const { paginationSettings, tableName } = this.props;
 			const className = getClassName(tableName, columnDef.name);
-			if (columnDef.sortable) if (columnDef.name === paginationSettings.sort.property) if (paginationSettings.sort.direction === "ASC") return `${className} sortable sortAsc`;
-			else return `${className} sortable sortDes`;
-			else return `${className} sortable`;
-			else return `${className}`;
+			if (columnDef.sortable) {
+				if (columnDef.name === paginationSettings.sort.property) {
+					if (paginationSettings.sort.direction === "ASC") return `${className} sortable sortAsc`;
+					else return `${className} sortable sortDes`;
+				} else return `${className} sortable`;
+			} else return `${className}`;
 		};
 		this.printLabel = (label) => {
 			if (isTranslationDescriptor(label)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Trans, {
@@ -2070,17 +2078,19 @@ var ReactableWithClientSidePagination = class extends react.Component {
 		};
 		this.handleSelectChange = (selected, item) => {
 			const { onSelectedItemsChange, selectedItems = [], uniqueItemKey } = this.props;
-			if (onSelectedItemsChange) if (selected) onSelectedItemsChange(selectedItems.concat(uniqueItemKey(item)));
-			else onSelectedItemsChange(selectedItems.filter((key) => key !== uniqueItemKey(item)));
-			else console.warn("ReactableWithClientSidePagination: onSelectedItemsChange property is missing");
+			if (onSelectedItemsChange) {
+				if (selected) onSelectedItemsChange(selectedItems.concat(uniqueItemKey(item)));
+				else onSelectedItemsChange(selectedItems.filter((key) => key !== uniqueItemKey(item)));
+			} else console.warn("ReactableWithClientSidePagination: onSelectedItemsChange property is missing");
 		};
 		this.handleSelectAllChange = (selectedAll) => {
 			const { onSelectedItemsChange, items, selectedItems = [], uniqueItemKey } = this.props;
 			const { filteredItems } = this.state;
 			const visibleItems = (filteredItems || items || []).map(uniqueItemKey);
-			if (onSelectedItemsChange) if (selectedAll) onSelectedItemsChange((0, lodash.uniqWith)([...selectedItems, ...visibleItems], lodash.isEqual).sort());
-			else onSelectedItemsChange((0, lodash.difference)(selectedItems, visibleItems));
-			else console.warn("ReactableWithClientSidePagination: onSelectedItemsChange property is missing");
+			if (onSelectedItemsChange) {
+				if (selectedAll) onSelectedItemsChange((0, lodash.uniqWith)([...selectedItems, ...visibleItems], lodash.isEqual).sort());
+				else onSelectedItemsChange((0, lodash.difference)(selectedItems, visibleItems));
+			} else console.warn("ReactableWithClientSidePagination: onSelectedItemsChange property is missing");
 		};
 		this.areSelectedAll = () => {
 			const { items, selectedItems, uniqueItemKey } = this.props;
@@ -2120,8 +2130,9 @@ var ReactableWithClientSidePagination = class extends react.Component {
 	}
 	render() {
 		const { uniqueItemKey, isLoading, columnDefs, rowDef, tableName, clickable, selectable, selectedItems, onChangeSize } = this.props;
+		const finalColumnDefs = selectable ? extendColumnDefsWithCheckboxes(columnDefs, this.handleSelectChange, this.handleSelectAllChange, this.areSelectedAll(), selectedItems || [], uniqueItemKey) : columnDefs;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Reactable, {
-			columnDefs: selectable ? extendColumnDefsWithCheckboxes(columnDefs, this.handleSelectChange, this.handleSelectAllChange, this.areSelectedAll(), selectedItems || [], uniqueItemKey) : columnDefs,
+			columnDefs: finalColumnDefs,
 			rowDef,
 			uniqueItemKey,
 			paginationSettings: this.state.paginationSettings,
@@ -2603,7 +2614,7 @@ var MultiMenuItem = class extends react.PureComponent {
 };
 //#endregion
 //#region src/components/periodpicker/components/Inputs.tsx
-var ONE_HOUR = 3600 * 1e3;
+var ONE_HOUR = 36e5;
 function Inputs({ period, onChange, readOnly, locale, timezone }) {
 	const [showWarningTarget, setShowWarningTarget] = (0, react.useState)("");
 	const warningTimeoutRef = (0, react.useRef)(void 0);
@@ -2812,7 +2823,7 @@ function createLastXDays(days, timezone) {
 		tsEnd: (0, dayjs.default)().endOf("day").valueOf()
 	};
 }
-var DAY_TO_MILLIS = 1e3 * 60 * 60 * 24;
+var DAY_TO_MILLIS = 864e5;
 function periodToDays({ tsStart, tsEnd }) {
 	return Math.round((tsEnd - tsStart + 1) / DAY_TO_MILLIS);
 }
@@ -3411,9 +3422,10 @@ var Chart = class extends react.Component {
 	}
 	render() {
 		const built = this.buildOptions();
+		const options = this.props.updateOptions ? this.props.updateOptions(built) : built;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(highcharts_react_official.default, {
 			highcharts: highcharts.default,
-			options: this.props.updateOptions ? this.props.updateOptions(built) : built,
+			options,
 			containerProps: { className: this.props.className },
 			callback: this.handleChart
 		});
@@ -3510,12 +3522,13 @@ function useLimitStyling(limit, min, max) {
 			if (!containerEl) throw new Error(".rc-slider-rail element missing");
 			const disabledAreaEl = containerEl?.querySelector(`.disabled-area-element`);
 			const sliderWidth = containerEl.getBoundingClientRect().width;
-			if (disabledAreaEl) if (limit == null) disabledAreaEl.remove();
-			else {
-				const width = Math.round((max - limit) / (max - min) * sliderWidth);
-				disabledAreaEl.style.width = `${width}px`;
-			}
-			else if (limit != null) {
+			if (disabledAreaEl) {
+				if (limit == null) disabledAreaEl.remove();
+				else {
+					const width = Math.round((max - limit) / (max - min) * sliderWidth);
+					disabledAreaEl.style.width = `${width}px`;
+				}
+			} else if (limit != null) {
 				const width = Math.round((max - limit) / (max - min) * sliderWidth);
 				const disabledAreaEl = document.createElement("div");
 				disabledAreaEl.classList.add("disabled-area-element");