@sanity/ui 1.6.0 → 1.7.1

package/dist/index.d.ts

@@ -2714,6 +2714,10 @@ export declare interface TreeItemProps {
   expanded?: boolean
   fontSize?: number | number[]
   icon?: React.ElementType
+  /**
+   * Allows passing a custom element type to the link component
+   */
+  linkAs?: BoxProps['as']
   padding?: number | number[]
   space?: number | number[]
   text?: React.ReactNode

package/dist/index.esm.js

@@ -8960,6 +8960,7 @@ const Tree = memo(forwardRef(function Tree2(props, ref) {
   const {
     children,
     space = 1,
+    onFocus,
     ...restProps
   } = props;
   const forwardedRef = useForwardedRef(ref);
@@ -9091,6 +9092,10 @@ const Tree = memo(forwardRef(function Tree2(props, ref) {
       return;
     }
   }, [itemElements]);
+  const handleFocus = useCallback(event => {
+    setFocusedElement(event.target);
+    onFocus == null ? void 0 : onFocus(event);
+  }, [onFocus]);
   useEffect(() => {
     if (!forwardedRef.current) return;
     const _itemElements = Array.from(forwardedRef.current.querySelectorAll('[data-ui="TreeItem"]'));
@@ -9102,6 +9107,7 @@ const Tree = memo(forwardRef(function Tree2(props, ref) {
       as: "ul",
       "data-ui": "Tree",
       ...restProps,
+      onFocus: handleFocus,
       onKeyDown: handleKeyDown,
       ref: forwardedRef,
       role: "tree",
@@ -9175,6 +9181,7 @@ const TreeItem = memo(function TreeItem2(props) {
     href,
     icon,
     id: idProp,
+    linkAs,
     muted,
     onClick,
     padding = 3,
@@ -9272,6 +9279,7 @@ const TreeItem = memo(function TreeItem2(props) {
       children: [/* @__PURE__ */jsx(TreeItemBox, {
         $level: tree.level,
         "aria-expanded": expanded,
+        as: linkAs,
         "data-ui": "TreeItem__box",
         href,
         ref: treeitemRef,