@onehat/ui 0.4.80 → 0.4.82

package/src/Components/Tree/TreeNode.js

@@ -128,7 +128,7 @@ export default function TreeNode(props) {
 			'items-center',
 			'flex-1',
 			'grow-1',
-			'select-none',
+			!showNodeHandle && 'select-none',
 			'cursor-pointer',
 		);
 
@@ -169,16 +169,44 @@ export default function TreeNode(props) {
 							canDrag={nodeCanDrag}
 						/>}
 
-					{hasChildren && <IconButton
-										{...testProps('expandBtn')}
-										icon={isExpanded ? ChevronDown : ChevronRight}
-										onPress={(e) => onToggle(datum, e)}
-										className="ml-2"
-									/>}
-					
+					{hasChildren ?
+						<IconButton
+							{...testProps('expandBtn')}
+							icon={isExpanded ? ChevronDown : ChevronRight}
+							_icon={{
+								className: clsx(
+									'text-gray-400',
+								),
+							}}
+							onPress={(e) => onToggle(datum, e)}
+							className={clsx(
+								'TreeNode-expandBtn',
+								'ml-2',
+								styles.TREE_NODE_EXPAND_BTN_CLASSNAME,
+							)}
+						/> :
+						<Box
+							{...testProps('spacer')}
+							className={clsx(
+								'TreeNode-spacer',
+								'ml-2',
+								styles.TREE_NODE_SPACER_CLASSNAME,
+							)}
+						/>}
+
 					{isLoading && <Spinner className="px-2" />}
 
-					{!isLoading && icon && <Icon as={icon} className="ml-2 mr-1" />}
+					{!isLoading && icon && 
+						<Icon
+							as={icon}
+							className={clsx(
+								'TreeNode-icon',
+								'ml-2',
+								'mr-1',
+								styles.TREE_NODE_ICON_CLASSNAME,
+								nodeProps?._icon?.className ?? null,
+							)}
+						/>}
 
 					{text && <TextNative
 								numberOfLines={1}
@@ -192,6 +220,7 @@ export default function TreeNode(props) {
 									'flex-1',
 									'text-ellipsis',
 									styles.TREE_NODE_CLASSNAME,
+									nodeProps?._text?.className ?? null,
 								)}
 							>{text}</TextNative>}
 

package/src/Components/Viewer/Viewer.js

@@ -159,6 +159,13 @@ function Viewer(props) {
 			}
 			if (type?.match(/(Tag|TagEditor)$/)) {
 				viewerTypeProps.isViewOnly = true;
+				viewerTypeProps.SourceRepository = Repository;
+			}
+			if (type?.match(/(GridEditor)$/)) {
+				viewerTypeProps.disableAdd = true;
+				viewerTypeProps.disableEdit = true;
+				viewerTypeProps.disableDelete = true;
+				viewerTypeProps.disableDuplicate = true;
 			}
 			const Element = getComponentFromType(type);
 
@@ -253,9 +260,9 @@ function Viewer(props) {
 				label = propertyDef.title;
 			}
 
-			let value = record?.properties[name]?.displayValue || null;
+			let value = record?.properties?.[name]?.displayValue || record?.[name] || null;
 			const
-				schema = record?.repository.getSchema(),
+				schema = record?.repository?.getSchema(),
 				propertyDefinition = schema?.getPropertyDefinition(name);
 			if (propertyDefinition?.isFk) {
 				// value above is the id, get the actual display value
@@ -479,6 +486,7 @@ function Viewer(props) {
 		'Viewer-VStackNative',
 		'h-full',
 		'bg-white',
+		'[transform:translateZ(0)]', // so embedded FAB will be relative to this container, not to viewport
 	);
 	if (props.className) {
 		className += ' ' + props.className;

package/src/Constants/Progress.js

@@ -2,4 +2,5 @@ export const PROGRESS__NONE_FOUND = 'NONE_FOUND';
 export const PROGRESS__IN_PROCESS = 'IN_PROCESS';
 export const PROGRESS__COMPLETED = 'COMPLETED';
 export const PROGRESS__FAILED = 'FAILED';
-export const PROGRESS__STUCK = 'STUCK';
+export const PROGRESS__STUCK = 'STUCK';
+export const PROGRESS__UNSTUCK = 'UNSTUCK';