@protobase/ui 0.55.0 → 0.55.2

package/dist/live/use-reference-search.js

@@ -8,12 +8,21 @@ const where$1 = createWhere();
 /**
 * The search text typed into each facet's combobox and the records of its target resource that match it. A facet
 * without a target, or whose target has no search fields or a composite key, gets nothing: its options are filtered
-* by name instead.
+* by name instead. A target whose view derives its titles names its records by `titleOf`, for the reader.
 */
-const useReferenceSearch = (targets, views) => {
+const useReferenceSearch = (targets, views, titleOf) => {
 	const client = useClient();
 	const [texts, setTexts] = useState({});
 	const searchable = (target) => Boolean(target?.search?.length) && target.primaryKey.length === 1;
+	const nameFields = (target) => {
+		const view = views[target.name];
+		return [target.primaryKey[0], ...view?.titleFrom ? view.titleFrom.fields : [labelFieldOf(target, view)]];
+	};
+	const named = (target, item) => {
+		const view = views[target.name];
+		const key = String(item[target.primaryKey[0]]);
+		return [key, view?.titleFrom ? titleOf(target, view, item, key) : String(item[labelFieldOf(target, view)])];
+	};
 	const results = useQueries({ queries: targets.map(({ id, target }) => {
 		const text = (texts[id] ?? "").trim();
 		return {
@@ -26,13 +35,11 @@ const useReferenceSearch = (targets, views) => {
 			enabled: searchable(target) && text !== "",
 			placeholderData: keepPreviousData,
 			queryFn: async () => {
-				const keyField = target.primaryKey[0];
-				const labelField = labelFieldOf(target, views[target.name]);
 				return (await client.list(target.name, {
 					filter: printFilter(where$1.search(text)),
-					fields: [keyField, labelField],
+					fields: nameFields(target),
 					pageSize: 20
-				})).items.map((item) => [String(item[keyField]), String(item[labelField])]);
+				})).items;
 			}
 		};
 	}) });
@@ -45,7 +52,7 @@ const useReferenceSearch = (targets, views) => {
 		if ((texts[id] ?? "").trim() === "") return { onSearch };
 		return {
 			onSearch,
-			matches: results[index]?.data ?? []
+			matches: (results[index]?.data ?? []).map((item) => named(target, item))
 		};
 	});
 };

package/dist/package.js

@@ -1,5 +1,5 @@
 //#region package.json
-var version = "0.55.0";
+var version = "0.55.2";
 var protobase = { "pluginApi": 1 };
 //#endregion
 export { protobase, version };