inviton-powerduck 0.0.72 → 0.0.74

package/common/base-component.tsx

@@ -13,303 +13,303 @@ import { IValidation, ValidationState } from './static-wrappers/interfaces/valid
 import ScrollUtils from "./scroll-utils";
 
 export abstract class PowerduckViewModelBase extends Vue {
-    blockRoot: boolean = true;
-    authorized: boolean = true;
-    v$: Validation;
-
-    constructor(optionBuilder: OptionBuilder, vueInstance: any) {
-        super(optionBuilder, vueInstance);
-        this.v$ = useVuelidate({
-            $scope: vueInstance
-        }) as any as Validation;
-    }
-
-    /**
-     * Current interface language
-     */
-    get appLanguage(): Language {
-        return PowerduckState.getCurrentLanguage();
-    }
-
-    /**
-     * Try GET data from Inviton API enpoint
-     */
-    public async tryGetDataByArgs<TData, TArgs = {}>(args: TryCallApiArgs<TData, TArgs>): Promise<TData> {
-        return this.tryCallApiByArgs(args, false);
-    }
-
-    /**
-     * Try POST data to Inviton API endpoint
-     */
-    public async tryPostDataByArgs<TData, TArgs>(args: TryCallApiArgs<TData, TArgs>): Promise<TryPostApiResponse<TData>> {
-        var retVal = await this.tryCallApiByArgs(args, true);
-        if (retVal != null && retVal["ajaxErr"] != null) {
-            return {
-                data: null as any,
-                error: retVal["ajaxErr"],
-                result: TryCallApiResult.Error,
-            };
-        } else {
-            return {
-                data: retVal,
-                error: null as any,
-                result: TryCallApiResult.Success,
-            };
-        }
-    }
-
-    /**
-     * Try PATCH data to Inviton API endpoint
-     * just decorator
-     */
-    public async tryPatchDataByArgs<TData, TArgs>(args: TryCallApiArgs<TData, TArgs>): Promise<TryPatchApiResponse<TData>> {
-        return await this.tryPostDataByArgs(args);
-    }
-
-    public async tryDeleteDataByArgs<TData, TArgs>(args: TryCallApiArgs<TData, TArgs>): Promise<TData> {
-        return this.tryCallApiByArgs(args, false);
-    }
-
-    private async tryCallApiByArgs<TData, TArgs>(args: TryCallApiArgs<TData, TArgs>, includeError: boolean): Promise<TData> {
-        var retVal: TData;
-        let handle: any = null;
-
-        if (args.blockRoot != false) {
-            handle = setTimeout(() => {
-                this.blockRoot = true;
-            }, 850);
-        }
-
-        var apiMethod = args.apiMethod as any;
-        var promise = apiMethod(args.requestArgs, args.timeout);
-
-        try {
-            retVal = await promise;
-        } catch (e: any) {
-            let err: AjaxError = e;
-
-            if (args.blockRoot != false) {
-                this.blockRoot = false;
-            }
-
-            if (e == "not authorized, token expired") {
-                err = {
-                    authorized: false,
-                    responseText: PowerduckState.getResourceValue('loginExpired'),
-                } as any;
-            }
-
-            if (err.authorized == false || e == "not authorized, token expired") {
-                (window as any).loginModalRootInstance.show();
-            }
-
-            if (!err.authorized && args.toggleAuthorization) {
-                this.authorized = err.authorized;
-            }
-
-            if (args.showError != false) {
-                let parsedMsg = PowerduckState.parseErrorMessage(err.responseText);
-                if (!isNullOrEmpty(parsedMsg)) {
-                    this.showErrorMessage(parsedMsg);
-                } else if (err.responseText) {
-                    this.showErrorMessage(err.responseText);
-                } else if ((err as any).message) {
-                    this.showErrorMessage((err as any).message);
-                }
-            }
-
-            if (includeError) {
-                retVal = {
-                    ajaxErr: err,
-                } as any;
-            } else {
-                retVal = null as any;
-            }
-        }
-
-        if (args.blockRoot != false) {
-            try {
-                clearTimeout(handle);
-            } catch (error) { }
-
-            if (this.blockRoot == true) {
-                this.blockRoot = false;
-            }
-        }
-
-        return retVal;
-    }
-
-    /**
-     * Get children components of given type
-     *
-     * @param typeName Name of the type
-     */
-    getChildrenByType<T>(typeName: string): Array<T> {
-        return PortalUtils.getChildrenByType(this, typeName);
-    }
-
-    /**
-     * Displays unobtrusive error message
-     * @param errMsg Error message
-     */
-    showErrorMessage(errMsg: string): void {
-        NotificationProvider.showErrorMessage(errMsg);
-    }
-
-    /**
-     * Displays unobtrusive success message
-     * @param successMsg Success message
-     */
-    showSuccessMessage(successMsg: string): void {
-        NotificationProvider.showSuccessMessage(successMsg);
-    }
-
-    /**
-     * Parse variable into number
-     * @param val
-     * @param defaultValue
-     */
-    getNumericValue(val: any, defaultValue?: number) {
-        if (val != null) {
-            try {
-                val = Number(val);
-                if (isNaN(val)) {
-                    val = defaultValue;
-                }
-            } catch (e) {
-                val = defaultValue;
-            }
-        } else {
-            val = defaultValue;
-        }
-
-        return val;
-    }
-
-    /**
-     * Validates current viewModel state based on given valdiation ruleset
-     */
-    async validate(showErrorMessage?: boolean, silent?: boolean): Promise<boolean> {
-        if (localStorage.getItem("disableValidation") == "1") {
-            return true;
-        }
-
-        if (this.v$ == null) {
-            throw "Validation rules not specified, has to be specified in @Component declaration!";
-        }
-
-        var isInvalid = !(await this.v$.$validate());
-        if (isInvalid) {
-            if (showErrorMessage != false) {
-                this.showValidationErrorMessage();
-            }
-
-            if (silent != true) {
-                this.validationIncludeDirty = true;
-                this.$nextTick(() => {
-                    this.scrollToFirstPossibleError($(this.unwrapRootElement()));
-                });
-            }
-        }
-
-        return !isInvalid;
-    }
-
-    unwrapRootElement(): HTMLElement {
-        if ((this.$el as any).$getChildSlots != null) {
-            return (((this.$el as any).$getChildSlots() || [])[0]?.el || this.$el) as any;
-        }
-
-        return this.$el as any;
-    }
-
-    showValidationErrorMessage() {
-        this.showErrorMessage(PowerduckState.getResourceValue('errorsOnForm'));
-    }
-
-    scrollToFirstPossibleError(context: JQuery) {
-        ScrollUtils.scrollToFirstPossibleError(context);
-    }
-
-    /**
-     * Scrolls to element
-     * @param elem
-     */
-    scrollToElem(elem: typeof Vue | Element | typeof Vue[] | Element[], mobileOffset?: boolean | number, mobileOffsetSmoothing?: boolean, animated?: boolean, instant?: boolean): void {
-        ScrollUtils.scrollToElem(elem, mobileOffset, mobileOffsetSmoothing, animated, instant);
-    }
-
-    /**
-     * Scrolls to position
-     * @param elem
-     */
-    scrollToPos(position: number, context?: JQuery, animated?: boolean, instant?: boolean): void {
-        ScrollUtils.scrollToPos(position, context, animated, instant);
-    }
-
-    /**
-     * Determines if DIRTY should be included in validation
-     */
-    validationIncludeDirty: boolean = false;
-
-    /**
-     * Obtains validation state of given property
-     * @param valProp Validation property
-     */
-    validationStateOf(valProp: IValidation | IValidation[], customMessage?: string): ValidationState {
-        let retVal: ValidationState = null as any;
-        if (!PortalUtils.isArray(valProp)) {
-            retVal = ValidationHelper.getValidationDisplayState(valProp as any, this.validationIncludeDirty);
-        } else {
-            let validationResult: ValidationState;
-            for (let i = 0, len = (valProp as IValidation[]).length; i < len; i++) {
-                validationResult = ValidationHelper.getValidationDisplayState(valProp[i], this.validationIncludeDirty);
-                if (!validationResult.valid) {
-                    retVal = validationResult;
-                    break;
-                }
-            }
-        }
-
-        if (retVal?.valid == false) {
-            if (!isNullOrEmpty(customMessage as any)) {
-                retVal = retVal || {} as any;
-                retVal.errorMessage = customMessage as string;
-            }
-        }
-
-        return retVal;
-    }
-
-    /**
-     * Resets validation state of the viewModel
-     */
-    resetValidation() {
-        ValidationHelper.resetValidation(this);
-        this.validationIncludeDirty = false;
-    }
+	blockRoot: boolean = true;
+	authorized: boolean = true;
+	v$: Validation;
+
+	constructor(optionBuilder: OptionBuilder, vueInstance: any) {
+		super(optionBuilder, vueInstance);
+		this.v$ = useVuelidate({
+			$scope: vueInstance
+		}) as any as Validation;
+	}
+
+	/**
+	 * Current interface language
+	 */
+	get appLanguage(): Language {
+		return PowerduckState.getCurrentLanguage();
+	}
+
+	/**
+	 * Try GET data from Inviton API enpoint
+	 */
+	public async tryGetDataByArgs<TData, TArgs = {}>(args: TryCallApiArgs<TData, TArgs>): Promise<TData> {
+		return this.tryCallApiByArgs(args, false);
+	}
+
+	/**
+	 * Try POST data to Inviton API endpoint
+	 */
+	public async tryPostDataByArgs<TData, TArgs>(args: TryCallApiArgs<TData, TArgs>): Promise<TryPostApiResponse<TData>> {
+		var retVal = await this.tryCallApiByArgs(args, true);
+		if (retVal != null && retVal["ajaxErr"] != null) {
+			return {
+				data: null as any,
+				error: retVal["ajaxErr"],
+				result: TryCallApiResult.Error,
+			};
+		} else {
+			return {
+				data: retVal,
+				error: null as any,
+				result: TryCallApiResult.Success,
+			};
+		}
+	}
+
+	/**
+	 * Try PATCH data to Inviton API endpoint
+	 * just decorator
+	 */
+	public async tryPatchDataByArgs<TData, TArgs>(args: TryCallApiArgs<TData, TArgs>): Promise<TryPatchApiResponse<TData>> {
+		return await this.tryPostDataByArgs(args);
+	}
+
+	public async tryDeleteDataByArgs<TData, TArgs>(args: TryCallApiArgs<TData, TArgs>): Promise<TData> {
+		return this.tryCallApiByArgs(args, false);
+	}
+
+	private async tryCallApiByArgs<TData, TArgs>(args: TryCallApiArgs<TData, TArgs>, includeError: boolean): Promise<TData> {
+		var retVal: TData;
+		let handle: any = null;
+
+		if (args.blockRoot != false) {
+			handle = setTimeout(() => {
+				this.blockRoot = true;
+			}, 850);
+		}
+
+		var apiMethod = args.apiMethod as any;
+		var promise = apiMethod(args.requestArgs, args.timeout);
+
+		try {
+			retVal = await promise;
+		} catch (e: any) {
+			let err: AjaxError = e;
+
+			if (args.blockRoot != false) {
+				this.blockRoot = false;
+			}
+
+			if (e == "not authorized, token expired") {
+				err = {
+					authorized: false,
+					responseText: PowerduckState.getResourceValue('loginExpired'),
+				} as any;
+			}
+
+			if (err.authorized == false || e == "not authorized, token expired") {
+				(window as any).loginModalRootInstance.show();
+			}
+
+			if (!err.authorized && args.toggleAuthorization) {
+				this.authorized = err.authorized;
+			}
+
+			if (args.showError != false) {
+				let parsedMsg = PowerduckState.parseErrorMessage(err.responseText);
+				if (!isNullOrEmpty(parsedMsg)) {
+					this.showErrorMessage(parsedMsg);
+				} else if (err.responseText) {
+					this.showErrorMessage(err.responseText);
+				} else if ((err as any).message) {
+					this.showErrorMessage((err as any).message);
+				}
+			}
+
+			if (includeError) {
+				retVal = {
+					ajaxErr: err,
+				} as any;
+			} else {
+				retVal = null as any;
+			}
+		}
+
+		if (args.blockRoot != false) {
+			try {
+				clearTimeout(handle);
+			} catch (error) { }
+
+			if (this.blockRoot == true) {
+				this.blockRoot = false;
+			}
+		}
+
+		return retVal;
+	}
+
+	/**
+	 * Get children components of given type
+	 *
+	 * @param typeName Name of the type
+	 */
+	getChildrenByType<T>(typeName: string): Array<T> {
+		return PortalUtils.getChildrenByType(this, typeName);
+	}
+
+	/**
+	 * Displays unobtrusive error message
+	 * @param errMsg Error message
+	 */
+	showErrorMessage(errMsg: string): void {
+		NotificationProvider.showErrorMessage(errMsg);
+	}
+
+	/**
+	 * Displays unobtrusive success message
+	 * @param successMsg Success message
+	 */
+	showSuccessMessage(successMsg: string): void {
+		NotificationProvider.showSuccessMessage(successMsg);
+	}
+
+	/**
+	 * Parse variable into number
+	 * @param val
+	 * @param defaultValue
+	 */
+	getNumericValue(val: any, defaultValue?: number) {
+		if (val != null) {
+			try {
+				val = Number(val);
+				if (isNaN(val)) {
+					val = defaultValue;
+				}
+			} catch (e) {
+				val = defaultValue;
+			}
+		} else {
+			val = defaultValue;
+		}
+
+		return val;
+	}
+
+	/**
+	 * Validates current viewModel state based on given valdiation ruleset
+	 */
+	async validate(showErrorMessage?: boolean, silent?: boolean): Promise<boolean> {
+		if (localStorage.getItem("disableValidation") == "1") {
+			return true;
+		}
+
+		if (this.v$ == null) {
+			throw "Validation rules not specified, has to be specified in @Component declaration!";
+		}
+
+		var isInvalid = !(await this.v$.$validate());
+		if (isInvalid) {
+			if (showErrorMessage != false) {
+				this.showValidationErrorMessage();
+			}
+
+			if (silent != true) {
+				this.validationIncludeDirty = true;
+				this.$nextTick(() => {
+					this.scrollToFirstPossibleError($(this.unwrapRootElement()));
+				});
+			}
+		}
+
+		return !isInvalid;
+	}
+
+	unwrapRootElement(): HTMLElement {
+		if ((this.$el as any).$getChildSlots != null) {
+			return (((this.$el as any).$getChildSlots() || [])[0]?.el || this.$el) as any;
+		}
+
+		return this.$el as any;
+	}
+
+	showValidationErrorMessage() {
+		this.showErrorMessage(PowerduckState.getResourceValue('errorsOnForm'));
+	}
+
+	scrollToFirstPossibleError(context: JQuery) {
+		ScrollUtils.scrollToFirstPossibleError(context);
+	}
+
+	/**
+	 * Scrolls to element
+	 * @param elem
+	 */
+	scrollToElem(elem: typeof Vue | Element | typeof Vue[] | Element[], mobileOffset?: boolean | number, mobileOffsetSmoothing?: boolean, animated?: boolean, instant?: boolean): void {
+		ScrollUtils.scrollToElem(elem, mobileOffset, mobileOffsetSmoothing, animated, instant);
+	}
+
+	/**
+	 * Scrolls to position
+	 * @param elem
+	 */
+	scrollToPos(position: number, context?: JQuery, animated?: boolean, instant?: boolean): void {
+		ScrollUtils.scrollToPos(position, context, animated, instant);
+	}
+
+	/**
+	 * Determines if DIRTY should be included in validation
+	 */
+	validationIncludeDirty: boolean = false;
+
+	/**
+	 * Obtains validation state of given property
+	 * @param valProp Validation property
+	 */
+	validationStateOf(valProp: IValidation | IValidation[], customMessage?: string): ValidationState {
+		let retVal: ValidationState = null as any;
+		if (!PortalUtils.isArray(valProp)) {
+			retVal = ValidationHelper.getValidationDisplayState(valProp as any, this.validationIncludeDirty);
+		} else {
+			let validationResult: ValidationState;
+			for (let i = 0, len = (valProp as IValidation[]).length; i < len; i++) {
+				validationResult = ValidationHelper.getValidationDisplayState(valProp[i], this.validationIncludeDirty);
+				if (!validationResult.valid) {
+					retVal = validationResult;
+					break;
+				}
+			}
+		}
+
+		if (retVal?.valid == false) {
+			if (!isNullOrEmpty(customMessage as any)) {
+				retVal = retVal || {} as any;
+				retVal.errorMessage = customMessage as string;
+			}
+		}
+
+		return retVal;
+	}
+
+	/**
+	 * Resets validation state of the viewModel
+	 */
+	resetValidation() {
+		ValidationHelper.resetValidation(this);
+		this.validationIncludeDirty = false;
+	}
 }
 
 interface TryCallApiArgs<TData, TArgs> {
-    apiMethod: (data?: TArgs) => Promise<TData>;
-    timeout?: number;
-    requestArgs?: TArgs;
-    showError?: boolean;
-    blockRoot?: boolean;
-    toggleAuthorization?: boolean;
-    toggleAuthorizationOnNullUser?: boolean;
+	apiMethod: (data?: TArgs) => Promise<TData>;
+	timeout?: number;
+	requestArgs?: TArgs;
+	showError?: boolean;
+	blockRoot?: boolean;
+	toggleAuthorization?: boolean;
+	toggleAuthorizationOnNullUser?: boolean;
 }
 
 export interface TryPostApiResponse<TData> {
-    data: TData;
-    result: TryCallApiResult;
-    error: AjaxError;
+	data: TData;
+	result: TryCallApiResult;
+	error: AjaxError;
 }
 
 export interface TryPatchApiResponse<TData> extends TryPostApiResponse<TData> { }
 
 interface PortalActionMessage {
-    action: string;
-    data: any;
+	action: string;
+	data: any;
 }

package/common/keyboard-open-tracker.ts

@@ -0,0 +1,44 @@
+export default class KeyboardOpenTracker {
+	static bind() {
+		if ((window as any)._keyboardOpenTrackerBound == true) {
+			return;
+		}
+
+		(window as any)._keyboardOpenTrackerBound = true;
+
+		const getOrientation = () => {
+			return window.matchMedia('(orientation: portrait)').matches ? 'portrait' : 'landscape';
+		}
+
+		const getScreenHeight = () => {
+			return window.screen.height; // Constant physical screen height
+		}
+
+		let lastOrientation = getOrientation();
+		const handleResize = () => {
+			const currentOrientation = getOrientation();
+			const currentInnerHeight = window.visualViewport?.height ?? window.innerHeight;
+			const screenHeight = getScreenHeight();
+
+			// Different thresholds for portrait/landscape
+			const THRESHOLD_PORTRAIT = 150;
+			const THRESHOLD_LANDSCAPE = 100;
+
+			const isPortrait = currentOrientation === 'portrait';
+			const threshold = isPortrait ? THRESHOLD_PORTRAIT : THRESHOLD_LANDSCAPE;
+
+			// Reset baseline when orientation changes
+			if (currentOrientation !== lastOrientation) {
+				lastOrientation = currentOrientation;
+				return;
+			}
+
+			const heightDiff = screenHeight - currentInnerHeight;
+			const isKeyboardOpen = heightDiff > threshold;
+			document.body.classList.toggle('powerduck-keyboard-open', isKeyboardOpen);
+		}
+
+		window.addEventListener('resize', handleResize);
+		handleResize(); // Run initially
+	}
+}

package/components/app/dynamic-component-container.tsx

@@ -85,5 +85,5 @@ class DynamicComponentContainerComponent extends Vue implements IDynamicComponen
     }
 }
 
-const DynamicComponentContainer = toNative(DynamicComponentContainerComponent)
+const DynamicComponentContainer = toNative(DynamicComponentContainerComponent)
 export default DynamicComponentContainer

package/components/app/root-dynamic-component-container.tsx

@@ -30,5 +30,5 @@ class RootDynamicComponentContainerComponent extends Vue implements IDynamicComp
     }
 }
 
-const RootDynamicComponentContainer = toNative(RootDynamicComponentContainerComponent)
+const RootDynamicComponentContainer = toNative(RootDynamicComponentContainerComponent)
 export default RootDynamicComponentContainer

package/components/button/button.tsx

@@ -122,5 +122,5 @@ class ButtonComponent extends TsxComponent<ButtonArgs> implements ButtonArgs {
     }
 }
 
-const Button = toNative(ButtonComponent)
+const Button = toNative(ButtonComponent)
 export default Button

package/components/button/excel-upload-button.tsx

@@ -55,5 +55,5 @@ class ExcelUploadButtonComponent extends TsxComponent<ExcelUploadButtonArgs> imp
     }
 }
 
-const ExcelUploadButton = toNative(ExcelUploadButtonComponent)
+const ExcelUploadButton = toNative(ExcelUploadButtonComponent)
 export default ExcelUploadButton