inviton-powerduck 0.0.157 → 0.0.159

package/common/validation.ts

@@ -1,6 +1,7 @@
 import type { Validation } from '@vuelidate/core';
 import type { PowerduckViewModelBase } from './base-component';
 import type { IValidationSet, ValidationRuleset, ValidationState } from './static-wrappers/interfaces/validation-interface';
+import { Temporal } from '@js-temporal/polyfill';
 import {
 	alpha,
 	alphaNum,
@@ -21,10 +22,11 @@ import {
 	requiredUnless,
 	url,
 } from '@vuelidate/validators';
+import { unref } from 'vue';
 import PowerduckState from '../app/powerduck-state';
+import { capitalize } from './extensions/string-extensions';
 import LocalizedValueHelper from './localized-value-helper';
 import { isNullOrEmpty } from './utils/is-null-or-empty';
-import { capitalize } from './extensions/string-extensions';
 
 const getFirstUnsattisfiedValidatorName = (valProp: Validation): string | null => {
 	const errors = valProp?.$errors || [];
@@ -134,6 +136,43 @@ export class ValidationHelper {
 	}
 }
 
+const customReq = (value: any): boolean => {
+	value = unref(value);
+
+	if (Array.isArray(value)) {
+		return !!value.length;
+	}
+
+	if (value === undefined || value === null) {
+		return false;
+	}
+
+	if (value === false) {
+		return true;
+	}
+
+	if (value instanceof Date) {
+		return !isNaN(value.getTime());
+	}
+
+	if (typeof Temporal !== 'undefined') {
+		if (value instanceof Temporal.PlainDateTime || value instanceof Temporal.PlainDate || value instanceof Temporal.ZonedDateTime || value instanceof Temporal.Instant) {
+			return true;
+		}
+	}
+
+	if (typeof value === 'object') {
+		// eslint-disable-next-line no-unreachable-loop
+		for (const _ in value) {
+			return true;
+		}
+
+		return false;
+	}
+
+	return !!String(value).length;
+};
+
 export class ValidationBuilder {
 	private _validationArgs: any = {};
 
@@ -150,8 +189,30 @@ export class ValidationBuilder {
 		return this;
 	}
 
-	requiredIf?(field: string | ((vm: any, parentVm?: PowerduckViewModelBase) => any)): ValidationBuilder {
-		this._validationArgs.requiredIf = requiredIf(field as string);
+	requiredIf(field: string | ((vm: any, parentVm?: PowerduckViewModelBase) => boolean)): ValidationBuilder {
+		const requireIf = (propOrFunction: boolean | string | ((...args: any[]) => boolean)) => {
+			const validate = (prop: any, val: any) => prop ? customReq(typeof val === 'string' ? val.trim() : val) : true;
+
+			return function (
+				this: any,
+				value: any,
+				parentVM: any,
+			) {
+				if (typeof propOrFunction != 'function') {
+					return validate((propOrFunction), value);
+				}
+
+				const result = propOrFunction.call(
+					this,
+					value,
+					parentVM,
+				);
+				return validate(result, value);
+			};
+		};
+
+		this._validationArgs.requiredIf = requireIf(field);
+
 		return this;
 	}
 

package/components/dropdown/country-dropdown.tsx

@@ -29,7 +29,7 @@ function getFlaggedResult(h, state, originator): void {
 	if (originator == 'mobile') {
 		return (<span>{state.text}</span>);
 	} else {
-		return (<span><span class={`fi fi-${state.dataRow.twoLetters}`}></span>&nbsp;&nbsp;{state.text}</span>);
+		return (<span><span class={`fi fi-${state.twoLetters}`}></span>&nbsp;&nbsp;{state.text}</span>);
 	}
 }
 

package/components/input/plugins/daterangepicker/jquery.daterangepicker.ts

@@ -1061,6 +1061,7 @@ import { utcEpochMilliseconds } from '../../../../common/extensions/temporal-ext
 			redrawDatePicker();
 			checkAndSetDefaultValue();
 			updateCalendarWidth();
+
 			if (opt.customOpenAnimation) {
 				opt.customOpenAnimation.call(box.get(0), () => {
 					$(self).trigger('datepicker-opened', {
@@ -1955,22 +1956,18 @@ import { utcEpochMilliseconds } from '../../../../common/extensions/temporal-ext
 			showMonth(opt.month2, 'month2');
 		}
 
-		function compare_month(m1: Temporal.PlainDateTime, m2: Temporal.PlainDateTime): number {
-			const p = parseInt(DateUtils.formatDate(m1, 'yyyyMM')) - parseInt(DateUtils.formatDate(m2, 'yyyyMM'));
-			if (p > 0) { return 1; }
-
-			if (p === 0) { return 0; }
-
-			return -1;
+		function compare_month(a: Temporal.PlainDateTime, b: Temporal.PlainDateTime): number {
+			if (a.year !== b.year) {
+				return a.year < b.year ? -1 : 1;
+			}
+			if (a.month !== b.month) {
+				return a.month < b.month ? -1 : 1;
+			}
+			return 0;
 		}
 
 		function compare_day(m1: Temporal.PlainDateTime, m2: Temporal.PlainDateTime): number {
-			const p = parseInt(DateUtils.formatDate(m1, 'yyyyMMdd')) - parseInt(DateUtils.formatDate(m2, 'yyyyMMdd'));
-			if (p > 0) { return 1; }
-
-			if (p === 0) { return 0; }
-
-			return -1;
+			return Temporal.PlainDate.compare(m1.toPlainDate(), m2.toPlainDate());
 		}
 
 		function nextMonth(month: Temporal.PlainDateTime): Temporal.PlainDateTime {
@@ -2328,6 +2325,7 @@ import { utcEpochMilliseconds } from '../../../../common/extensions/temporal-ext
 					valid,
 				});
 			}
+
 			const html = [];
 			for (let week = 0; week < 6; week++) {
 				if (days[week * 7].type == 'nextMonth') {
@@ -2339,7 +2337,7 @@ import { utcEpochMilliseconds } from '../../../../common/extensions/temporal-ext
 				for (var day: any = 0; day < 7; day++) {
 					const _day: any = (opt.startOfWeek == 'monday') ? day + 1 : day;
 					const today = days[week * 7 + _day];
-					const highlightToday = DateUtils.formatDate(today.time, 'yyyyMMdd') == DateUtils.formatDate(now, 'yyyyMMdd');
+					const highlightToday = (Temporal.PlainDateTime.compare(today.date.toPlainDate(), now.toPlainDate()) == 0);
 					today.extraClass = '';
 					today.tooltip = '';
 

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "inviton-powerduck",
 	"type": "module",
-	"version": "0.0.157",
+	"version": "0.0.159",
 	"files": [
 		"app/",
 		"common/",