@instructure/ui-tree-browser 8.14.1-snapshot.46 → 8.14.1-snapshot.63

package/types/TreeBrowser/TreeButton/index.d.ts

@@ -7,74 +7,28 @@ import type { TreeBrowserButtonProps } from './props';
 parent: TreeBrowser
 id: TreeBrowser.Button
 ---
+@tsProps
 **/
 declare class TreeButton extends Component<TreeBrowserButtonProps> {
     static readonly componentId = "TreeBrowser.Button";
-    static allowedProps: readonly (keyof {
-        id?: string | number | undefined;
-        name?: string | undefined;
-        descriptor?: string | undefined;
-        type?: string | undefined;
-        size?: "small" | "medium" | "large" | undefined;
-        variant?: "folderTree" | "indent" | undefined;
-        collectionIcon?: import("react").ReactNode | ((...args: any[]) => any);
-        collectionIconExpanded?: import("react").ReactNode | ((...args: any[]) => any);
-        itemIcon?: import("react").ReactNode | ((...args: any[]) => any);
-        thumbnail?: string | undefined;
-        onClick?: ((...args: any[]) => any) | undefined;
-        expanded?: boolean | undefined;
-        selected?: boolean | undefined;
-        focused?: boolean | undefined;
-        level?: number | undefined;
-        containerRef?: ((...args: any[]) => any) | undefined;
-        renderContent?: ((...args: any[]) => any) | undefined;
-    })[];
-    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
-        id?: string | number | undefined;
-        name?: string | undefined;
-        descriptor?: string | undefined;
-        type?: string | undefined;
-        size?: "small" | "medium" | "large" | undefined;
-        variant?: "folderTree" | "indent" | undefined;
-        collectionIcon?: import("react").ReactNode | ((...args: any[]) => any);
-        collectionIconExpanded?: import("react").ReactNode | ((...args: any[]) => any);
-        itemIcon?: import("react").ReactNode | ((...args: any[]) => any);
-        thumbnail?: string | undefined;
-        onClick?: ((...args: any[]) => any) | undefined;
-        expanded?: boolean | undefined;
-        selected?: boolean | undefined;
-        focused?: boolean | undefined;
-        level?: number | undefined;
-        containerRef?: ((...args: any[]) => any) | undefined;
-        renderContent?: ((...args: any[]) => any) | undefined;
-    }>;
+    static allowedProps: readonly ("thumbnail" | "expanded" | keyof import("../props").TreeBrowserCommonProps | "id" | "name" | "descriptor" | "type" | "onClick" | "selected" | "focused" | "level" | "containerRef")[];
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<"thumbnail" | "expanded" | keyof import("../props").TreeBrowserCommonProps | "id" | "name" | "descriptor" | "type" | "onClick" | "selected" | "focused" | "level" | "containerRef">;
     static defaultProps: {
         type: string;
         size: string;
         variant: string;
         selected: boolean;
         focused: boolean;
-        onClick: () => void;
-        id: undefined;
-        name: undefined;
-        collectionIcon: undefined;
-        collectionIconExpanded: undefined;
-        itemIcon: undefined;
-        thumbnail: undefined;
         expanded: boolean;
-        descriptor: undefined;
-        level: undefined;
-        containerRef: () => void;
-        renderContent: undefined;
     };
     ref: Element | null;
     componentDidMount(): void;
     componentDidUpdate(): void;
-    defaultContentRenderer(props: any): jsx.JSX.Element;
+    defaultContentRenderer(props: TreeBrowserButtonProps): jsx.JSX.Element;
     renderImage(): jsx.JSX.Element | undefined;
     renderCollectionIcon(): jsx.JSX.Element | undefined;
     renderItemImage(): jsx.JSX.Element | undefined;
-    handleRef: (el: any) => void;
+    handleRef: (el: HTMLButtonElement) => void;
     render(): jsx.JSX.Element;
 }
 export default TreeButton;

package/types/TreeBrowser/TreeButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TreeBrowser/TreeButton/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAGrD;;;;;GAKG;AAIH,cAEM,UAAW,SAAQ,SAAS,CAAC,sBAAsB,CAAC;IACxD,MAAM,CAAC,QAAQ,CAAC,WAAW,wBAAuB;IAElD,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;MAkBlB;IACD,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,iBAAiB;IAGjB,kBAAkB;IAKlB,sBAAsB,CAAC,KAAK,KAAA;IAkB5B,WAAW;IAaX,oBAAoB;IAkBpB,eAAe;IAiBf,SAAS,oBAIR;IAED,MAAM;CAiBP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TreeBrowser/TreeButton/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAKrD;;;;;;GAMG;AACH,cAEM,UAAW,SAAQ,SAAS,CAAC,sBAAsB,CAAC;IACxD,MAAM,CAAC,QAAQ,CAAC,WAAW,wBAAuB;IAElD,MAAM,CAAC,YAAY,kMAAe;IAClC,MAAM,CAAC,SAAS,4PAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;MAOlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,iBAAiB;IAIjB,kBAAkB;IAIlB,sBAAsB,CAAC,KAAK,EAAE,sBAAsB;IAiBpD,WAAW;IAaX,oBAAoB;IAcpB,eAAe;IAef,SAAS,OAAQ,iBAAiB,UAKjC;IAED,MAAM;CAiBP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/types/TreeBrowser/TreeButton/props.d.ts

@@ -1,25 +1,26 @@
 import React from 'react';
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
 import type { PropValidators, TreeBrowserButtonTheme } from '@instructure/shared-types';
+import type { TreeBrowserCommonProps } from '../props';
 declare type TreeBrowserButtonOwnProps = {
     id?: string | number;
     name?: string;
     descriptor?: string;
-    type?: string;
-    size?: 'small' | 'medium' | 'large';
-    variant?: 'folderTree' | 'indent';
-    collectionIcon?: React.ReactNode | ((...args: any[]) => any);
-    collectionIconExpanded?: React.ReactNode | ((...args: any[]) => any);
-    itemIcon?: React.ReactNode | ((...args: any[]) => any);
+    type?: 'collection' | 'item' | string;
     thumbnail?: string;
-    onClick?: (...args: any[]) => any;
+    /**
+     * Called when this button is clicked
+     */
+    onClick?: (e: React.MouseEvent) => void;
     expanded?: boolean;
     selected?: boolean;
     focused?: boolean;
     level?: number;
-    containerRef?: (...args: any[]) => any;
-    renderContent?: (...args: any[]) => any;
-};
+    /**
+     * A function that returns a reference to the parent li element
+     */
+    containerRef?: (el: HTMLElement | null) => void;
+} & TreeBrowserCommonProps;
 declare type PropKeys = keyof TreeBrowserButtonOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
 declare type TreeBrowserButtonProps = TreeBrowserButtonOwnProps & WithStyleProps<TreeBrowserButtonTheme, TreeBrowserButtonStyle>;

package/types/TreeBrowser/TreeButton/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/TreeBrowser/TreeButton/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EACV,cAAc,EACd,sBAAsB,EACvB,MAAM,2BAA2B,CAAA;AAElC,aAAK,yBAAyB,GAAG;IAC/B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,OAAO,CAAC,EAAE,YAAY,GAAG,QAAQ,CAAA;IACjC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IAC5D,sBAAsB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACpE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACtD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACtC,aAAa,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;CACxC,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,yBAAyB,CAAA;AAE/C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,sBAAsB,GAAG,yBAAyB,GACrD,cAAc,CAAC,sBAAsB,EAAE,sBAAsB,CAAC,CAAA;AAEhE,aAAK,sBAAsB,GAAG,cAAc,CACxC,YAAY,GACZ,QAAQ,GACR,MAAM,GACN,UAAU,GACV,gBAAgB,GAChB,MAAM,GACN,WAAW,GACX,MAAM,CACT,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAkBvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAkBnB,CAAA;AAED,YAAY,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,CAAA;AAC9D,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/TreeBrowser/TreeButton/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EACV,cAAc,EACd,sBAAsB,EACvB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAA;AAEtD,aAAK,yBAAyB,GAAG;IAC/B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,YAAY,GAAG,MAAM,GAAG,MAAM,CAAA;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;CAChD,GAAG,sBAAsB,CAAA;AAE1B,aAAK,QAAQ,GAAG,MAAM,yBAAyB,CAAA;AAE/C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,sBAAsB,GAAG,yBAAyB,GACrD,cAAc,CAAC,sBAAsB,EAAE,sBAAsB,CAAC,CAAA;AAEhE,aAAK,sBAAsB,GAAG,cAAc,CACxC,YAAY,GACZ,QAAQ,GACR,MAAM,GACN,UAAU,GACV,gBAAgB,GAChB,MAAM,GACN,WAAW,GACX,MAAM,CACT,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAkBvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAkBnB,CAAA;AAED,YAAY,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,CAAA;AAC9D,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/TreeBrowser/TreeCollection/index.d.ts

@@ -1,69 +1,33 @@
 /** @jsx jsx */
 /** @jsxFrag React.Fragment */
-import React, { Component } from 'react';
+import React, { Component, ReactElement, SyntheticEvent } from 'react';
 import { jsx } from '@instructure/emotion';
-import type { TreeBrowserCollectionProps } from './props';
+import type { TreeBrowserCollectionProps, TreeCollectionState } from './props';
+import { CollectionItem, CollectionProps, CollectionData } from '../props';
 /**
 ---
 parent: TreeBrowser
 id: TreeBrowser.Collection
 ---
+@tsProps
 **/
-declare class TreeCollection extends Component<TreeBrowserCollectionProps> {
+declare class TreeCollection extends Component<TreeBrowserCollectionProps, TreeCollectionState> {
     static readonly componentId = "TreeBrowser.Collection";
-    static allowedProps: readonly (keyof {
-        id?: string | number | undefined;
-        name?: string | undefined;
+    static allowedProps: readonly ("collections" | "items" | "expanded" | "onItemClick" | "getItemProps" | "getCollectionProps" | "onCollectionClick" | keyof import("../props").TreeBrowserCommonProps | "level" | "position" | "onKeyDown" | "numChildren" | "selection" | "isCollectionFlattened" | keyof {
+        id: string | number;
+        name: string;
         descriptor?: string | undefined;
-        items?: any[] | undefined;
-        collections?: any[] | undefined;
-        expanded?: boolean | undefined;
-        selection?: string | undefined;
-        size?: "small" | "medium" | "large" | undefined;
-        variant?: "folderTree" | "indent" | undefined;
-        collectionIcon?: React.ReactNode | ((...args: any[]) => any);
-        collectionIconExpanded?: React.ReactNode | ((...args: any[]) => any);
-        itemIcon?: React.ReactNode | ((...args: any[]) => any);
-        getItemProps?: ((...args: any[]) => any) | undefined;
-        getCollectionProps?: ((...args: any[]) => any) | undefined;
-        onItemClick?: ((...args: any[]) => any) | undefined;
-        onCollectionClick?: ((...args: any[]) => any) | undefined;
-        onKeyDown?: ((...args: any[]) => any) | undefined;
-        numChildren?: number | undefined;
-        level?: number | undefined;
-        position?: number | undefined;
-        renderBeforeItems?: any;
-        renderAfterItems?: any;
-        containerRef?: ((...args: any[]) => any) | undefined;
-        isCollectionFlattened?: boolean | undefined;
-        renderContent?: ((...args: any[]) => any) | undefined;
+        containerRef?: ((el: HTMLElement | null) => void) | undefined;
+        renderBeforeItems?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+        renderAfterItems?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
     })[];
-    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
-        id?: string | number | undefined;
-        name?: string | undefined;
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<"collections" | "items" | "expanded" | "onItemClick" | "getItemProps" | "getCollectionProps" | "onCollectionClick" | keyof import("../props").TreeBrowserCommonProps | "level" | "position" | "onKeyDown" | "numChildren" | "selection" | "isCollectionFlattened" | keyof {
+        id: string | number;
+        name: string;
         descriptor?: string | undefined;
-        items?: any[] | undefined;
-        collections?: any[] | undefined;
-        expanded?: boolean | undefined;
-        selection?: string | undefined;
-        size?: "small" | "medium" | "large" | undefined;
-        variant?: "folderTree" | "indent" | undefined;
-        collectionIcon?: React.ReactNode | ((...args: any[]) => any);
-        collectionIconExpanded?: React.ReactNode | ((...args: any[]) => any);
-        itemIcon?: React.ReactNode | ((...args: any[]) => any);
-        getItemProps?: ((...args: any[]) => any) | undefined;
-        getCollectionProps?: ((...args: any[]) => any) | undefined;
-        onItemClick?: ((...args: any[]) => any) | undefined;
-        onCollectionClick?: ((...args: any[]) => any) | undefined;
-        onKeyDown?: ((...args: any[]) => any) | undefined;
-        numChildren?: number | undefined;
-        level?: number | undefined;
-        position?: number | undefined;
-        renderBeforeItems?: any;
-        renderAfterItems?: any;
-        containerRef?: ((...args: any[]) => any) | undefined;
-        isCollectionFlattened?: boolean | undefined;
-        renderContent?: ((...args: any[]) => any) | undefined;
+        containerRef?: ((el: HTMLElement | null) => void) | undefined;
+        renderBeforeItems?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+        renderAfterItems?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
     }>;
     static defaultProps: {
         collections: never[];
@@ -72,51 +36,35 @@ declare class TreeCollection extends Component<TreeBrowserCollectionProps> {
         selection: string;
         size: string;
         variant: string;
-        onItemClick: () => void;
-        onCollectionClick: () => void;
-        onKeyDown: () => void;
-        id: undefined;
-        name: undefined;
-        descriptor: undefined;
-        collectionIconExpanded: undefined;
-        collectionIcon: undefined;
-        itemIcon: undefined;
-        getItemProps: (props: any) => any;
-        getCollectionProps: (props: any) => any;
-        numChildren: undefined;
-        level: undefined;
-        position: undefined;
-        renderBeforeItems: null;
-        renderAfterItems: null;
-        containerRef: () => void;
+        getItemProps: (props: unknown) => unknown;
+        getCollectionProps: (props: unknown) => unknown;
         isCollectionFlattened: boolean;
-        renderContent: undefined;
     };
     ref: Element | null;
-    constructor(props: any);
+    constructor(props: TreeBrowserCollectionProps);
     componentDidMount(): void;
     componentDidUpdate(): void;
-    get itemsLevel(): number | undefined;
-    handleFocus: (e: any, item: any) => void;
-    handleBlur: (e: any, item: any) => void;
-    handleCollectionClick: (e: any) => void;
-    handleCollectionKeyDown: (e: any) => void;
+    get itemsLevel(): number;
+    handleFocus: (e: SyntheticEvent, item: CollectionData) => void;
+    handleBlur: (e: SyntheticEvent, _item: CollectionData) => void;
+    handleCollectionClick: (e: React.MouseEvent) => void;
+    handleCollectionKeyDown: (e: React.KeyboardEvent) => void;
     get collectionsCount(): number;
     get itemsCount(): number;
     get childCount(): number;
     renderChildren(): jsx.JSX.Element;
-    renderCollectionChildren(collectionId: any, child: any, position: any, keyword: any): jsx.JSX.Element;
-    renderCollectionNode(collection: any, position: any): jsx.JSX.Element;
-    renderItemNode(item: any, position: any): jsx.JSX.Element;
+    renderCollectionChildren(collectionId: string | number | undefined, child: ReactElement, position: number, keyword: 'before' | 'after'): jsx.JSX.Element;
+    renderCollectionNode(collection: CollectionProps, position: number): jsx.JSX.Element;
+    renderItemNode(item: CollectionItem, position: number): jsx.JSX.Element;
     getCommonButtonProps(): {
-        id: string | number | undefined;
-        name: string | undefined;
+        id: string | number;
+        name: string;
         descriptor: string | undefined;
         size: "small" | "medium" | "large" | undefined;
         variant: "folderTree" | "indent" | undefined;
-        itemIcon: React.ReactNode | ((...args: any[]) => any);
-        level: number | undefined;
-        renderContent: ((...args: any[]) => any) | undefined;
+        itemIcon: React.ReactNode | ((props: unknown) => React.ReactNode);
+        level: number;
+        renderContent: ((props: import("../TreeButton/props").TreeBrowserButtonProps) => JSX.Element) | undefined;
     };
     render(): jsx.JSX.Element;
 }

package/types/TreeBrowser/TreeCollection/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TreeBrowser/TreeCollection/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,8BAA8B;AAE9B,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGxC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAOrD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAGzD;;;;;GAKG;AAEH,cAEM,cAAe,SAAQ,SAAS,CAAC,0BAA0B,CAAC;IAChE,MAAM,CAAC,QAAQ,CAAC,WAAW,4BAA2B;IAEtD,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;MA4BlB;IACD,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;gBAGd,KAAK,KAAA;IAMjB,iBAAiB;IAGjB,kBAAkB;IAIlB,IAAI,UAAU,uBAIb;IAGD,WAAW,8BAGV;IAGD,UAAU,8BAGT;IAGD,qBAAqB,mBAWpB;IAGD,uBAAuB,mBAWtB;IAED,IAAI,gBAAgB,WAGnB;IAED,IAAI,UAAU,WAGb;IAED,IAAI,UAAU,WAOb;IAED,cAAc;IAuCd,wBAAwB,CAAC,YAAY,KAAA,EAAE,KAAK,KAAA,EAAE,QAAQ,KAAA,EAAE,OAAO,KAAA;IA4D/D,oBAAoB,CAAC,UAAU,KAAA,EAAE,QAAQ,KAAA;IAuBzC,cAAc,CAAC,IAAI,KAAA,EAAE,QAAQ,KAAA;IAyD7B,oBAAoB;;;;;;;;;;IAapB,MAAM;CAmEP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TreeBrowser/TreeCollection/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,8BAA8B;AAE9B,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAGtE,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAOrD,OAAO,KAAK,EAAE,0BAA0B,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAE9E,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAI1E;;;;;;GAMG;AACH,cAEM,cAAe,SAAQ,SAAS,CACpC,0BAA0B,EAC1B,mBAAmB,CACpB;IACC,MAAM,CAAC,QAAQ,CAAC,WAAW,4BAA2B;IAEtD,MAAM,CAAC,YAAY;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;8BAOK,OAAO;oCACD,OAAO;;MAEpC;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;gBAEd,KAAK,EAAE,0BAA0B;IAK7C,iBAAiB;IAGjB,kBAAkB;IAIlB,IAAI,UAAU,WAGb;IAED,WAAW,MAAO,cAAc,QAAQ,cAAc,UAGrD;IAED,UAAU,MAAO,cAAc,SAAS,cAAc,UAGrD;IAED,qBAAqB,MAAO,gBAAgB,UAU3C;IAED,uBAAuB,MAAO,mBAAmB,UAUhD;IAED,IAAI,gBAAgB,WAGnB;IAED,IAAI,UAAU,WAGb;IAED,IAAI,UAAU,WAOb;IAED,cAAc;IA+Bd,wBAAwB,CACtB,YAAY,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EACzC,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,QAAQ,GAAG,OAAO;IAqD7B,oBAAoB,CAAC,UAAU,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM;IAsBlE,cAAc,CAAC,IAAI,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM;IA4CrD,oBAAoB;;;;;;;;;;IAapB,MAAM;CA6DP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/types/TreeBrowser/TreeCollection/props.d.ts

@@ -1,39 +1,25 @@
 import React from 'react';
+import type { CollectionData } from '../props';
 import type { PropValidators, TreeBrowserCollectionTheme } from '@instructure/shared-types';
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
+import { CollectionProps, TreeBrowserBaseProps } from '../props';
 declare type TreeBrowserCollectionOwnProps = {
-    id?: string | number;
-    name?: string;
-    descriptor?: string;
-    items?: any[];
-    collections?: any[];
-    expanded?: boolean;
-    selection?: string;
-    size?: 'small' | 'medium' | 'large';
-    variant?: 'folderTree' | 'indent';
-    collectionIcon?: React.ReactNode | ((...args: any[]) => any);
-    collectionIconExpanded?: React.ReactNode | ((...args: any[]) => any);
-    itemIcon?: React.ReactNode | ((...args: any[]) => any);
-    getItemProps?: (...args: any[]) => any;
-    getCollectionProps?: (...args: any[]) => any;
-    onItemClick?: (...args: any[]) => any;
-    onCollectionClick?: (...args: any[]) => any;
-    onKeyDown?: (...args: any[]) => any;
+    level: number;
+    onKeyDown?: (e: React.KeyboardEvent, data: CollectionData) => void;
+    onItemClick?: (e: React.MouseEvent, data: CollectionData) => void;
     numChildren?: number;
-    level?: number;
     position?: number;
-    renderBeforeItems?: any;
-    renderAfterItems?: any;
-    containerRef?: (...args: any[]) => any;
-    isCollectionFlattened?: boolean;
-    renderContent?: (...args: any[]) => any;
-};
+    selection?: string;
+} & CollectionProps & TreeBrowserBaseProps;
 declare type PropKeys = keyof TreeBrowserCollectionOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
 declare type TreeBrowserCollectionProps = TreeBrowserCollectionOwnProps & WithStyleProps<TreeBrowserCollectionTheme, TreeBrowserCollectionStyle>;
 declare type TreeBrowserCollectionStyle = ComponentStyle<'treeCollection' | 'list' | 'item'>;
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;
-export type { TreeBrowserCollectionProps, TreeBrowserCollectionStyle };
+declare type TreeCollectionState = {
+    focused: string;
+};
+export type { TreeBrowserCollectionProps, TreeBrowserCollectionStyle, TreeCollectionState };
 export { propTypes, allowedProps };
 //# sourceMappingURL=props.d.ts.map

package/types/TreeBrowser/TreeCollection/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/TreeBrowser/TreeCollection/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,KAAK,EACV,cAAc,EACd,0BAA0B,EAC3B,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,6BAA6B,GAAG;IACnC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,GAAG,EAAE,CAAA;IACb,WAAW,CAAC,EAAE,GAAG,EAAE,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,OAAO,CAAC,EAAE,YAAY,GAAG,QAAQ,CAAA;IACjC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IAC5D,sBAAsB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACpE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACtD,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACtC,kBAAkB,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAC5C,WAAW,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACrC,iBAAiB,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAC3C,SAAS,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACnC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iBAAiB,CAAC,EAAE,GAAG,CAAA;IACvB,gBAAgB,CAAC,EAAE,GAAG,CAAA;IACtB,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACtC,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,aAAa,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;CACxC,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,6BAA6B,CAAA;AAEnD,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,0BAA0B,GAAG,6BAA6B,GAC7D,cAAc,CAAC,0BAA0B,EAAE,0BAA0B,CAAC,CAAA;AAExE,aAAK,0BAA0B,GAAG,cAAc,CAC9C,gBAAgB,GAAG,MAAM,GAAG,MAAM,CACnC,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAgCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eA0BnB,CAAA;AAED,YAAY,EAAE,0BAA0B,EAAE,0BAA0B,EAAE,CAAA;AACtE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/TreeBrowser/TreeCollection/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAE9C,OAAO,KAAK,EACV,cAAc,EACd,0BAA0B,EAC3B,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAEhE,aAAK,6BAA6B,GAAG;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,CAAA;IAElE,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,CAAA;IACjE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,eAAe,GACjB,oBAAoB,CAAA;AAEtB,aAAK,QAAQ,GAAG,MAAM,6BAA6B,CAAA;AAEnD,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,0BAA0B,GAAG,6BAA6B,GAC7D,cAAc,CAAC,0BAA0B,EAAE,0BAA0B,CAAC,CAAA;AAExE,aAAK,0BAA0B,GAAG,cAAc,CAC9C,gBAAgB,GAAG,MAAM,GAAG,MAAM,CACnC,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA0BvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eA0BnB,CAAA;AAED,aAAK,mBAAmB,GAAG;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,CAAA;AAE9C,YAAY,EACV,0BAA0B,EAC1B,0BAA0B,EAC1B,mBAAmB,EACpB,CAAA;AACD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/TreeBrowser/TreeNode/index.d.ts

@@ -7,32 +7,24 @@ import type { TreeBrowserNodeProps } from './props';
 parent: TreeBrowser
 id: TreeBrowser.Node
 ---
+@tsProps
 A helper class used to render the :renderBeforeItems and :renderAfterItems
 in the TreeBrowser.
 **/
 declare class TreeNode extends Component<TreeBrowserNodeProps> {
     static readonly componentId = "TreeBrowser.Node";
-    static allowedProps: readonly ("id" | "size" | "variant" | "itemIcon" | "thumbnail" | "onClick" | "selected" | "focused" | "level" | "containerRef" | "children" | "onKeyDown")[];
-    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<"id" | "size" | "variant" | "itemIcon" | "thumbnail" | "onClick" | "selected" | "focused" | "level" | "containerRef" | "children" | "onKeyDown">;
+    static allowedProps: readonly ("thumbnail" | "size" | "variant" | "itemIcon" | "id" | "onClick" | "selected" | "focused" | "level" | "containerRef" | "children" | "onKeyDown")[];
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<"thumbnail" | "size" | "variant" | "itemIcon" | "id" | "onClick" | "selected" | "focused" | "level" | "containerRef" | "children" | "onKeyDown">;
     static defaultProps: {
-        id: undefined;
         size: string;
         variant: string;
         selected: boolean;
         focused: boolean;
-        children: undefined;
-        itemIcon: undefined;
-        thumbnail: undefined;
-        level: undefined;
-        containerRef: () => void;
-        parentRef: undefined;
-        onKeyDown: undefined;
-        onClick: undefined;
     };
     ref: Element | null;
     componentDidMount(): void;
     componentDidUpdate(): void;
-    handleRef: (el: any) => void;
+    handleRef: (el: HTMLDivElement) => void;
     renderItemImage(): jsx.JSX.Element | undefined;
     render(): jsx.JSX.Element;
 }

package/types/TreeBrowser/TreeNode/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TreeBrowser/TreeNode/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AAEf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAGnD;;;;;;;GAOG;AAIH,cAEM,QAAS,SAAQ,SAAS,CAAC,oBAAoB,CAAC;IACpD,MAAM,CAAC,QAAQ,CAAC,WAAW,sBAAqB;IAEhD,MAAM,CAAC,YAAY,+JAAe;IAClC,MAAM,CAAC,SAAS,yNAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;MAclB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,iBAAiB;IAGjB,kBAAkB;IAKlB,SAAS,oBAIR;IAGD,eAAe;IAgBf,MAAM;CAYP;AAED,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TreeBrowser/TreeNode/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AAEf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAKnD;;;;;;;;GAQG;AACH,cAEM,QAAS,SAAQ,SAAS,CAAC,oBAAoB,CAAC;IACpD,MAAM,CAAC,QAAQ,CAAC,WAAW,sBAAqB;IAEhD,MAAM,CAAC,YAAY,+JAAe;IAClC,MAAM,CAAC,SAAS,yNAAY;IAE5B,MAAM,CAAC,YAAY;;;;;MAKlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,iBAAiB;IAIjB,kBAAkB;IAIlB,SAAS,OAAQ,cAAc,UAK9B;IAED,eAAe;IAef,MAAM;CAWP;AAED,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/types/TreeBrowser/TreeNode/props.d.ts

@@ -2,8 +2,12 @@ import React from 'react';
 import type { PropValidators, TreeBrowserButtonTheme } from '@instructure/shared-types';
 import type { WithStyleProps } from '@instructure/emotion';
 import type { TreeBrowserButtonProps, TreeBrowserButtonStyle } from '../TreeButton/props';
+import { CollectionData } from '../props';
 declare type TreeBrowserNodeOwnProps = Pick<TreeBrowserButtonProps, 'id' | 'size' | 'variant' | 'selected' | 'focused' | 'itemIcon' | 'thumbnail' | 'level' | 'containerRef' | 'onClick'> & {
-    onKeyDown?: (...args: any[]) => any;
+    onKeyDown?: (e: React.KeyboardEvent, data: CollectionData) => void;
+    /**
+     * The children to be rendered within the `<TreeNode />`
+     */
     children?: React.ReactNode;
 };
 declare type PropKeys = keyof TreeBrowserNodeOwnProps;

package/types/TreeBrowser/TreeNode/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/TreeBrowser/TreeNode/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EACV,cAAc,EACd,sBAAsB,EACvB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1D,OAAO,KAAK,EACV,sBAAsB,EACtB,sBAAsB,EACvB,MAAM,qBAAqB,CAAA;AAE5B,aAAK,uBAAuB,GAAG,IAAI,CACjC,sBAAsB,EACpB,IAAI,GACJ,MAAM,GACN,SAAS,GACT,UAAU,GACV,SAAS,GACT,UAAU,GACV,WAAW,GACX,OAAO,GACP,cAAc,GACd,SAAS,CACZ,GAAG;IACF,SAAS,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,uBAAuB,CAAA;AAE7C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,oBAAoB,GAAG,uBAAuB,GACjD,cAAc,CAAC,sBAAsB,EAAE,sBAAsB,CAAC,CAAA;AAEhE,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAmBvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAanB,CAAA;AAED,YAAY,EAAE,oBAAoB,EAAE,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/TreeBrowser/TreeNode/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EACV,cAAc,EACd,sBAAsB,EACvB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1D,OAAO,KAAK,EACV,sBAAsB,EACtB,sBAAsB,EACvB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAEzC,aAAK,uBAAuB,GAAG,IAAI,CACjC,sBAAsB,EACpB,IAAI,GACJ,MAAM,GACN,SAAS,GACT,UAAU,GACV,SAAS,GACT,UAAU,GACV,WAAW,GACX,OAAO,GACP,cAAc,GACd,SAAS,CACZ,GAAG;IACF,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,CAAA;IAClE;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,uBAAuB,CAAA;AAE7C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,oBAAoB,GAAG,uBAAuB,GACjD,cAAc,CAAC,sBAAsB,EAAE,sBAAsB,CAAC,CAAA;AAEhE,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAavC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAanB,CAAA;AAED,YAAY,EAAE,oBAAoB,EAAE,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/TreeBrowser/index.d.ts

@@ -1,62 +1,21 @@
 /** @jsx jsx */
-import { Component } from 'react';
+import { Component, SyntheticEvent } from 'react';
 import { IconFolderLine, IconDocumentLine } from '@instructure/ui-icons';
 import { jsx } from '@instructure/emotion';
 import { TreeCollection } from './TreeCollection';
 import { TreeButton } from './TreeButton';
 import { TreeNode } from './TreeNode';
-import type { TreeBrowserProps } from './props';
+import type { Collection, CollectionData, CollectionProps, TreeBrowserProps, TreeBrowserState } from './props';
 /**
 ---
 category: components
 ---
+@tsProps
 **/
-declare class TreeBrowser extends Component<TreeBrowserProps> {
+declare class TreeBrowser extends Component<TreeBrowserProps, TreeBrowserState> {
     static readonly componentId = "TreeBrowser";
-    static allowedProps: readonly (keyof {
-        collections: any;
-        items: any;
-        rootId?: string | number | undefined;
-        expanded?: any;
-        defaultExpanded?: (string | number)[] | undefined;
-        selectionType?: "none" | "single" | undefined;
-        size?: "small" | "medium" | "large" | undefined;
-        variant?: "folderTree" | "indent" | undefined;
-        collectionIcon?: import("react").ReactNode | ((...args: any[]) => any);
-        collectionIconExpanded?: import("react").ReactNode | ((...args: any[]) => any);
-        itemIcon?: import("react").ReactNode | ((...args: any[]) => any);
-        getItemProps?: ((...args: any[]) => any) | undefined;
-        getCollectionProps?: ((...args: any[]) => any) | undefined;
-        showRootCollection?: boolean | undefined;
-        onCollectionClick?: ((...args: any[]) => any) | undefined;
-        onCollectionToggle?: ((...args: any[]) => any) | undefined;
-        onItemClick?: ((...args: any[]) => any) | undefined;
-        treeLabel?: string | undefined;
-        renderContent?: ((...args: any[]) => any) | undefined;
-        sortOrder?: ((obj1: any, obj2: any) => number) | undefined;
-    })[];
-    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
-        collections: any;
-        items: any;
-        rootId?: string | number | undefined;
-        expanded?: any;
-        defaultExpanded?: (string | number)[] | undefined;
-        selectionType?: "none" | "single" | undefined;
-        size?: "small" | "medium" | "large" | undefined;
-        variant?: "folderTree" | "indent" | undefined;
-        collectionIcon?: import("react").ReactNode | ((...args: any[]) => any);
-        collectionIconExpanded?: import("react").ReactNode | ((...args: any[]) => any);
-        itemIcon?: import("react").ReactNode | ((...args: any[]) => any);
-        getItemProps?: ((...args: any[]) => any) | undefined;
-        getCollectionProps?: ((...args: any[]) => any) | undefined;
-        showRootCollection?: boolean | undefined;
-        onCollectionClick?: ((...args: any[]) => any) | undefined;
-        onCollectionToggle?: ((...args: any[]) => any) | undefined;
-        onItemClick?: ((...args: any[]) => any) | undefined;
-        treeLabel?: string | undefined;
-        renderContent?: ((...args: any[]) => any) | undefined;
-        sortOrder?: ((obj1: any, obj2: any) => number) | undefined;
-    }>;
+    static allowedProps: readonly ("collections" | "items" | "rootId" | "expanded" | "defaultExpanded" | "selectionType" | "onCollectionToggle" | "onItemClick" | "showRootCollection" | "treeLabel" | "sortOrder" | "getItemProps" | "getCollectionProps" | "onCollectionClick" | keyof import("./props").TreeBrowserCommonProps)[];
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<"collections" | "items" | "rootId" | "expanded" | "defaultExpanded" | "selectionType" | "onCollectionToggle" | "onItemClick" | "showRootCollection" | "treeLabel" | "sortOrder" | "getItemProps" | "getCollectionProps" | "onCollectionClick" | keyof import("./props").TreeBrowserCommonProps>;
     static defaultProps: {
         size: string;
         variant: string;
@@ -64,43 +23,46 @@ declare class TreeBrowser extends Component<TreeBrowserProps> {
         collectionIcon: typeof IconFolderLine;
         collectionIconExpanded: typeof IconFolderLine;
         itemIcon: typeof IconDocumentLine;
-        getItemProps: (props: any) => any;
-        getCollectionProps: (props: any) => any;
+        getItemProps: (props: unknown) => unknown;
+        getCollectionProps: (props: unknown) => unknown;
         defaultExpanded: never[];
         selectionType: string;
-        onItemClick: (item: any) => void;
-        onCollectionClick: (id: any, collection: any) => void;
-        onCollectionToggle: (collection: any) => void;
-        sortOrder: (obj1: any, obj2: any) => number;
+        sortOrder: () => number;
     };
     static Node: typeof TreeNode;
     static Collection: typeof TreeCollection;
     static Button: typeof TreeButton;
     ref: Element | null;
-    constructor(props: any);
+    constructor(props: TreeBrowserProps);
     componentDidMount(): void;
     componentDidUpdate(): void;
     get _root(): Element | null;
-    handleCollectionClick: (e: any, collection: any, expand?: boolean) => void;
-    handleItemClick: (e: any, item: any) => void;
-    handleKeyDown: (event: any, node: any) => void;
-    get collections(): any[];
-    get expanded(): any;
-    getExpanded(state: any, props: any): any;
-    expandOrCollapseNode(collection: any): void;
-    handleSelection(id: any, type: any): void;
+    handleCollectionClick: (e: SyntheticEvent, collection: CollectionData, expand?: boolean) => void;
+    handleItemClick: (e: SyntheticEvent, item: CollectionData) => void;
+    handleKeyDown: (event: React.KeyboardEvent, node?: CollectionData | undefined) => void;
+    get collections(): Collection[];
+    get expanded(): (string | number | undefined)[];
+    getExpanded(state: TreeBrowserState, props: TreeBrowserProps): (string | number | undefined)[];
+    expandOrCollapseNode(collection: CollectionData): void;
+    handleSelection(id: string | number | undefined, type: string): void;
     getNavigableNodes(): Element[];
-    moveFocus(delta: any): void;
-    homeOrEnd(keyCode: any): void;
-    handleLeftOrRightArrow(keyCode: any, node: any): void;
-    handleOpenOrNext(node: any): void;
-    handleCloseOrPrevious(node: any): void;
-    handleActivation(event: any, node: any): void;
-    getSubCollections(collection: any): any;
-    getItems(collection: any): any[];
-    getIsFlattened: (collection: any) => boolean;
-    getCollectionProps(collection: any): any;
-    getExpandedIndex(expanded: any, id: any): any;
+    moveFocus(delta: number): void;
+    homeOrEnd(keyCode: number): void;
+    handleLeftOrRightArrow(keyCode: number, node?: CollectionData): void;
+    handleOpenOrNext(node?: CollectionData): void;
+    handleCloseOrPrevious(node?: CollectionData): void;
+    handleActivation(event: React.KeyboardEvent, node?: CollectionData): void;
+    getSubCollections(collection: Collection): CollectionProps[];
+    getItems(collection: Collection): {
+        [x: string]: unknown;
+        id: string | number;
+        name: string;
+        descriptor?: string | undefined;
+        thumbnail?: string | undefined;
+    }[];
+    getIsFlattened: (collection: Collection) => boolean;
+    getCollectionProps(collection: Collection): CollectionProps;
+    getExpandedIndex(expanded: (string | number | undefined)[], id?: string | number): number;
     renderRoot(): jsx.JSX.Element[];
     render(): jsx.JSX.Element;
 }

package/types/TreeBrowser/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TreeBrowser/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AAEf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjC,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAIxE,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAIrC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAG/C;;;;GAIG;AACH,cAEM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAE3C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;MAuBlB;IAED,MAAM,CAAC,IAAI,kBAAW;IACtB,MAAM,CAAC,UAAU,wBAAiB;IAClC,MAAM,CAAC,MAAM,oBAAa;IAC1B,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;gBAGd,KAAK,KAAA;IAUjB,iBAAiB;IAGjB,kBAAkB;IAGlB,IAAI,KAAK,mBAMR;IAGD,qBAAqB,sDAQpB;IAGD,eAAe,8BAMd;IAGD,aAAa,kCA2BZ;IAED,IAAI,WAAW,UAUd;IAED,IAAI,QAAQ,QAEX;IAGD,WAAW,CAAC,KAAK,KAAA,EAAE,KAAK,KAAA;IAOxB,oBAAoB,CAAC,UAAU,KAAA;IAsB/B,eAAe,CAAC,EAAE,KAAA,EAAE,IAAI,KAAA;IAcxB,iBAAiB;IAKjB,SAAS,CAAC,KAAK,KAAA;IAoBf,SAAS,CAAC,OAAO,KAAA;IAUjB,sBAAsB,CAAC,OAAO,KAAA,EAAE,IAAI,KAAA;IAgBpC,gBAAgB,CAAC,IAAI,KAAA;IAarB,qBAAqB,CAAC,IAAI,KAAA;IAS1B,gBAAgB,CAAC,KAAK,KAAA,EAAE,IAAI,KAAA;IAc5B,iBAAiB,CAAC,UAAU,KAAA;IAU5B,QAAQ,CAAC,UAAU,KAAA;IAgBnB,cAAc,+BAOb;IAGD,kBAAkB,CAAC,UAAU,KAAA;IAgB7B,gBAAgB,CAAC,QAAQ,KAAA,EAAE,EAAE,KAAA;IAK7B,UAAU;IAoBV,MAAM;CAmBP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TreeBrowser/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AAEf,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAGjD,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAIxE,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAIrC,OAAO,KAAK,EACV,UAAU,EACV,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,SAAS,CAAA;AAGhB;;;;;GAKG;AACH,cAEM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;IACrE,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAE3C,MAAM,CAAC,YAAY,8SAAe;IAClC,MAAM,CAAC,SAAS,wWAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;8BAOK,OAAO;oCACD,OAAO;;;;MAMpC;IAED,MAAM,CAAC,IAAI,kBAAW;IACtB,MAAM,CAAC,UAAU,wBAAiB;IAClC,MAAM,CAAC,MAAM,oBAAa;IAE1B,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;gBAEd,KAAK,EAAE,gBAAgB;IASnC,iBAAiB;IAIjB,kBAAkB;IAIlB,IAAI,KAAK,mBAKR;IAED,qBAAqB,MAChB,cAAc,cACL,cAAc,4BAS3B;IAED,eAAe,MAAO,cAAc,QAAQ,cAAc,UAIzD;IAED,aAAa,UAAW,mBAAmB,6CA2B1C;IAED,IAAI,WAAW,iBASd;IAED,IAAI,QAAQ,oCAEX;IAED,WAAW,CAAC,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,gBAAgB;IAM5D,oBAAoB,CAAC,UAAU,EAAE,cAAc;IAgB/C,eAAe,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,MAAM;IAa7D,iBAAiB;IAIjB,SAAS,CAAC,KAAK,EAAE,MAAM;IAiBvB,SAAS,CAAC,OAAO,EAAE,MAAM;IASzB,sBAAsB,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,cAAc;IAc7D,gBAAgB,CAAC,IAAI,CAAC,EAAE,cAAc;IAYtC,qBAAqB,CAAC,IAAI,CAAC,EAAE,cAAc;IAQ3C,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,EAAE,IAAI,CAAC,EAAE,cAAc;IAalE,iBAAiB,CAAC,UAAU,EAAE,UAAU;IAUxC,QAAQ,CAAC,UAAU,EAAE,UAAU;;;;;;;IAc/B,cAAc,eAAgB,UAAU,aAOvC;IAED,kBAAkB,CAAC,UAAU,EAAE,UAAU,GAAG,eAAe;IAe3D,gBAAgB,CACd,QAAQ,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,EACzC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM;IAKtB,UAAU;IAoBV,MAAM;CAkBP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}