chore: allow expression on has children variables

Author: gjulivan

packages/pluggableWidgets/tree-node-web/src/TreeNode.xml

@@ -47,9 +47,10 @@
                     <caption>Header caption</caption>
                     <description />
                 </property>
-                <property key="hasChildren" type="boolean" defaultValue="true">
+                <property key="hasChildren" type="expression" dataSource="datasource">
                     <caption>Has children</caption>
                     <description>Indicate whether the node has children or is an end node. When set to yes, a composable region becomes available to define the child nodes.</description>
+                    <returnType type="Boolean" />
                 </property>
                 <property key="startExpanded" type="boolean" defaultValue="false">
                     <caption>Start expanded</caption>

packages/pluggableWidgets/tree-node-web/src/components/TreeNodeBranch.tsx

@@ -121,7 +121,7 @@ export function TreeNodeBranch({
                 });
             }
         },
-        [captureElementHeight, eventTargetIsNotCurrentBranch, isActualLeafNode]
+        [captureElementHeight, eventTargetIsNotCurrentBranch, isActualLeafNode, fetchChildren, item]
     );
 
     const onHeaderKeyDown = useTreeNodeBranchKeyboardHandler(

packages/pluggableWidgets/tree-node-web/src/components/TreeNodeComponent.tsx

@@ -59,7 +59,6 @@ export function TreeNodeComponent(props: TreeNodeComponentProps): ReactElement |
         isInfiniteMode
     } = props;
     const [treeNodeElement, updateTreeNodeElement] = useTreeNodeRef();
-    const isUserDefinedLeafNode = hasChildren === false;
     const showIconAnimation = animate && animateIcon;
 
     const renderHeaderIconCallback = useCallback<TreeNodeHeaderIcon>(
@@ -98,7 +97,7 @@ export function TreeNodeComponent(props: TreeNodeComponentProps): ReactElement |
                     key={item.id}
                     id={item.id}
                     headerContent={headerType === "text" ? headerCaption?.get(item).value : headerContent?.get(item)}
-                    isUserDefinedLeafNode={isUserDefinedLeafNode}
+                    isUserDefinedLeafNode={hasChildren?.get(item).value === false}
                     startExpanded={startExpanded}
                     iconPlacement={showIcon}
                     renderHeaderIcon={renderHeaderIconCallback}

packages/pluggableWidgets/tree-node-web/src/components/hooks/lazyLoading.ts

@@ -10,7 +10,7 @@ export const useTreeNodeLazyLoading = (
     hasNestedTreeNode: () => boolean;
 } => {
     const hasNestedTreeNode = useCallback(
-        () => treeNodeBranchBody.current?.lastElementChild?.className.includes("widget-tree-node") ?? true,
+        () => treeNodeBranchBody.current?.lastElementChild?.className.includes("widget-tree-node") ?? false,
         []
     );
 

packages/pluggableWidgets/tree-node-web/typings/TreeNodeProps.d.ts

@@ -24,7 +24,7 @@ export interface TreeNodeContainerProps {
     openNodeOn: OpenNodeOnEnum;
     headerContent?: ListWidgetValue;
     headerCaption?: ListExpressionValue<string>;
-    hasChildren: boolean;
+    hasChildren: ListExpressionValue<boolean>;
     startExpanded: boolean;
     children?: ListWidgetValue;
     animate: boolean;
@@ -52,7 +52,7 @@ export interface TreeNodePreviewProps {
     openNodeOn: OpenNodeOnEnum;
     headerContent: { widgetCount: number; renderer: ComponentType<{ children: ReactNode; caption?: string }> };
     headerCaption: string;
-    hasChildren: boolean;
+    hasChildren: string;
     startExpanded: boolean;
     children: { widgetCount: number; renderer: ComponentType<{ children: ReactNode; caption?: string }> };
     animate: boolean;