@onehat/ui 0.4.93 → 0.4.95

package/package.json

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

package/src/Components/Grid/GridRow.js

@@ -14,6 +14,7 @@ import {
 	CURRENT_MODE,
 } from '../../Constants/UiModes.js';
 import * as colourMixer from '@k-renwick/colour-mixer';
+import Tooltip from '../Tooltip/Tooltip.js';
 import getComponentFromType from '../../Functions/getComponentFromType.js';
 import UiGlobals from '../../UiGlobals.js';
 import { withDragSource, withDropTarget } from '../Hoc/withDnd.js';
@@ -457,16 +458,20 @@ const GridRow = forwardRef((props, ref) => {
 		if (isOver) {
 			rowClassName += ' border-4 border-[#0ff]';
 		}
-		return <HStackNative
-					ref={ref}
-					{...testProps('Row ' + (isSelected ? 'row-selected' : ''))}
-					{...rowProps}
-					key={hash}
-					className={rowClassName}
-					style={{
-						backgroundColor: bg,
-					}}
-				>{rowContents}</HStackNative>;
+		let row = <HStackNative
+						ref={ref}
+						{...testProps('Row ' + (isSelected ? 'row-selected' : ''))}
+						{...rowProps}
+						key={hash}
+						className={rowClassName}
+						style={{
+							backgroundColor: bg,
+						}}
+					>{rowContents}</HStackNative>;
+		if (rowProps.tooltip) {
+			row = <Tooltip label={rowProps.tooltip} placement="bottom left">{row}</Tooltip>;
+		}
+		return row;
 	}, [
 		columnsConfig,
 		asyncResults,

package/src/Components/Panel/GridPanel.js

@@ -11,6 +11,7 @@ export function GridPanel(props) {
 	const {
 			isEditor = false,
 			editorType = EDITOR_TYPE__WINDOWED,
+			_panel = {},
 		} = props;
 
 	let WhichGrid = Grid;
@@ -28,11 +29,7 @@ export function GridPanel(props) {
 		}
 	}
 
-	if (!props._panel) {
-		props._panel = {};
-	}
-
-	return <Panel {...props} {...props._panel}>
+	return <Panel {...props} {..._panel}>
 				<WhichGrid {...props} />
 			</Panel>;
 }

package/src/Components/Panel/TabPanel.js

@@ -3,7 +3,8 @@ import Panel from './Panel.js';
 
 
 export default function TabPanel(props) {
-	return <Panel className="w-full flex" {...props._panel}>
+	const panelProps = props._panel || {};
+	return <Panel className="w-full flex" {...panelProps}>
 				<TabBar {...props} {...props._tab} />
 			</Panel>;
 }

package/src/Components/Panel/TreePanel.js

@@ -10,6 +10,7 @@ export function TreePanel(props) {
 	const {
 			isEditor = false,
 			editorType = EDITOR_TYPE__WINDOWED,
+			_panel = {},
 		} = props;
 
 	let WhichTree = Tree;
@@ -24,8 +25,8 @@ export function TreePanel(props) {
 		}
 	}
 
-	return <Panel {...props._panel}>
-				<WhichTree {...props} {...props._tree} />
+	return <Panel {..._panel}>
+				<WhichTree {...props} {..._panel} />
 			</Panel>;
 }