@fluid-topics/ftds-tree-list 2.1.0

package/README.md

@@ -0,0 +1,19 @@
+The design system tree list component
+
+## Install
+
+```shell
+npm install @fluid-topics/ftds-tree-list
+yarn add @fluid-topics/ftds-tree-list
+```
+
+## Usage
+
+```typescript
+import { html } from "lit"
+import "@fluid-topics/ftds-tree-list"
+
+function render() {
+    return html` <ftds-tree-list foo="bar"></ftds-tree-list> `
+}
+```

package/build/define.d.ts

@@ -0,0 +1 @@
+export {};

package/build/define.js

@@ -0,0 +1,3 @@
+import { customElements } from "@fluid-topics/ft-wc-utils";
+import definitions from "./definitions";
+customElements(definitions);

package/build/definitions.d.ts

@@ -0,0 +1,5 @@
+import { FtdsTreeList } from "./ftds-tree-list";
+declare const _default: {
+    "ftds-tree-list": typeof FtdsTreeList;
+};
+export default _default;

package/build/definitions.js

@@ -0,0 +1,4 @@
+import { FtdsTreeList } from "./ftds-tree-list";
+export default {
+    "ftds-tree-list": FtdsTreeList,
+};

package/build/ftds-tree-list.d.ts

@@ -0,0 +1,73 @@
+import { PropertyValues, TemplateResult } from "lit";
+import { ElementDefinitionsMap, FtLitElement } from "@fluid-topics/ft-wc-utils";
+import { EmptyStateConfiguration, FtdsTreeListProperties } from "./ftds-tree-list.properties";
+import { FtdsTreeListData, FtTreeNode } from "./model/FtdsTreeListData";
+export declare class NodeSelectedEvent extends CustomEvent<FtTreeNode> {
+    constructor(node: FtTreeNode);
+}
+export declare class FtdsTreeList extends FtLitElement implements FtdsTreeListProperties {
+    static elementDefinitions: ElementDefinitionsMap;
+    static styles: import("lit").CSSResult;
+    data?: FtdsTreeListData;
+    label: string;
+    pageSize: number;
+    selectedNode?: FtTreeNode;
+    expandLabel: string;
+    collapseLabel: string;
+    loadMoreLabel: string;
+    expandParametrizedLabel: string;
+    collapseParametrizedLabel: string;
+    expandAllLabel: string;
+    collapseAllLabel: string;
+    emptyState?: EmptyStateConfiguration;
+    loading: boolean;
+    nodeToFocus?: FtTreeNode;
+    isTreeSelectorCollapsed?: boolean;
+    childrenCounts: Map<string, number>;
+    userOpenedNodes: Set<string>;
+    userClosedNodes: Set<string>;
+    expandAll(): void;
+    collapseAll(): void;
+    getItemSelector(item: FtTreeNode): HTMLElement;
+    isNodeExpanded(node: FtTreeNode): boolean;
+    setFocusToTreeItem(item: FtTreeNode): void;
+    selectNodeByBreadcrumb(breadcrumb: string[]): Promise<void>;
+    protected render(): TemplateResult<1>;
+    protected renderBody(): TemplateResult;
+    protected renderLoadingState(): TemplateResult;
+    protected renderLeftHeader(): TemplateResult;
+    protected renderNode(node: FtTreeNode): unknown;
+    protected renderChildNodes(isNodeExpanded: boolean, visibleChildren: FtTreeNode[], node: FtTreeNode, childrenClasses: {
+        expanded: boolean;
+        collapsed: boolean;
+        "with-expandable": boolean;
+        "with-children": boolean;
+    }): TemplateResult<1>;
+    protected renderShowMore(node: FtTreeNode, childrenClasses: {
+        expanded: boolean;
+        collapsed: boolean;
+        "with-expandable": boolean;
+        "with-children": boolean;
+    }): TemplateResult<1>;
+    protected renderEmptyState(): TemplateResult<1>;
+    protected renderEmptyStateTitle(): TemplateResult | symbol;
+    protected renderEmptyStateDescription(): TemplateResult | symbol;
+    protected willUpdate(props: PropertyValues): void;
+    protected updated(props: PropertyValues): void;
+    protected onKeydown(event: KeyboardEvent, currentNode: FtTreeNode, isLoadMore: boolean, parentNode?: FtTreeNode): void;
+    protected setFocusToPreviousNode(visibleItems: FtTreeNode[], currentNodeIndex: number): void;
+    protected setFocusToNextNode(visibleItems: FtTreeNode[], currentNodeIndex: number): void;
+    protected getAdjacentVisibleTreeItems(tree: FtTreeNode[], currentNode: FtTreeNode): FtTreeNode[];
+    protected isVisible(treeitem: FtTreeNode): boolean;
+    protected expandNode(expanded: boolean, currentNodeValue: string): void;
+    protected toggleExpandAll(): void;
+    protected getAllClosedNodes(node: FtTreeNode): string[];
+    protected getChildrenCount(node: FtTreeNode): number;
+    protected getEntriesCount(): number;
+    protected hasExpandableChildren(node: FtTreeNode): boolean;
+    protected hasChildren(node: FtTreeNode): boolean;
+    protected loadMore(node: FtTreeNode): void;
+    protected displayChild(currentNode: FtTreeNode, childValue: string): FtTreeNode;
+    protected handleNodeSelectEvent(e: MouseEvent | KeyboardEvent, node: FtTreeNode): void;
+    protected selectNode(node: FtTreeNode): void;
+}