Itiwnui-react upgrade (#794)

* Bump itwinui-react

* Pass missing to `TreeNode`

* Do not clear unique value filter on value selected

* Use small tree in test-app

* Change

.changeset/neat-carpets-melt.md

@@ -0,0 +1,5 @@
+---
+"@itwin/presentation-hierarchies-react": patch
+---
+
+Add missing `ref` to the placeholder and error nodes to have correct styling in virtualized small tree.

.changeset/thick-books-itch.md

@@ -0,0 +1,5 @@
+---
+"@itwin/presentation-components": patch
+---
+
+Do not clear filter in `UniqueValuesSelector` when value is selected.

apps/test-app/frontend/src/components/tree-widget/StatelessTree.tsx

@@ -150,16 +150,16 @@ function Tree({ imodel, imodelAccess, height, width }: { imodel: IModelConnectio
     }
 
     return (
-      <Flex.Item alignSelf="flex-start" style={{ width: "100%", overflow: "auto" }}>
-        <TreeRenderer
-          rootNodes={rootNodes ?? []}
-          {...treeProps}
-          reloadTree={reloadTree}
-          onFilterClick={setFilteringOptions}
-          getIcon={getIcon}
-          selectionMode={"extended"}
-        />
-      </Flex.Item>
+      <TreeRenderer
+        {...treeProps}
+        rootNodes={rootNodes ?? []}
+        reloadTree={reloadTree}
+        onFilterClick={setFilteringOptions}
+        getIcon={getIcon}
+        selectionMode={"extended"}
+        size="small"
+        style={{ height: "100%", width: "100%" }}
+      />
     );
   };
 

packages/components/src/presentation-components/properties/inputs/UniquePropertyValuesSelector.tsx

@@ -96,12 +96,14 @@ export function UniquePropertyValuesSelector(props: UniquePropertyValuesSelector
       }}
       emptyStateMessage={emptyContent}
       value={selectedValues}
+      clearFilterOnOptionToggle={false}
       inputProps={{
         placeholder: translate("unique-values-property-editor.select-values"),
         size: "small",
         value: searchInput,
         onChange: (e) => setSearchInput(e.target.value),
       }}
+      onHide={() => setSearchInput("")}
     />
   );
 }

packages/hierarchies-react/src/presentation-hierarchies-react/itwinui/TreeNodeRenderer.tsx

@@ -77,7 +77,7 @@ export const TreeNodeRenderer: React.ForwardRefExoticComponent<TreeNodeRendererP
     const nodeRef = useRef<HTMLDivElement>(null);
     const ref = useMergedRefs(forwardedRef, nodeRef);
     if ("type" in node && node.type === "ChildrenPlaceholder") {
-      return <PlaceholderNode {...treeNodeProps} />;
+      return <PlaceholderNode {...treeNodeProps} ref={ref} />;
     }
 
     if (isPresentationHierarchyNode(node)) {
@@ -143,6 +143,7 @@ export const TreeNodeRenderer: React.ForwardRefExoticComponent<TreeNodeRendererP
       return (
         <ResultSetTooLargeNode
           {...treeNodeProps}
+          ref={ref}
           limit={node.resultSetSizeLimit}
           onOverrideLimit={getHierarchyLevelDetails ? (limit) => getHierarchyLevelDetails(node.parentNodeId)?.setSizeLimit(limit) : undefined}
           onFilterClick={

pnpm-workspace.yaml

@@ -35,7 +35,7 @@ catalogs:
   itwinui:
     "@itwin/itwinui-icons-react": "^2.9.0"
     "@itwin/itwinui-illustrations-react": "^2.1.0"
-    "@itwin/itwinui-react": "^3.15.5"
+    "@itwin/itwinui-react": "^3.16.0"
 
   react:
     "classnames": "^2.5.1"