inviton-powerduck 0.0.310 → 0.0.312

package/common/utils/object-post-processor.ts

@@ -1,43 +1,43 @@
-import TemporalUtils from './temporal-utils';
-
-export default class ObjectPostProcessor {
-	/**
-	 * Post-process JS object to auto-load some common framework types
-	 *
-	 * @param jsObj
-	 * @param jsonAdapter
-	 */
-	static postProcessJsObject<T>(jsObj: T, jsonAdapter?: any): T {
-		const recIterate = function (obj) {
-			for (const key in obj) {
-				const keyVal = obj[key];
-				if (jsonAdapter != null) {
-					jsonAdapter(
-						keyVal,
-						key,
-						obj,
-					);
-				}
-
-				if (Array.isArray(keyVal)) {
-					keyVal.forEach((arrItem) => {
-						recIterate(arrItem);
-					});
-				} else if (keyVal != null && typeof keyVal === 'object') {
-					recIterate(keyVal);
-				} else {
-					if (keyVal != null && keyVal.indexOf && TemporalUtils.isSerializedDate(keyVal)) {
-						try {
-							obj[key] = TemporalUtils.fromString(keyVal);
-						} catch (e) {
-							obj[key] = keyVal;
-						}
-					}
-				}
-			}
-		};
-
-		recIterate(jsObj);
-		return jsObj;
-	}
-}
+import TemporalUtils from './temporal-utils';
+
+export default class ObjectPostProcessor {
+	/**
+	 * Post-process JS object to auto-load some common framework types
+	 *
+	 * @param jsObj
+	 * @param jsonAdapter
+	 */
+	static postProcessJsObject<T>(jsObj: T, jsonAdapter?: any): T {
+		const recIterate = function (obj) {
+			for (const key in obj) {
+				const keyVal = obj[key];
+				if (jsonAdapter != null) {
+					jsonAdapter(
+						keyVal,
+						key,
+						obj,
+					);
+				}
+
+				if (Array.isArray(keyVal)) {
+					keyVal.forEach((arrItem) => {
+						recIterate(arrItem);
+					});
+				} else if (keyVal != null && typeof keyVal === 'object') {
+					recIterate(keyVal);
+				} else {
+					if (keyVal != null && keyVal.indexOf && TemporalUtils.isSerializedDate(keyVal)) {
+						try {
+							obj[key] = TemporalUtils.fromString(keyVal);
+						} catch (e) {
+							obj[key] = keyVal;
+						}
+					}
+				}
+			}
+		};
+
+		recIterate(jsObj);
+		return jsObj;
+	}
+}

package/components/input/css/daterange-picker.css

@@ -732,7 +732,7 @@
 
 .drpn-mvs-table .day {
 	height: 38px;
-	width: 100%;
+	width: 38px;
 	max-width: 38px;
 	margin: 0 auto;
 	font-size: 13px;
@@ -740,6 +740,11 @@
 	color: #393562;
 	cursor: pointer;
 	line-height: 38px;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	border-radius: 50%;
+	box-sizing: border-box;
 }
 
 .drpn-mvs-table .day.lastMonth,
@@ -769,3 +774,41 @@
 	padding: 10px 14px;
 	background: #fff;
 }
+
+/* ── Currency info footer row ────────────────────────────────────────── */
+
+.drpn-footer-info {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	padding-top: 10px;
+	margin-top: 10px;
+	border-top: 1px solid #eff1f8;
+	font-size: 14px;
+	font-weight: 400;
+	line-height: 20px;
+	color: #4b5565;
+}
+
+.drpn-footer-info-icon {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	width: 16px;
+	height: 16px;
+	flex-shrink: 0;
+	font-size: 16px;
+	color: #4b5565;
+}
+
+.drpn-footer-info-text {
+	display: inline-flex;
+	align-items: center;
+	gap: 4px;
+	flex-wrap: nowrap;
+	white-space: nowrap;
+}
+
+.drpn-footer-info-text strong {
+	font-weight: 700;
+}

package/components/input/daterange-picker.tsx

@@ -99,6 +99,12 @@ interface DaterangePickerArgs extends FormItemWrapperArgs {
 	 * the next field in a multi-step form.
 	 */
 	confirmedByEnter?: () => void;
+	/**
+	 * Optional footer info row rendered below the calendar months (and time row
+	 * if enabled). Displayed as `(i) <text>` with a top-border separator.
+	 * Intended for currency disclaimers, e.g. "Ceny zobrazené v mene EUR".
+	 */
+	footerInfo?: VNode | string;
 }
 
 // ── Translations ───────────────────────────────────────────────────────────
@@ -416,6 +422,7 @@ class DaterangePickerComponent extends TsxComponent<DaterangePickerArgs> impleme
 	@Prop() confirmText?: string;
 	@Prop() cancelText?: string;
 	@Prop() confirmedByEnter?: () => void;
+	@Prop() footerInfo?: VNode | string;
 
 	// State
 	_startDate: Temporal.PlainDateTime = null;
@@ -2027,6 +2034,19 @@ class DaterangePickerComponent extends TsxComponent<DaterangePickerArgs> impleme
 		return null;
 	}
 
+	private renderFooterInfo(): VNode {
+		if (!this.footerInfo) {
+			return null;
+		}
+
+		return (
+			<div class="drpn-footer-info">
+				<i class="gp gp-info-circle drpn-footer-info-icon" />
+				<span class="drpn-footer-info-text">{this.footerInfo}</span>
+			</div>
+		);
+	}
+
 	private confirmClicked() {
 		this.raiseChanged();
 		this.close();
@@ -2217,6 +2237,7 @@ class DaterangePickerComponent extends TsxComponent<DaterangePickerArgs> impleme
 				)}
 				{this.renderTooltip(renderCtx)}
 				{this.renderFooter(false)}
+				{this.renderFooterInfo()}
 			</div>
 		);
 	}
@@ -2271,6 +2292,7 @@ class DaterangePickerComponent extends TsxComponent<DaterangePickerArgs> impleme
 					{months}
 				</div>
 				{this.renderFooter(true)}
+				{this.renderFooterInfo()}
 			</div>
 		);
 	}

package/components/input/textbox.tsx

@@ -28,6 +28,16 @@ interface TextBoxArgs extends Omit<FormItemWrapperArgs, 'errorId'> {
 export const enum TextBoxTextType {
 	Text = 'text',
 	Password = 'password',
+	/**
+	 * Same DOM rendering as Password (type="password" — characters hidden), but
+	 * sets autocomplete="new-password" by default. Use for password fields that
+	 * should NOT trigger the browser's login-form heuristic — admin config fields
+	 * for third-party integration credentials, "set new password" forms, etc.
+	 *
+	 * The login form intentionally uses Password (with explicit autoCompleteText
+	 * "current-password") so the browser still autofills saved credentials.
+	 */
+	PasswordNew = 'password-new',
 	Url = 'url',
 	Email = 'email',
 	Time = 'time',
@@ -98,6 +108,14 @@ class TextBoxComponent extends TsxComponent<TextBoxArgs> implements TextBoxArgs
 			return 'text';
 		}
 
+		if (this.textType === TextBoxTextType.PasswordNew && this.isPasswordVisible) {
+			return 'text';
+		}
+
+		if (this.textType === TextBoxTextType.PasswordNew) {
+			return 'password';
+		}
+
 		return this.textType || 'text';
 	}
 
@@ -106,7 +124,7 @@ class TextBoxComponent extends TsxComponent<TextBoxArgs> implements TextBoxArgs
 	}
 
 	get computedAppendIcon(): string {
-		if (this.textType === TextBoxTextType.Password && !this.hidePasswordToggle) {
+		if ((this.textType === TextBoxTextType.Password || this.textType === TextBoxTextType.PasswordNew) && !this.hidePasswordToggle) {
 			return this.isPasswordVisible ? 'fa fa-eye-slash' : 'fa fa-eye';
 		}
 
@@ -114,7 +132,7 @@ class TextBoxComponent extends TsxComponent<TextBoxArgs> implements TextBoxArgs
 	}
 
 	get computedAppendIconClicked(): (() => void) {
-		if (this.textType === TextBoxTextType.Password && !this.hidePasswordToggle) {
+		if ((this.textType === TextBoxTextType.Password || this.textType === TextBoxTextType.PasswordNew) && !this.hidePasswordToggle) {
 			return () => this.togglePasswordVisibility();
 		}
 
@@ -134,6 +152,10 @@ class TextBoxComponent extends TsxComponent<TextBoxArgs> implements TextBoxArgs
 			}
 		}
 
+		if (this.textType === TextBoxTextType.PasswordNew) {
+			return 'new-password';
+		}
+
 		return null;
 	}
 

package/package.json

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