@dxos/react-ui-form 0.13.0 → 0.14.0

package/dist/lib/index.mjs

@@ -412,18 +412,19 @@ var useFormHandler = ({ schema, autoSave, fieldOverrides, values: valuesProp, de
 	const validate = useCallback((values) => {
 		if (!schema) return false;
 		let errors = validateSchema(schema, values) ?? [];
+		if (errors.length === 0 && onValidate) errors = onValidate(values) ?? [];
+		setErrors(flatMap(errors));
+		const valid = errors.length === 0;
 		log("validate", {
-			values,
-			errors
+			valid,
+			errorPaths: errors.map((error) => error.path)
 		}, {
 			"~LogMeta": "~LogMeta",
 			F: __dxlog_file$5,
-			L: 173,
+			L: 181,
 			S: void 0
 		});
-		if (errors.length === 0 && onValidate) errors = onValidate(values) ?? [];
-		setErrors(flatMap(errors));
-		return errors.length === 0;
+		return valid;
 	}, [schema, onValidate]);
 	const [schemaChanged, setSchemaChanged] = useState(false);
 	useEffect(() => setSchemaChanged(true), [schema]);
@@ -510,13 +511,10 @@ var useFormHandler = ({ schema, autoSave, fieldOverrides, values: valuesProp, de
 		fieldOverrides
 	]);
 	const onValueChange = useCallback((path, type, value) => {
-		log("onValueChange", {
-			path,
-			value
-		}, {
+		log("onValueChange", { path }, {
 			"~LogMeta": "~LogMeta",
 			F: __dxlog_file$5,
-			L: 306,
+			L: 307,
 			S: void 0
 		});
 		const jsonPath = SchemaEx.createJsonPath(path);
@@ -527,7 +525,7 @@ var useFormHandler = ({ schema, autoSave, fieldOverrides, values: valuesProp, de
 			log.catch(err, void 0, {
 				"~LogMeta": "~LogMeta",
 				F: __dxlog_file$5,
-				L: 316,
+				L: 317,
 				S: void 0
 			});
 			parsedValue = void 0;
@@ -1867,6 +1865,7 @@ var ObjectPicker = ({ value, placeholder, trigger, loading, createSchema, create
 	return /* @__PURE__ */ jsxs(Combobox.Root, {
 		items,
 		loading,
+		positioning: { sameWidth: true },
 		open,
 		onOpenChange: handleOpenChange,
 		value: value ? [value] : [],
@@ -2357,7 +2356,7 @@ var TitleRows = ({ label, ids, options, targets, icon, description, ordered, rea
 * searchable list of candidates with their descriptions and, when the caller can persist one, an inline create form
 * whose row takes `createOptionLabel` and `createOptionIcon`.
 */
-var RefField = ({ type, readonly, label, placeholder, presentation, getValue, onValueChange, createInitialValuePath, createFieldMap, createOptionIcon, ...props }) => {
+var RefField = ({ type, readonly, label, placeholder, presentation, getValue, onValueChange, onBlur, createInitialValuePath, createFieldMap, createOptionIcon, ...props }) => {
 	const { t } = Hooks.useTranslation(translationKey);
 	const { typename, options, createSchema, createLabel, create } = useRefCandidates({
 		...props,
@@ -2381,9 +2380,15 @@ var RefField = ({ type, readonly, label, placeholder, presentation, getValue, on
 		createIcon: createOptionIcon,
 		onCreate: create && (async (values) => {
 			const created = await create(values);
-			if (created) onValueChange(type, Ref.make(created));
+			if (created) {
+				onValueChange(type, Ref.make(created));
+				onBlur();
+			}
 		}),
-		onSelect: (id) => onValueChange(type, id ? Ref.fromURI(URI.make(id)) : void 0)
+		onSelect: (id) => {
+			onValueChange(type, id ? Ref.fromURI(URI.make(id)) : void 0);
+			onBlur();
+		}
 	});
 };
 //#endregion
@@ -3233,6 +3238,7 @@ var FormViewport = Util.composable(({ children, scroll, size, width = "document"
 		...props,
 		gutter: gutter ?? defaultGutter ?? "sm",
 		width: documentWidth,
+		padBlock: true,
 		ref: forwardedRef,
 		children
 	});