@fluentui/web-components 3.0.0-beta.85 → 3.0.0-beta.86

package/CHANGELOG.md

@@ -1,12 +1,22 @@
 # Change Log - @fluentui/web-components
 
-This log was last generated on Thu, 13 Mar 2025 04:07:26 GMT and should not be manually modified.
+This log was last generated on Fri, 14 Mar 2025 04:06:53 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [3.0.0-beta.86](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.86)
+
+Fri, 14 Mar 2025 04:06:53 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.85..@fluentui/web-components_v3.0.0-beta.86)
+
+### Changes
+
+- refactor out base classes for tree and tree item ([PR #33990](https://github.com/microsoft/fluentui/pull/33990) by jes@microsoft.com)
+- move filtering for tree-items to template ([PR #33989](https://github.com/microsoft/fluentui/pull/33989) by jes@microsoft.com)
+
 ## [3.0.0-beta.85](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.85)
 
-Thu, 13 Mar 2025 04:07:26 GMT 
+Thu, 13 Mar 2025 04:07:37 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.84..@fluentui/web-components_v3.0.0-beta.85)
 
 ### Changes

package/dist/dts/tree/index.d.ts

@@ -1,3 +1,4 @@
+export { BaseTree } from './tree.base.js';
 export { Tree } from './tree.js';
 export { template as TreeTemplate } from './tree.template.js';
 export { styles as TreeStyles } from './tree.styles.js';

package/dist/dts/tree/tree.base.d.ts

@@ -0,0 +1,68 @@
+import { FASTElement } from '@microsoft/fast-element';
+import { BaseTreeItem } from '../tree-item/tree-item.base';
+export declare class BaseTree extends FASTElement {
+    /**
+     * The currently selected tree item
+     * @public
+     */
+    currentSelected: HTMLElement | null;
+    /**
+     * The tree item that is designated to be in the tab queue.
+     *
+     * @internal
+     */
+    private currentFocused;
+    /**
+     * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
+     *
+     * @internal
+     */
+    elementInternals: ElementInternals;
+    constructor();
+    childTreeItems: BaseTreeItem[];
+    childTreeItemsChanged(): void;
+    /**
+     * Updates current selected when slottedTreeItems changes
+     */
+    private updateCurrentSelected;
+    /**
+     * KeyDown handler
+     *
+     *  @internal
+     */
+    keydownHandler(e: KeyboardEvent): boolean | void;
+    /**
+     * Handle focus events
+     *
+     * @internal
+     */
+    focusHandler(e: FocusEvent): void;
+    /**
+     * Handle blur events
+     *
+     * @internal
+     */
+    blurHandler(e: FocusEvent): void;
+    /**
+     * Handles click events bubbling up
+     *
+     *  @internal
+     */
+    clickHandler(e: Event): boolean | void;
+    /**
+     * Handles the selected-changed events bubbling up
+     * from child tree items
+     *
+     *  @internal
+     */
+    changeHandler(e: Event): boolean | void;
+    /**
+     * checks if there are any nested tree items
+     */
+    private getValidFocusableItem;
+    private getVisibleNodes;
+    /**
+     * Move focus to a tree item based on its offset from the provided item
+     */
+    private focusNextNode;
+}

package/dist/dts/tree/tree.d.ts

@@ -1,25 +1,6 @@
-import { FASTElement } from '@microsoft/fast-element';
-import { TreeItem } from '../tree-item/index.js';
 import { TreeItemAppearance, TreeItemSize } from '../tree-item/tree-item.options';
-export declare class Tree extends FASTElement {
-    /**
-     * The currently selected tree item
-     * @public
-     */
-    currentSelected: HTMLElement | null;
-    /**
-     * The tree item that is designated to be in the tab queue.
-     *
-     * @internal
-     */
-    private currentFocused;
-    /**
-     * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
-     *
-     * @internal
-     */
-    elementInternals: ElementInternals;
-    constructor();
+import { BaseTree } from './tree.base';
+export declare class Tree extends BaseTree {
     /**
      * The size of the tree item element
      * @public
@@ -34,55 +15,14 @@ export declare class Tree extends FASTElement {
      */
     appearance: TreeItemAppearance;
     private appearanceChanged;
-    childTreeItems: TreeItem[];
-    protected childTreeItemsChanged(): void;
-    /**
-     * 1. Update the child items' size based on the tree's size
-     * 2. Update the child items' appearance based on the tree's appearance
-     */
-    private updateSizeAndAppearance;
-    /**
-     * Updates current selected when slottedTreeItems changes
-     */
-    private updateCurrentSelected;
-    /**
-     * KeyDown handler
-     *
-     *  @internal
-     */
-    keydownHandler(e: KeyboardEvent): boolean | void;
     /**
-     * Handle focus events
-     *
+     * child tree items supered change event
      * @internal
      */
-    focusHandler(e: FocusEvent): void;
-    /**
-     * Handle blur events
-     *
-     * @internal
-     */
-    blurHandler(e: FocusEvent): void;
-    /**
-     * Handles click events bubbling up
-     *
-     *  @internal
-     */
-    clickHandler(e: Event): boolean | void;
-    /**
-     * Handles the selected-changed events bubbling up
-     * from child tree items
-     *
-     *  @internal
-     */
-    changeHandler(e: Event): boolean | void;
+    childTreeItemsChanged(): void;
     /**
-     * checks if there are any nested tree items
-     */
-    private getValidFocusableItem;
-    private getVisibleNodes;
-    /**
-     * Move focus to a tree item based on its offset from the provided item
+     * 1. Update the child items' size based on the tree's size
+     * 2. Update the child items' appearance based on the tree's appearance
      */
-    private focusNextNode;
+    updateSizeAndAppearance(): void;
 }

package/dist/dts/tree-item/index.d.ts

@@ -1,3 +1,4 @@
+export { BaseTreeItem } from './tree-item.base.js';
 export { TreeItem } from './tree-item.js';
 export { template as TreeItemTemplate } from './tree-item.template.js';
 export { styles as TreeItemStyles } from './tree-item.styles.js';

package/dist/dts/tree-item/tree-item.base.d.ts

@@ -0,0 +1,99 @@
+import { FASTElement } from '@microsoft/fast-element';
+export declare class BaseTreeItem extends FASTElement {
+    /**
+     * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
+     *
+     * @internal
+     */
+    elementInternals: ElementInternals;
+    constructor();
+    /**
+     * When true, the control will be appear expanded by user interaction.
+     * @public
+     * HTML Attribute: `expanded`
+     */
+    expanded: boolean;
+    /**
+     * Handles changes to the expanded attribute
+     * @param prev - the previous state
+     * @param next - the next state
+     *
+     * @public
+     */
+    expandedChanged(prev: boolean, next: boolean): void;
+    /**
+     * When true, the control will appear selected by user interaction.
+     * @public
+     * @remarks
+     * HTML Attribute: selected
+     */
+    selected: boolean;
+    /**
+     * Handles changes to the selected attribute
+     * @param prev - the previous state
+     * @param next - the next state
+     *
+     * @internal
+     */
+    protected selectedChanged(prev: boolean, next: boolean): void;
+    /**
+     * When true, the control has no child tree items
+     * @public
+     * HTML Attribute: empty
+     */
+    empty: boolean;
+    private styles;
+    /**
+     * The indent of the tree item element.
+     * This is not needed once css attr() is supported (--indent: attr(data-indent type(<number>)));
+     * @public
+     */
+    dataIndent: number | undefined;
+    private dataIndentChanged;
+    childTreeItems: BaseTreeItem[] | undefined;
+    /**
+     * Handles changes to the child tree items
+     *
+     * @public
+     */
+    childTreeItemsChanged(): void;
+    /**
+     * Updates the childrens indent
+     *
+     * @public
+     */
+    updateChildTreeItems(): void;
+    /**
+     * Sets the indent for each item
+     */
+    private setIndent;
+    /**
+     * Handle focus events
+     *
+     * @public
+     */
+    focusHandler(e: FocusEvent): void;
+    /**
+     * Handle blur events
+     *
+     * @public
+     */
+    blurHandler(e: FocusEvent): void;
+    /**
+     * Toggle the expansion state of the tree item
+     *
+     * @public
+     */
+    toggleExpansion(): void;
+    /**
+     * Toggle the single selection state of the tree item
+     *
+     * @public
+     */
+    toggleSelection(): void;
+    /**
+     * Whether the tree is nested
+     * @internal
+     */
+    get isNestedItem(): boolean;
+}

package/dist/dts/tree-item/tree-item.d.ts

@@ -1,48 +1,6 @@
-import { FASTElement } from '@microsoft/fast-element';
 import { TreeItemAppearance, TreeItemSize } from './tree-item.options.js';
-export declare class TreeItem extends FASTElement {
-    /**
-     * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
-     *
-     * @internal
-     */
-    elementInternals: ElementInternals;
-    constructor();
-    /**
-     * When true, the control will be appear expanded by user interaction.
-     * @public
-     * HTML Attribute: `expanded`
-     */
-    expanded: boolean;
-    /**
-     * Handles changes to the expanded attribute
-     * @param prev - the previous state
-     * @param next - the next state
-     *
-     * @public
-     */
-    expandedChanged(prev: boolean, next: boolean): void;
-    /**
-     * When true, the control will appear selected by user interaction.
-     * @public
-     * @remarks
-     * HTML Attribute: selected
-     */
-    selected: boolean;
-    /**
-     * Handles changes to the selected attribute
-     * @param prev - the previous state
-     * @param next - the next state
-     *
-     * @internal
-     */
-    protected selectedChanged(prev: boolean, next: boolean): void;
-    /**
-     * When true, the control has no child tree items
-     * @public
-     * HTML Attribute: empty
-     */
-    empty: boolean;
+import { BaseTreeItem } from './tree-item.base';
+export declare class TreeItem extends BaseTreeItem {
     /**
      * The size of the tree item element
      * @public
@@ -65,57 +23,16 @@ export declare class TreeItem extends FASTElement {
      * @internal
      */
     private appearanceChanged;
-    private styles;
-    /**
-     * The indent of the tree item element.
-     * This is not needed once css attr() is supported (--indent: attr(data-indent type(<number>)));
-     * @public
-     */
-    dataIndent: number | undefined;
-    private dataIndentChanged;
-    childTreeItems: TreeItem[] | undefined;
     /**
-     * Handles changes to the child tree items
-     *
+     * child tree items supered change event
      * @internal
      */
-    protected childTreeItemsChanged(): void;
+    childTreeItemsChanged(): void;
     /**
      * 1. Update the child items' size based on the tree's size
      * 2. Update the child items' appearance based on the tree's appearance
-     */
-    private updateChildTreeItems;
-    /**
-     * Sets the indent for each item
-     */
-    private setIndent;
-    /**
-     * Handle focus events
-     *
-     * @public
-     */
-    focusHandler(e: FocusEvent): void;
-    /**
-     * Handle blur events
      *
      * @public
      */
-    blurHandler(e: FocusEvent): void;
-    /**
-     * Toggle the expansion state of the tree item
-     *
-     * @public
-     */
-    toggleExpansion(): void;
-    /**
-     * Toggle the single selection state of the tree item
-     *
-     * @public
-     */
-    toggleSelection(): void;
-    /**
-     * Whether the tree is nested
-     * @internal
-     */
-    get isNestedItem(): boolean;
+    updateSizeAndAppearance(): void;
 }

package/dist/dts/tree-item/tree-item.options.d.ts

@@ -1,5 +1,5 @@
 import { ValuesOf } from '../utils/typings.js';
-import { TreeItem } from './tree-item.js';
+import { BaseTreeItem } from './tree-item.base.js';
 export declare const TreeItemAppearance: {
     readonly subtle: "subtle";
     readonly subtleAlpha: "subtle-alpha";
@@ -19,4 +19,4 @@ export type TreeItemSize = ValuesOf<typeof TreeItemSize>;
  * @returns true if the element is a dropdown.
  * @public
  */
-export declare function isTreeItem(element?: Node | null, tagName?: string): element is TreeItem;
+export declare function isTreeItem(element?: Node | null, tagName?: string): element is BaseTreeItem;

package/dist/esm/tree/index.js

@@ -1,3 +1,4 @@
+export { BaseTree } from './tree.base.js';
 export { Tree } from './tree.js';
 export { template as TreeTemplate } from './tree.template.js';
 export { styles as TreeStyles } from './tree.styles.js';

package/dist/esm/tree/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tree/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tree/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/esm/tree/tree.base.js

@@ -0,0 +1,232 @@
+import { __decorate } from "tslib";
+import { FASTElement, observable } from '@microsoft/fast-element';
+import { isHTMLElement, keyArrowDown, keyArrowLeft, keyArrowRight, keyArrowUp, keyEnd, keyEnter, keyHome, keySpace, } from '@microsoft/fast-web-utilities';
+import { isTreeItem } from '../tree-item/tree-item.options';
+export class BaseTree extends FASTElement {
+    constructor() {
+        super();
+        /**
+         * The currently selected tree item
+         * @public
+         */
+        this.currentSelected = null;
+        /**
+         * The tree item that is designated to be in the tab queue.
+         *
+         * @internal
+         */
+        this.currentFocused = null;
+        /**
+         * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
+         *
+         * @internal
+         */
+        this.elementInternals = this.attachInternals();
+        this.childTreeItems = [];
+        this.elementInternals.role = 'tree';
+    }
+    childTreeItemsChanged() {
+        this.updateCurrentSelected();
+    }
+    /**
+     * Updates current selected when slottedTreeItems changes
+     */
+    updateCurrentSelected() {
+        // force single selection
+        // defaults to first one found
+        const selectedItem = this.querySelector(`[aria-selected='true']`);
+        this.currentSelected = selectedItem;
+        // invalidate the current focused item if it is no longer valid
+        if (this.currentFocused === null || !this.contains(this.currentFocused)) {
+            this.currentFocused = this.getValidFocusableItem();
+        }
+    }
+    /**
+     * KeyDown handler
+     *
+     *  @internal
+     */
+    keydownHandler(e) {
+        if (e.defaultPrevented) {
+            return;
+        }
+        const item = e.target;
+        if (!isTreeItem(item) || this.childTreeItems.length < 1) {
+            return true;
+        }
+        const elements = this.getVisibleNodes();
+        switch (e.key) {
+            case keyHome: {
+                if (elements.length) {
+                    elements[0].focus();
+                }
+                return;
+            }
+            case keyEnd: {
+                if (elements.length) {
+                    elements[elements.length - 1].focus();
+                }
+                return;
+            }
+            case keyArrowLeft: {
+                if (item?.childTreeItems?.length && item.expanded) {
+                    item.expanded = false;
+                }
+                else if (isTreeItem(item.parentElement)) {
+                    item.parentElement.focus();
+                }
+                return;
+            }
+            case keyArrowRight: {
+                if (item?.childTreeItems?.length) {
+                    if (!item.expanded) {
+                        item.expanded = true;
+                    }
+                    else {
+                        this.focusNextNode(1, item);
+                    }
+                }
+                return;
+            }
+            case keyArrowDown: {
+                this.focusNextNode(1, item);
+                return;
+            }
+            case keyArrowUp: {
+                this.focusNextNode(-1, item);
+                return;
+            }
+            case keyEnter: {
+                // In single-select trees where selection does not follow focus (see note below),
+                // the default action is typically to select the focused node.
+                this.clickHandler(e);
+                return;
+            }
+            case keySpace: {
+                item.toggleSelection();
+                return;
+            }
+        }
+        // don't prevent default if we took no action
+        return true;
+    }
+    /**
+     * Handle focus events
+     *
+     * @internal
+     */
+    focusHandler(e) {
+        if (this.childTreeItems.length < 1) {
+            // no child items, nothing to do
+            return;
+        }
+        if (e.target === this) {
+            if (this.currentFocused === null) {
+                this.currentFocused = this.getValidFocusableItem();
+            }
+            if (this.currentFocused !== null) {
+                this.currentFocused.focus();
+            }
+            return;
+        }
+        if (this.contains(e.target)) {
+            this.setAttribute('tabindex', '-1');
+            this.currentFocused = e.target;
+        }
+    }
+    /**
+     * Handle blur events
+     *
+     * @internal
+     */
+    blurHandler(e) {
+        if (e.target instanceof HTMLElement && (e.relatedTarget === null || !this.contains(e.relatedTarget))) {
+            this.setAttribute('tabindex', '0');
+        }
+    }
+    /**
+     * Handles click events bubbling up
+     *
+     *  @internal
+     */
+    clickHandler(e) {
+        if (e.defaultPrevented) {
+            // handled, do nothing
+            return;
+        }
+        if (!isTreeItem(e.target)) {
+            // not a tree item, ignore
+            // return true, do not prevent default
+            return true;
+        }
+        const item = e.target;
+        item.toggleExpansion();
+        item.toggleSelection();
+    }
+    /**
+     * Handles the selected-changed events bubbling up
+     * from child tree items
+     *
+     *  @internal
+     */
+    changeHandler(e) {
+        if (e.defaultPrevented) {
+            return;
+        }
+        if (!isTreeItem(e.target)) {
+            return true;
+        }
+        const item = e.target;
+        if (item.selected) {
+            // Deselect the prevously selected item
+            if (this.currentSelected && this.currentSelected !== item && isTreeItem(this.currentSelected)) {
+                this.currentSelected.selected = false;
+            }
+            // New selected item
+            this.currentSelected = item;
+        }
+        else if (!item.selected && this.currentSelected === item) {
+            // Selected item deselected
+            this.currentSelected = null;
+        }
+    }
+    /**
+     * checks if there are any nested tree items
+     */
+    getValidFocusableItem() {
+        const elements = this.getVisibleNodes();
+        // default to selected element if there is one
+        let focusIndex = elements.findIndex(el => el.selected);
+        if (focusIndex === -1) {
+            // otherwise first focusable tree item
+            focusIndex = elements.findIndex(el => isTreeItem(el));
+        }
+        if (focusIndex !== -1) {
+            return elements[focusIndex];
+        }
+        return null;
+    }
+    getVisibleNodes() {
+        return Array.from(this.querySelectorAll('*')).filter(node => isTreeItem(node) && node.offsetParent !== null);
+    }
+    /**
+     * Move focus to a tree item based on its offset from the provided item
+     */
+    focusNextNode(delta, item) {
+        const visibleNodes = this.getVisibleNodes();
+        if (!visibleNodes.length) {
+            return;
+        }
+        const focusItem = visibleNodes[visibleNodes.indexOf(item) + delta];
+        if (isHTMLElement(focusItem)) {
+            focusItem.focus();
+        }
+    }
+}
+__decorate([
+    observable
+], BaseTree.prototype, "currentSelected", void 0);
+__decorate([
+    observable
+], BaseTree.prototype, "childTreeItems", void 0);
+//# sourceMappingURL=tree.base.js.map

package/dist/esm/tree/tree.base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.base.js","sourceRoot":"","sources":["../../../src/tree/tree.base.ts"],"names":[],"mappings":"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"}