@onehat/ui 0.4.92 → 0.4.95

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@onehat/ui",
-	"version": "0.4.92",
+	"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>;
 }
 

package/src/Components/index.js

@@ -279,7 +279,7 @@ import Panel from './Panel/Panel.js';
 // import Picker from './Panel/Picker.js';
 import PlusMinusButton from './Buttons/PlusMinusButton.js';
 import RadioGroup from './Form/Field/RadioGroup/RadioGroup.js';
-import Slider from './Form/Field/Slider.js';
+// import Slider from './Form/Field/Slider.js'; // Currently, Slider is not compatible with the new React architecture. Temporarily remove it from index.js to prevent issues.
 import SquareButton from './Buttons/SquareButton.js';
 import TabPanel from './Panel/TabPanel.js';
 import Tag from './Form/Field/Tag/Tag.js';
@@ -574,7 +574,7 @@ const components = {
 	// Picker,
 	PlusMinusButton,
 	RadioGroup,
-	Slider,
+	// Slider,
 	SquareButton,
 	TabPanel,
 	Tag,