@onehat/ui 0.3.276 → 0.3.278

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@onehat/ui",
-	"version": "0.3.276",
+	"version": "0.3.278",
 	"description": "Base UI for OneHat apps",
 	"main": "src/index.js",
 	"type": "module",

package/src/Components/Form/Field/Tag/Tag.js

@@ -109,7 +109,10 @@ function TagComponent(props) {
 				id = comboValue;
 			let item,
 				displayValue;
-			if (Repository) {
+				
+			if (!id) {
+				displayValue = '';
+			} else if (Repository) {
 				item = Repository.getById(id);
 				if (!item) {
 					throw Error('item not found');

package/src/Components/Tree/Tree.js

@@ -53,6 +53,7 @@ import ReorderRows from '../Icons/ReorderRows.js';
 import PaginationToolbar from '../Toolbar/PaginationToolbar.js';
 import NoRecordsFound from '../Grid/NoRecordsFound.js';
 import Toolbar from '../Toolbar/Toolbar.js';
+import Loading from '../Messages/Loading.js';
 import _ from 'lodash';
 
 const DEPTH_INDENT_PX = 25;
@@ -1089,18 +1090,22 @@ function TreeComponent(props) {
 		
 	useEffect(() => {
 
-		if (!isReady) {
-			if (Repository) {
-				Repository.setBaseParams(extraParams);
-			}
+		if (!Repository) {
 			(async () => {
 				await buildAndSetTreeNodeData();
 				setIsReady(true);
 			})();
+			return () => {};
 		}
 
-		if (!Repository) {
-			return () => {};
+		if (!_.isEmpty(extraParams)) {
+			Repository.setBaseParams(extraParams);
+		}
+
+		async function rebuildTree() {
+			setIsReady(false);
+			await buildAndSetTreeNodeData();
+			setIsReady(true);
 		}
 		
 		// set up @onehat/data repository
@@ -1110,12 +1115,16 @@ function TreeComponent(props) {
 		
 		Repository.on('beforeLoad', setTrue);
 		Repository.on('load', setFalse);
+		Repository.on('loadRootNodes', setFalse);
+		Repository.on('loadRootNodes', rebuildTree);
 		Repository.on('changeFilters', reloadTree);
 		Repository.on('changeSorters', reloadTree);
 
 		return () => {
 			Repository.off('beforeLoad', setTrue);
 			Repository.off('load', setFalse);
+			Repository.off('loadRootNodes', setFalse);
+			Repository.off('loadRootNodes', rebuildTree);
 			Repository.off('changeFilters', reloadTree);
 			Repository.off('changeSorters', reloadTree);
 		};
@@ -1150,7 +1159,7 @@ function TreeComponent(props) {
 		footerToolbarItemComponents = useMemo(() => getFooterToolbarItems(), [Repository?.hash, additionalToolbarButtons, isDragMode, getTreeNodeData()]);
 
 	if (!isReady) {
-		return null;
+		return <Loading />;
 	}
 	
 	const treeNodes = renderTreeNodes(getTreeNodeData());