@knime/jsonforms 3.4.1 → 3.5.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @knime/jsonforms
 
+## 3.5.0
+
+### Minor Changes
+
+- 7b5e7c4: add showTime option/prop to ZonedDateTimeControl and KdsZonedDateTimeInput to allow selecting date+timezone only; the time is then set to the start of the selected day in the selected time zone
+
+### Patch Changes
+
+- Updated dependencies [256224e, 7b5e7c4]
+  - @knime/kds-components@8.2.0
+  - @knime/kds-rich-text-editor@8.2.0
+
 ## 3.4.1
 
 ### Patch Changes

package/dist/{SectionLayout-CWwQSAQT.js → SectionLayout-CTHfZNfB.js}

@@ -1,4 +1,4 @@
-import { d as e, u as t } from "./src-pP1URsDS.js";
+import { d as e, u as t } from "./src-2ar80j2v.js";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { createBlock as r, createElementBlock as i, createVNode as a, defineComponent as o, openBlock as s, ref as c, renderSlot as l, unref as u, withCtx as d } from "vue";
 import { DispatchRenderer as f } from "@jsonforms/vue";

package/dist/{SettingsSubPanelLayout-CeUyfI3O.js → SettingsSubPanelLayout-Dt_WNkLJ.js}

@@ -1,4 +1,4 @@
-import { d as e, k as t, u as n } from "./src-pP1URsDS.js";
+import { d as e, k as t, u as n } from "./src-2ar80j2v.js";
 import { t as r } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { computed as i, createBlock as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, openBlock as u, ref as d, renderSlot as f, unref as p, withCtx as m } from "vue";
 import { DispatchRenderer as h } from "@jsonforms/vue";

package/dist/{VerticalLayout-p7_m2Jqj.js → VerticalLayout-DJWwKloZ.js}

@@ -1,4 +1,4 @@
-import { d as e } from "./src-pP1URsDS.js";
+import { d as e } from "./src-2ar80j2v.js";
 import { createBlock as t, defineComponent as n, openBlock as r, unref as i, withCtx as a } from "vue";
 import { DispatchRenderer as o } from "@jsonforms/vue";
 //#endregion

package/dist/ZonedDateTimeControl-Co3v2EVv.js

@@ -0,0 +1,104 @@
+import { t as e } from "./plainDateTimeUtils-5uOCJ4N5.js";
+import { computed as t, createBlock as n, defineComponent as r, openBlock as i, ref as a, unref as o, watch as s } from "vue";
+import { KdsZonedDateTimeInput as c } from "@knime/kds-components";
+//#endregion
+//#region src/uiComponents/ZonedDateTimeControl.vue
+var l = /* @__PURE__ */ r({
+	__name: "ZonedDateTimeControl",
+	props: {
+		control: {},
+		handleChange: { type: Function },
+		changeValue: { type: Function },
+		disabled: { type: Boolean },
+		error: { type: Boolean },
+		subText: {},
+		onRegisterValidation: { type: Function },
+		labelForId: {}
+	},
+	setup(r) {
+		let l = r, u = t(() => l.control.uischema.options), d = t(() => e.getMaxGranularity(u.value, { showMilliseconds: !1 })), f = t(() => u.value?.showTime ?? !0), p = a(e.detectGranularity(l.control.data.dateTime)), m = t(() => ({
+			...e.fromString(l.control.data.dateTime),
+			timeZone: l.control.data.timeZone
+		})), h = t(() => {
+			let { date: e, time: t, timeZone: n } = m.value;
+			if (e === null || !n) return null;
+			try {
+				return f.value && t ? e.toPlainDateTime(t).toZonedDateTime(n) : e.toZonedDateTime(n);
+			} catch {
+				return null;
+			}
+		}), g, _, v = !1, y = () => {
+			v = !1;
+			let t = _ ?? p.value, n = g !== void 0, r = _ !== void 0, i = g;
+			if (g = void 0, _ = void 0, p.value = t, n) {
+				if (i === null) {
+					l.changeValue({
+						...l.control.data,
+						dateTime: ""
+					});
+					return;
+				}
+				l.changeValue({
+					...l.control.data,
+					dateTime: e.toString(i.toPlainDate(), i.toPlainTime(), t),
+					timeZone: i.timeZoneId
+				});
+				return;
+			}
+			if (r) {
+				let { date: n, time: r } = e.fromString(l.control.data.dateTime);
+				n && l.changeValue({
+					...l.control.data,
+					dateTime: e.toString(n, r, t)
+				});
+			}
+		}, b = () => {
+			v || (v = !0, queueMicrotask(y));
+		}, x = t(() => {
+			let { date: e, time: t, timeZone: n } = m.value;
+			if (e === null || t === null || !n) return null;
+			try {
+				return e.toPlainDateTime(t).toZonedDateTime(n);
+			} catch {
+				return null;
+			}
+		});
+		s([f, x], () => {
+			if (f.value || x.value === null) return;
+			let e = x.value.startOfDay();
+			x.value.equals(e) || (g = e, b());
+		}, { immediate: !0 });
+		let S = (e) => {
+			g = e, b();
+		}, C = (e) => {
+			_ = e, b();
+		};
+		return (e, t) => (i(), n(o(c), {
+			id: r.labelForId,
+			ariaLabel: r.control.label,
+			"model-value": h.value,
+			granularity: p.value,
+			"max-granularity": d.value,
+			"possible-values": u.value?.possibleValues,
+			disabled: r.disabled,
+			error: r.error,
+			"sub-text": r.subText,
+			"show-time": f.value,
+			"onUpdate:modelValue": S,
+			"onUpdate:granularity": C
+		}, null, 8, [
+			"id",
+			"ariaLabel",
+			"model-value",
+			"granularity",
+			"max-granularity",
+			"possible-values",
+			"disabled",
+			"error",
+			"sub-text",
+			"show-time"
+		]));
+	}
+});
+//#endregion
+export { l as default };

package/dist/knime-jsonforms.js

@@ -1,3 +1,3 @@
-import { C as e, D as t, E as n, O as r, S as i, T as a, _ as o, a as s, b as c, c as l, d as u, f as d, g as f, h as p, i as m, j as h, k as g, l as _, m as v, n as y, o as b, p as x, r as S, s as C, t as w, u as T, v as E, w as D, x as O, y as k } from "./src-pP1URsDS.js";
+import { C as e, D as t, E as n, O as r, S as i, T as a, _ as o, a as s, b as c, c as l, d as u, f as d, g as f, h as p, i as m, j as h, k as g, l as _, m as v, n as y, o as b, p as x, r as S, s as C, t as w, u as T, v as E, w as D, x as O, y as k } from "./src-2ar80j2v.js";
 import { n as A } from "./useProvidedState-478_KXOe.js";
 export { m as FieldControl, h as Form, r as JsonFormsDialog, t as LabeledControl, T as SectionHeading, g as SettingsSubPanel, _ as SimpleArrayLayout, S as SimpleButtonControl, y as TextControl, u as VerticalLayoutBase, O as controlProps, k as controlToRenderer, s as controls, b as defaultRenderers, i as defineControl, p as defineLayout, n as getAsyncSetupMethod, e as handleAsyncComponents, x as inputFormats, f as layoutProps, o as layoutToRenderer, C as layouts, D as mapControls, a as mapLayouts, d as priorityRanks, w as toDataPathSegments, l as toRenderers, A as useProvidedState, E as withDescriptionButton, v as withDescriptionButtonLayout, c as withLabel };

package/dist/{src-pP1URsDS.js → src-2ar80j2v.js}

@@ -539,7 +539,7 @@ var st = 500, ct = ({ data: e, uischema: t }) => {
 	name: "TextControl",
 	control: Ht,
 	tester: z(Q.fallback, R)
-}), Wt = g(() => import("./VerticalLayout-p7_m2Jqj.js")), Gt = {
+}), Wt = g(() => import("./VerticalLayout-DJWwKloZ.js")), Gt = {
 	name: "VerticalLayout",
 	layout: Wt,
 	tester: z(Q.default, B("VerticalLayout"))
@@ -708,11 +708,11 @@ var st = 500, ct = ({ data: e, uischema: t }) => {
 	name: "RichTextControl",
 	control: Cn,
 	tester: z(Q.default, M(R, Z(X.richTextInput)))
-}), Tn = g(() => import("./SectionLayout-CWwQSAQT.js")), En = B("Section"), Dn = {
+}), Tn = g(() => import("./SectionLayout-CTHfZNfB.js")), En = B("Section"), Dn = {
 	name: "SectionLayout",
 	layout: Tn,
 	tester: z(Q.default, En)
-}, On = g(() => import("./SettingsSubPanelLayout-CeUyfI3O.js")), kn = B("SettingsSubPanelLayout"), An = {
+}, On = g(() => import("./SettingsSubPanelLayout-Dt_WNkLJ.js")), kn = B("SettingsSubPanelLayout"), An = {
 	name: "SettingsSubPanelLayout",
 	layout: On,
 	tester: z(Q.default, kn)
@@ -1067,7 +1067,7 @@ var st = 500, ct = ({ data: e, uischema: t }) => {
 	name: "ValueSwitchControl",
 	control: gr,
 	tester: z(Q.default, M(L, Z(X.valueSwitch)))
-}), vr = g({ loader: () => import("./ZonedDateTimeControl-DoE2T9iz.js") }), yr = {
+}), vr = g({ loader: () => import("./ZonedDateTimeControl-Co3v2EVv.js") }), yr = {
 	checkboxesRenderer: bt,
 	colorPreviewRenderer: xt,
 	colorRenderer: Ct,

package/dist/testing.js

@@ -1,4 +1,4 @@
-import { A as e, o as t } from "./src-pP1URsDS.js";
+import { A as e, o as t } from "./src-2ar80j2v.js";
 import { ref as n } from "vue";
 import "@jsonforms/vue";
 import { vi as r } from "vitest";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knime/jsonforms",
-  "version": "3.4.1",
+  "version": "3.5.0",
   "description": "JSONForms integration for KNIME frontends",
   "repository": {
     "type": "git",
@@ -14,11 +14,11 @@
   "dependencies": {
     "@jsonforms/core": "3.8.0",
     "@jsonforms/vue": "3.8.0",
+    "@knime/kds-components": "^8.2.0",
+    "@knime/kds-rich-text-editor": "^8.2.0",
+    "@knime/utils": "^2.0.2",
     "ajv": "8.20.0",
-    "temporal-polyfill": "^1.0.1",
-    "@knime/kds-rich-text-editor": "^8.0.0",
-    "@knime/kds-components": "^8.0.0",
-    "@knime/utils": "^2.0.2"
+    "temporal-polyfill": "^1.0.1"
   },
   "peerDependencies": {
     "@vue/test-utils": "^2.4.0",
@@ -36,10 +36,12 @@
     }
   },
   "devDependencies": {
+    "@knime/kds-code-editor": "^8.2.0",
+    "@knime/kds-styles": "^8.2.0",
     "@storybook/addon-docs": "^10.4.6",
     "@storybook/vue3-vite": "^10.4.6",
     "@vitejs/plugin-vue": "^6.0.8",
-    "@vitest/coverage-v8": "^4.1.10",
+    "@vitest/coverage-v8": "^4.1.11",
     "@vue/test-utils": "^2.4.11",
     "@vue/tsconfig": "^0.9.1",
     "@vueuse/core": "~14.3.0",
@@ -50,10 +52,9 @@
     "vite": "^8.1.3",
     "vite-plugin-dts": "^5.0.3",
     "vite-svg-loader": "^5.1.1",
-    "vitest": "^4.1.10",
+    "vitest": "^4.1.11",
     "vue": "3.5.40",
-    "vue-tsc": "^3.3.8",
-    "@knime/kds-styles": "^8.0.0"
+    "vue-tsc": "^3.3.8"
   },
   "exports": {
     ".": {

package/dist/ZonedDateTimeControl-DoE2T9iz.js

@@ -1,88 +0,0 @@
-import { t as e } from "./temporal-polyfill-D4u1I_Z-.js";
-import { t } from "./plainDateTimeUtils-5uOCJ4N5.js";
-import { computed as n, createBlock as r, defineComponent as i, openBlock as a, ref as o, unref as s } from "vue";
-import { KdsZonedDateTimeInput as c } from "@knime/kds-components";
-//#endregion
-//#region src/uiComponents/ZonedDateTimeControl.vue
-var l = /* @__PURE__ */ i({
-	__name: "ZonedDateTimeControl",
-	props: {
-		control: {},
-		handleChange: { type: Function },
-		changeValue: { type: Function },
-		disabled: { type: Boolean },
-		error: { type: Boolean },
-		subText: {},
-		onRegisterValidation: { type: Function },
-		labelForId: {}
-	},
-	setup(i) {
-		let l = i, u = n(() => l.control.uischema.options), d = n(() => t.getMaxGranularity(u.value, { showMilliseconds: !1 })), f = o(t.detectGranularity(l.control.data.dateTime)), p = n(() => {
-			let { date: n, time: r } = t.fromString(l.control.data.dateTime);
-			if (n === null) return null;
-			let i = n.toPlainDateTime(r ?? e.PlainTime.from("00:00:00")), a = l.control.data.timeZone;
-			if (!a) return null;
-			try {
-				return i.toZonedDateTime(a);
-			} catch {
-				return null;
-			}
-		}), m, h, g = !1, _ = () => {
-			g = !1;
-			let e = h ?? f.value, n = m !== void 0, r = h !== void 0, i = m;
-			if (m = void 0, h = void 0, f.value = e, n) {
-				if (i === null) {
-					l.changeValue({
-						...l.control.data,
-						dateTime: ""
-					});
-					return;
-				}
-				l.changeValue({
-					...l.control.data,
-					dateTime: t.toString(i.toPlainDate(), i.toPlainTime(), e),
-					timeZone: i.timeZoneId
-				});
-				return;
-			}
-			if (r) {
-				let { date: n, time: r } = t.fromString(l.control.data.dateTime);
-				n && l.changeValue({
-					...l.control.data,
-					dateTime: t.toString(n, r, e)
-				});
-			}
-		}, v = () => {
-			g || (g = !0, queueMicrotask(_));
-		}, y = (e) => {
-			m = e, v();
-		}, b = (e) => {
-			h = e, v();
-		};
-		return (e, t) => (a(), r(s(c), {
-			id: i.labelForId,
-			ariaLabel: i.control.label,
-			"model-value": p.value,
-			granularity: f.value,
-			"max-granularity": d.value,
-			"possible-values": u.value?.possibleValues,
-			disabled: i.disabled,
-			error: i.error,
-			"sub-text": i.subText,
-			"onUpdate:modelValue": y,
-			"onUpdate:granularity": b
-		}, null, 8, [
-			"id",
-			"ariaLabel",
-			"model-value",
-			"granularity",
-			"max-granularity",
-			"possible-values",
-			"disabled",
-			"error",
-			"sub-text"
-		]));
-	}
-});
-//#endregion
-export { l as default };