@onehat/ui 0.2.71 → 0.2.73

package/package.json

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

package/src/Components/Grid/Grid.js

@@ -52,7 +52,7 @@ import _ from 'lodash';
 // The default export is *with* the HOC. A separate *raw* component is
 // exported which can be combined with many HOCs for various functionality.
 
-export function Grid(props) {
+export function GridComponent(props) {
 	const {
 
 			columnsConfig = [], // json configurations for each column
@@ -851,26 +851,26 @@ export function Grid(props) {
 
 }
 
-export const Grid = withAlert(
-									withEvents(
-										withData(
-											withMultiSelection(
-												withSelection(
-													// withSideEditor(
-														withFilters(
-															withPresetButtons(
-																withContextMenu(
-																	Grid
-																),
-																true // isGrid
-															)
-														)
-													// )
-												)
-											)
+const Grid = withAlert(
+				withEvents(
+					withData(
+						withMultiSelection(
+							withSelection(
+								// withSideEditor(
+									withFilters(
+										withPresetButtons(
+											withContextMenu(
+												GridComponent
+											),
+											true // isGrid
 										)
 									)
-								);
+								// )
+							)
+						)
+					)
+				)
+			);
 
 export const SideGridEditor = withAlert(
 									withEvents(
@@ -881,7 +881,7 @@ export const SideGridEditor = withAlert(
 														withFilters(
 															withPresetButtons(
 																withContextMenu(
-																	Grid
+																	GridComponent
 																),
 																true // isGrid
 															)
@@ -902,7 +902,7 @@ export const WindowedGridEditor = withAlert(
 														withFilters(
 															withPresetButtons(
 																withContextMenu(
-																	Grid
+																	GridComponent
 																),
 																true // isGrid
 															)
@@ -923,7 +923,7 @@ export const InlineGridEditor = withAlert(
 														withPresetButtons(
 															withContextMenu(
 																withFilters(
-																	Grid
+																	GridComponent
 																),
 																true // isGrid
 															)

package/src/Components/Panel/TreePanel.js

@@ -0,0 +1,39 @@
+import { useEffect, useState, } from 'react';
+import Panel from './Panel.js';
+import { Tree, } from '../Tree/Tree.js';
+import _ from 'lodash';
+
+export function TreePanel(props) {
+	const {
+			disableTitleChange = false,
+			selectorSelected,
+		} = props,
+		originalTitle = props.title,
+		[isReady, setIsReady] = useState(disableTitleChange),
+		[title, setTitle] = useState(originalTitle);
+
+	useEffect(() => {
+		if (!disableTitleChange && originalTitle) {
+			let newTitle = originalTitle;
+			if (selectorSelected?.[0]?.displayValue) {
+				newTitle = originalTitle + ' for ' + selectorSelected[0].displayValue;
+			}
+			if (newTitle !== title) {
+				setTitle(newTitle);
+			}
+		}
+		if (!isReady) {
+			setIsReady(true);
+		}
+	}, [selectorSelected, disableTitleChange, originalTitle]);
+
+	if (!isReady) {
+		return null;
+	}
+
+	return <Panel {...props} title={title}>
+				<Tree {...props} />
+			</Panel>;
+}
+
+export default TreePanel;

package/src/Components/Tree/Tree.js

@@ -63,7 +63,7 @@ import _ from 'lodash';
 //////////////////////
 
 
-export function Tree(props) {
+export function TreeComponent(props) {
 	const {
 			areRootsVisible = true,
 			extraParams = {}, // Additional params to send with each request ( e.g. { order: 'Categories.name ASC' })
@@ -1114,25 +1114,25 @@ export function Tree(props) {
 
 }
 
-export const Tree = withAlert(
-									withEvents(
-										withData(
-											// withMultiSelection(
-												withSelection(
-													// withSideEditor(
-														withFilters(
-															// withPresetButtons(
-																withContextMenu(
-																	Tree
-																)
-															// )
-														)
-													// )
-												)
-											// )
-										)
+const Tree = withAlert(
+				withEvents(
+					withData(
+						// withMultiSelection(
+							withSelection(
+								// withSideEditor(
+									withFilters(
+										// withPresetButtons(
+											withContextMenu(
+												TreeComponent
+											)
+										// )
 									)
-								);
+								// )
+							)
+						// )
+					)
+				)
+			);
 
 export const SideTreeEditor = withAlert(
 									withEvents(
@@ -1143,7 +1143,7 @@ export const SideTreeEditor = withAlert(
 														withFilters(
 															withPresetButtons(
 																withContextMenu(
-																	Tree
+																	TreeComponent
 																)
 															)
 														)
@@ -1163,7 +1163,7 @@ export const WindowedTreeEditor = withAlert(
 														withFilters(
 															withPresetButtons(
 																withContextMenu(
-																	Tree
+																	TreeComponent
 																)
 															)
 														)