@onehat/ui 0.3.231 → 0.3.233

package/package.json

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

package/src/Components/Grid/Grid.js

@@ -420,6 +420,7 @@ function GridComponent(props) {
 										gridRef={gridRef}
 										isHovered={isHovered}
 										isInlineEditorShown={isInlineEditorShown}
+										areRowsDragSource={areRowsDragSource}
 									/>;
 						}
 
@@ -473,11 +474,12 @@ function GridComponent(props) {
 									rowDragProps.isDragSource = true;
 									rowDragProps.dragSourceType = rowDragSourceType;
 									if (getRowDragSourceItem) {
-										rowDragProps.dragSourceItem = getRowDragSourceItem(item, getIds);
+										rowDragProps.dragSourceItem = getRowDragSourceItem(item, getIds, rowDragSourceType);
 									} else {
 										rowDragProps.dragSourceItem = {
 											id: item.id,
 											getIds,
+											type: rowDragSourceType,
 										};
 									}
 								}

package/src/Components/Grid/GridHeaderRow.js

@@ -1,5 +1,6 @@
 import { useState, useEffect, useMemo, } from 'react';
 import {
+	Box,
 	Icon,
 	Pressable,
 	Row,
@@ -41,6 +42,7 @@ export default function GridHeaderRow(props) {
 			gridRef,
 			isHovered,
 			isInlineEditorShown,
+			areRowsDragSource,
 		} = props,
 		styles = UiGlobals.styles,
 		sortFn = Repository && Repository.getSortFn(),
@@ -442,6 +444,12 @@ export default function GridHeaderRow(props) {
 										/>}
 							</Pressable>;
 				});
+				if (areRowsDragSource) {
+					headerColumns.unshift(<Box
+						key="spacer"
+						w={3}
+					/>);
+				}
 				if (!hideNavColumn) {
 					headerColumns.push(<AngleRight
 											key="AngleRight"