@opencitylabs/formio-custom-components 0.7.3 → 0.7.5

package/dist/index.js

@@ -7902,10 +7902,11 @@ var cr = t.Components.components.field, lr = ({ component: e, current: t, onChan
 }, dr = {
 	type: "select",
 	input: !0,
+	multiple: !0,
 	key: "resetValueOn",
 	label: "Reset Value On",
 	weight: 25,
-	tooltip: "Reset the value of this field when the selected field changes.",
+	tooltip: "Reset the value of this field when any of the selected fields changes.",
 	dataSrc: "custom",
 	valueProperty: "value",
 	data: { custom(e) {
@@ -7924,12 +7925,21 @@ var cr = t.Components.components.field, lr = ({ component: e, current: t, onChan
 function fr(e) {
 	return class extends e {
 		static schema(...t) {
-			return e.schema({ resetValueOn: "" }, ...t);
-		}
-		checkRefreshOn(e, t = {}) {
-			super.checkRefreshOn(e, t);
-			let { resetValueOn: n } = this.component;
-			!n || !e?.length || this.root?.pristine === !1 && e.some((e) => n === "data" ? !0 : e.instance?.path === n || e.path === n) && this.setValue(this.emptyValue);
+			return e.schema({ resetValueOn: [] }, ...t);
+		}
+		attach(e) {
+			let t = super.attach(e), n = this.component?.resetValueOn;
+			if (!n || !this.root) return t;
+			this._resetValueOnHandler && this.root.off("change", this._resetValueOnHandler);
+			let r = Array.isArray(n) ? n : [n];
+			return r.length ? (this._resetValueOnHandler = (e, t) => {
+				if (this.root?.pristine !== !1) return;
+				let n = t?.changes || (t?.changed ? [t.changed] : []);
+				n.length && n.some((e) => r.some((t) => t === "data" ? !0 : e.instance?.path === t || e.path === t)) && this.setValue(this.emptyValue);
+			}, this.root.on("change", this._resetValueOnHandler), t) : t;
+		}
+		detach() {
+			return this._resetValueOnHandler && this.root && (this.root.off("change", this._resetValueOnHandler), this._resetValueOnHandler = null), super.detach();
 		}
 	};
 }