@sprinklrjs/spaceweb 12.14.4 → 12.33.2

package/baseui/tree-view/stateful-container.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+var React = (0, tslib_1.__importStar)(require("react"));
+var findSiblings = function (node, children) {
+    var e_1, _a;
+    if (children.indexOf(node) !== -1) {
+        return children;
+    }
+    try {
+        for (var children_1 = (0, tslib_1.__values)(children), children_1_1 = children_1.next(); !children_1_1.done; children_1_1 = children_1.next()) {
+            var child = children_1_1.value;
+            if (child.children) {
+                var siblings = findSiblings(node, child.children);
+                if (siblings != null) {
+                    return siblings;
+                }
+            }
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (children_1_1 && !children_1_1.done && (_a = children_1.return)) _a.call(children_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    return null;
+};
+var StatefulContainer = /** @class */ (function (_super) {
+    (0, tslib_1.__extends)(StatefulContainer, _super);
+    function StatefulContainer(props) {
+        var _this = _super.call(this, props) || this;
+        _this.onToggle = function (node) {
+            var _a = _this.props, onToggle = _a.onToggle, singleExpanded = _a.singleExpanded;
+            _this.setState(function (prevState) {
+                var shouldExpand = !node.isExpanded;
+                if (singleExpanded && shouldExpand) {
+                    var siblings = findSiblings(node, prevState.data);
+                    if (siblings != null) {
+                        siblings.forEach(function (sibling) {
+                            if (sibling !== node) {
+                                sibling.isExpanded = false;
+                            }
+                        });
+                    }
+                }
+                node.isExpanded = shouldExpand;
+                return { data: prevState.data };
+            }, function () {
+                onToggle && onToggle(node);
+            });
+        };
+        _this.state = { data: _this.props.data };
+        return _this;
+    }
+    StatefulContainer.prototype.render = function () {
+        var _a = this.props, children = _a.children, restProps = (0, tslib_1.__rest)(_a, ["children"]);
+        var onToggle = this.onToggle;
+        return children(Object.freeze((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, restProps), this.state), { onToggle: onToggle })));
+    };
+    return StatefulContainer;
+}(React.Component));
+exports.default = StatefulContainer;

package/baseui/tree-view/stateful-tree-view.d.ts

@@ -0,0 +1,2 @@
+import type { TreeViewProps } from './types';
+export default function StatefulTreeView(props: TreeViewProps): import("react/jsx-runtime").JSX.Element;

package/baseui/tree-view/stateful-tree-view.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var stateful_container_1 = (0, tslib_1.__importDefault)(require("./stateful-container"));
+var tree_view_1 = (0, tslib_1.__importDefault)(require("./tree-view"));
+function StatefulTreeView(props) {
+    return ((0, jsx_runtime_1.jsx)(stateful_container_1.default, (0, tslib_1.__assign)({}, props, { children: function (treeViewProps) { return (0, jsx_runtime_1.jsx)(tree_view_1.default, (0, tslib_1.__assign)({}, treeViewProps), void 0); } }), void 0));
+}
+exports.default = StatefulTreeView;

package/baseui/tree-view/styled-components.d.ts

@@ -0,0 +1,6 @@
+export declare const StyledTreeItemList: import("../../style/styled").StyledComponent;
+export declare const StyledTreeItem: import("../../style/styled").StyledComponent;
+export declare const StyledItemContent: import("../../style/styled").StyledComponent;
+export declare const StyledIconContainer: import("../../style/styled").StyledComponent;
+export declare const StyledNoIconContainer: import("../../style/styled").StyledComponent;
+export declare const StyledLabelInteractable: import("../../style/styled").StyledComponent;

package/baseui/tree-view/styled-components.js

@@ -0,0 +1,41 @@
+"use strict";
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledLabelInteractable = exports.StyledNoIconContainer = exports.StyledIconContainer = exports.StyledItemContent = exports.StyledTreeItem = exports.StyledTreeItemList = void 0;
+var style_1 = require("../../style");
+exports.StyledTreeItemList = (0, style_1.styled)('ul', 'my-0 overflow-auto py-0 relative outline-none', function (_, _a) {
+    var $indentGuides = _a.$indentGuides, $isChildNode = _a.$isChildNode, _b = _a.$expanded, $expanded = _b === void 0 ? true : _b;
+    return {
+        marginLeft: $isChildNode ? '14px' : 0,
+        paddingLeft: $isChildNode ? '6px' : 0,
+        display: $expanded ? 'block' : 'none',
+        borderLeftWidth: $indentGuides && $isChildNode ? '1px' : 'none',
+        borderLeftStyle: $indentGuides && $isChildNode ? 'solid' : 'none',
+        borderLeftColor: $indentGuides && $isChildNode ? 'transparent' : 'none',
+    };
+});
+exports.StyledTreeItemList.displayName = 'StyledTreeItemList';
+exports.StyledTreeItem = (0, style_1.styled)('li', 'm-0 overflow-auto p-0 relative outline-none', function (_, _a) {
+    var $isLeafNode = _a.$isLeafNode;
+    return ({
+        cursor: $isLeafNode ? 'auto' : 'pointer',
+    });
+});
+exports.StyledTreeItem.displayName = 'StyledTreeItem';
+exports.StyledItemContent = (0, style_1.styled)('div', 'text-14 leading-10 px-1.5 py-1 items-center flex border-box m-0', {
+    outlineOffset: '-3px',
+});
+exports.StyledItemContent.displayName = 'StyledItemContent';
+exports.StyledIconContainer = (0, style_1.styled)('div', 'flex items-center my-0 mr-1.5 h-4 w-4 justify-center');
+exports.StyledIconContainer.displayName = 'StyledIconContainer';
+exports.StyledNoIconContainer = (0, style_1.styled)('div', 'my-0 w-0 mr-1.5 items-center flex justify-center', function () { return ({
+    height: '1em',
+}); });
+exports.StyledNoIconContainer.displayName = 'StyledNoIconContainer';
+exports.StyledLabelInteractable = (0, style_1.styled)('div', 'w-full');
+exports.StyledLabelInteractable.displayName = 'StyledLabelInteractable';

package/baseui/tree-view/tree-label-interactable.d.ts

@@ -0,0 +1,8 @@
+import type { Override } from '../helpers/overrides';
+import type { ComponentType, PropsWithChildren } from 'react';
+declare const TreeLabelInteractable: ComponentType<PropsWithChildren<{
+    overrides?: {
+        LabelInteractable: Override;
+    };
+}>>;
+export default TreeLabelInteractable;

package/baseui/tree-view/tree-label-interactable.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_components_1 = require("./styled-components");
+var overrides_1 = require("../helpers/overrides");
+var TreeLabelInteractable = function (_a) {
+    var _b = _a.overrides, overrides = _b === void 0 ? {} : _b, props = (0, tslib_1.__rest)(_a, ["overrides"]);
+    var LabelInteractable = (0, overrides_1.getOverride)(overrides.LabelInteractable) || styled_components_1.StyledLabelInteractable;
+    return (
+    // $FlowExpectedError[cannot-spread-inexact]
+    (0, jsx_runtime_1.jsx)(LabelInteractable
+    // @ts-ignore
+    , (0, tslib_1.__assign)({ 
+        // @ts-ignore
+        onClick: function (e) { return e.stopPropagation(); }, 
+        // @ts-ignore
+        onKeyDown: function (e) { return e.stopPropagation(); } }, props), void 0));
+};
+exports.default = TreeLabelInteractable;

package/baseui/tree-view/tree-label.d.ts

@@ -0,0 +1,4 @@
+import type { TreeLabelProps } from './types';
+import type { ComponentType } from 'react';
+declare const TreeLabel: ComponentType<TreeLabelProps>;
+export default TreeLabel;

package/baseui/tree-view/tree-label.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_components_1 = require("./styled-components");
+var chevron_right_1 = (0, tslib_1.__importDefault)(require("../../icon/components/chevron-right"));
+var chevron_down_1 = (0, tslib_1.__importDefault)(require("../../icon/components/chevron-down"));
+var overrides_1 = require("../helpers/overrides");
+var box_1 = require("../../box");
+var TreeLabel = function (_a) {
+    var hasChildren = _a.hasChildren, isExpanded = _a.isExpanded, label = _a.label, _b = _a.overrides, overrides = _b === void 0 ? {} : _b, node = _a.node, isSelected = _a.isSelected, isFocusVisible = _a.isFocusVisible, props = (0, tslib_1.__rest)(_a, ["hasChildren", "isExpanded", "label", "overrides", "node", "isSelected", "isFocusVisible"]);
+    var sharedProps = {
+        $isExpanded: !!isExpanded,
+        $isSelected: !!isSelected,
+        $isFocusVisible: !!isFocusVisible,
+        $hasChildren: !!hasChildren,
+    };
+    var IconContainerOverride = overrides.IconContainer, ExpandIconOverride = overrides.ExpandIcon, CollapseIconOverride = overrides.CollapseIcon, LeafIconContainerOverride = overrides.LeafIconContainer, LeafIconOverride = overrides.LeafIcon, TreeItemContentOverride = overrides.TreeItemContent;
+    var IconContainer = (0, overrides_1.getOverride)(IconContainerOverride) || styled_components_1.StyledIconContainer;
+    var _c = (0, tslib_1.__read)((0, overrides_1.getOverrides)(ExpandIconOverride, chevron_right_1.default), 2), Right = _c[0], RightProps = _c[1];
+    var CollapseIcon = (0, overrides_1.getOverride)(CollapseIconOverride) || chevron_down_1.default;
+    var LeafIconContainer = (0, overrides_1.getOverride)(LeafIconContainerOverride) || styled_components_1.StyledIconContainer;
+    var TreeItemContent = (0, overrides_1.getOverride)(TreeItemContentOverride) || styled_components_1.StyledItemContent;
+    return (
+    // $FlowExpectedError[cannot-spread-inexact]
+    (0, jsx_runtime_1.jsxs)(TreeItemContent, (0, tslib_1.__assign)({}, sharedProps, props, { children: [hasChildren && ((0, jsx_runtime_1.jsx)(IconContainer, (0, tslib_1.__assign)({}, sharedProps, (0, overrides_1.getOverrideProps)(IconContainerOverride), { children: !isExpanded ? ((0, jsx_runtime_1.jsx)(Right, (0, tslib_1.__assign)({ size: 8 }, sharedProps, RightProps), void 0)) : ((0, jsx_runtime_1.jsx)(CollapseIcon, (0, tslib_1.__assign)({ size: 8 }, sharedProps, (0, overrides_1.getOverrideProps)(CollapseIconOverride)), void 0)) }), void 0)), !hasChildren && ((0, jsx_runtime_1.jsx)(LeafIconContainer, (0, tslib_1.__assign)({}, sharedProps, (0, overrides_1.getOverrideProps)(LeafIconContainerOverride), { children: (0, jsx_runtime_1.jsx)(box_1.Box, { className: "h-4 w-4 bg-white" }, void 0) }), void 0)), typeof label === 'function' ? label(node) : label] }), void 0));
+};
+exports.default = TreeLabel;

package/baseui/tree-view/tree-node.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import type { TreeNodeProps } from './types';
+import type { SyntheticEvent } from 'react';
+export default class TreeNode extends React.Component<TreeNodeProps> {
+    treeItemRef: React.RefObject<HTMLLIElement>;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    onToggle: () => void;
+    onFocus: (e: SyntheticEvent) => void;
+    render(): import("react/jsx-runtime").JSX.Element;
+}

package/baseui/tree-view/tree-node.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+var React = (0, tslib_1.__importStar)(require("react"));
+var styled_components_1 = require("./styled-components");
+var tree_label_1 = (0, tslib_1.__importDefault)(require("./tree-label"));
+var overrides_1 = require("../helpers/overrides");
+var TreeNode = /** @class */ (function (_super) {
+    (0, tslib_1.__extends)(TreeNode, _super);
+    function TreeNode() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.treeItemRef = React.createRef();
+        _this.onToggle = function () {
+            var _a = _this.props, onToggle = _a.onToggle, node = _a.node;
+            if (onToggle) {
+                onToggle(node);
+            }
+        };
+        _this.onFocus = function (e) {
+            if (e && e.target !== _this.treeItemRef.current)
+                return;
+            var onFocus = _this.props.onFocus;
+            if (onFocus) {
+                onFocus(e);
+            }
+        };
+        return _this;
+    }
+    TreeNode.prototype.componentDidMount = function () {
+        this.props.addRef(this.props.getId(this.props.node), this.treeItemRef);
+    };
+    TreeNode.prototype.componentWillUnmount = function () {
+        this.props.removeRef(this.props.getId(this.props.node));
+    };
+    TreeNode.prototype.render = function () {
+        var _a = this.props, indentGuides = _a.indentGuides, node = _a.node, getId = _a.getId, onToggle = _a.onToggle, _b = _a.overrides, overrides = _b === void 0 ? {} : _b, renderAll = _a.renderAll, selectedNodeId = _a.selectedNodeId, onKeyDown = _a.onKeyDown, onFocus = _a.onFocus, onBlur = _a.onBlur, addRef = _a.addRef, removeRef = _a.removeRef, isFocusVisible = _a.isFocusVisible;
+        var children = node.children, isExpanded = node.isExpanded, label = node.label;
+        var hasChildren = children && children.length !== 0;
+        var TreeItemListOverride = overrides.TreeItemList, TreeItemOverride = overrides.TreeItem, TreeLabelOverride = overrides.TreeLabel;
+        var TreeItemList = (0, overrides_1.getOverride)(TreeItemListOverride) || styled_components_1.StyledTreeItemList;
+        var TreeItem = (0, overrides_1.getOverride)(TreeItemOverride) || styled_components_1.StyledTreeItem;
+        var TreeLabel = (0, overrides_1.getOverride)(TreeLabelOverride) || tree_label_1.default;
+        return ((0, jsx_runtime_1.jsxs)(TreeItem, (0, tslib_1.__assign)({ role: "treeitem", ref: this.treeItemRef, "data-nodeid": getId(node), tabIndex: selectedNodeId === getId(node) ? 0 : -1, onKeyDown: function (e) { return onKeyDown && onKeyDown(e, node); }, onBlur: onBlur, onFocus: this.onFocus, "aria-expanded": isExpanded, "$isLeafNode": !hasChildren }, (0, overrides_1.getOverrideProps)(TreeItemOverride), { children: [(0, jsx_runtime_1.jsx)(TreeLabel, (0, tslib_1.__assign)({ onClick: this.onToggle, node: node, hasChildren: hasChildren, isExpanded: isExpanded, isSelected: selectedNodeId === getId(node), isFocusVisible: isFocusVisible, label: label, overrides: overrides }, (0, overrides_1.getOverrideProps)(TreeLabelOverride)), void 0), children && (isExpanded || renderAll) && ((0, jsx_runtime_1.jsx)(TreeItemList, (0, tslib_1.__assign)({ role: "group", "$indentGuides": !!indentGuides, "$isChildNode": true, "$expanded": !!isExpanded }, (0, overrides_1.getOverrideProps)(TreeItemListOverride), { children: children.map(function (node, index) { return ((0, jsx_runtime_1.jsx)(TreeNode, { indentGuides: !!indentGuides, renderAll: renderAll, node: node, getId: getId, onToggle: onToggle, overrides: overrides, selectedNodeId: selectedNodeId, onKeyDown: onKeyDown, onFocus: onFocus, onBlur: onBlur, addRef: addRef, removeRef: removeRef, isFocusVisible: isFocusVisible }, index)); }) }), void 0))] }), void 0));
+    };
+    return TreeNode;
+}(React.Component));
+exports.default = TreeNode;

package/baseui/tree-view/tree-view.d.ts

@@ -0,0 +1,2 @@
+import type { TreeViewProps } from './types';
+export default function TreeView(props: TreeViewProps): import("react/jsx-runtime").JSX.Element;

package/baseui/tree-view/tree-view.js

@@ -0,0 +1,129 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+var React = (0, tslib_1.__importStar)(require("react"));
+var tree_node_1 = (0, tslib_1.__importDefault)(require("./tree-node"));
+var styled_components_1 = require("./styled-components");
+var utils_1 = require("./utils");
+var focusVisible_1 = require("../utils/focusVisible");
+var overrides_1 = require("../helpers/overrides");
+function TreeView(props) {
+    var data = props.data, _a = props.indentGuides, indentGuides = _a === void 0 ? false : _a, onToggle = props.onToggle, _b = props.overrides, overrides = _b === void 0 ? {} : _b, renderAll = props.renderAll, _c = props.getId, getId = _c === void 0 ? utils_1.defaultGetId : _c;
+    var RootOverride = overrides.Root;
+    var Root = (0, overrides_1.getOverride)(RootOverride) || styled_components_1.StyledTreeItemList;
+    var firstId = data.length > 0 ? getId(data[0]) : 0;
+    var _d = (0, tslib_1.__read)(React.useState(firstId), 2), selectedNodeId = _d[0], setSelectedNodeId = _d[1];
+    var _e = (0, tslib_1.__read)(React.useState(false), 2), focusVisible = _e[0], setFocusVisible = _e[1];
+    var _f = (0, tslib_1.__read)(React.useState(''), 2), typeAheadChars = _f[0], setTypeAheadChars = _f[1];
+    var timeOutRef = React.useRef(null);
+    var treeItemRefs = {};
+    var focusTreeItem = function (id) {
+        if (!id)
+            return;
+        setSelectedNodeId(id);
+        var refs = treeItemRefs[id];
+        // @ts-expect-error
+        var node = refs && refs.current;
+        if (node)
+            node.focus();
+    };
+    var onKeyDown = function (e, node) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        var elementId = e.target.getAttribute('data-nodeid');
+        // this check prevents bubbling
+        // @ts-ignore
+        if (elementId !== getId(node) && parseInt(elementId) !== getId(node)) {
+            return;
+        }
+        switch (e.key) {
+            case 'ArrowRight':
+                e.preventDefault();
+                if (typeof node.isExpanded === 'boolean' && !node.isExpanded) {
+                    onToggle && onToggle(node);
+                }
+                else {
+                    focusTreeItem((0, utils_1.getFirstChildId)(data, selectedNodeId, getId));
+                }
+                break;
+            case 'ArrowLeft':
+                e.preventDefault();
+                if (typeof node.isExpanded === 'boolean' && node.isExpanded) {
+                    onToggle && onToggle(node);
+                }
+                else {
+                    focusTreeItem((0, utils_1.getParentId)(data, selectedNodeId, null, getId));
+                }
+                break;
+            case 'ArrowUp':
+                e.preventDefault();
+                focusTreeItem((0, utils_1.getPrevId)(data, selectedNodeId, null, getId));
+                break;
+            case 'ArrowDown':
+                e.preventDefault();
+                focusTreeItem((0, utils_1.getNextId)(data, selectedNodeId, null, getId));
+                break;
+            case ' ':
+            case 'Enter':
+                e.preventDefault();
+                onToggle && onToggle(node);
+                break;
+            case 'Home':
+                e.preventDefault();
+                if (data.length) {
+                    focusTreeItem(getId(data[0]));
+                }
+                break;
+            case 'End':
+                e.preventDefault();
+                focusTreeItem((0, utils_1.getEndId)(data, getId));
+                break;
+            case '*':
+                e.preventDefault();
+                (0, utils_1.getExpandableSiblings)(data, selectedNodeId, getId).forEach(
+                // @ts-ignore
+                function (node) { return onToggle && onToggle(node); });
+                break;
+            default:
+                if (timeOutRef.current !== null) {
+                    clearTimeout(timeOutRef.current);
+                }
+                setTypeAheadChars(typeAheadChars + e.key);
+                // @ts-ignore
+                timeOutRef.current = setTimeout(function () {
+                    setTypeAheadChars('');
+                }, 500);
+                focusTreeItem((0, utils_1.getCharMatchId)(data, selectedNodeId, typeAheadChars + e.key, null, getId));
+                break;
+        }
+    };
+    var onFocus = function (event) {
+        if ((0, focusVisible_1.isFocusVisible)(event)) {
+            setFocusVisible(true);
+        }
+        if (selectedNodeId === null && data.length) {
+            setSelectedNodeId(getId(data[0]));
+        }
+    };
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    var onBlur = function (event) {
+        if (focusVisible) {
+            setFocusVisible(false);
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(Root, (0, tslib_1.__assign)({ role: "tree" }, (0, overrides_1.getOverrideProps)(RootOverride), { children: data.map(function (node) { return ((0, jsx_runtime_1.jsx)(tree_node_1.default, { indentGuides: indentGuides, node: node, getId: getId, onToggle: function (node) {
+                onToggle && onToggle(node);
+                focusTreeItem(getId(node));
+            }, overrides: overrides, renderAll: renderAll, selectedNodeId: selectedNodeId, onKeyDown: onKeyDown, onFocus: onFocus, onBlur: onBlur, addRef: function (id, ref) {
+                treeItemRefs[id] = ref;
+            }, removeRef: function (id) {
+                delete treeItemRefs[id];
+            }, isFocusVisible: focusVisible }, getId(node))); }) }), void 0));
+}
+exports.default = TreeView;

package/baseui/tree-view/types.d.ts

@@ -0,0 +1,67 @@
+import type * as React from 'react';
+import type { Override } from '../helpers/overrides';
+export declare type TreeLabelOverrides = {
+    TreeItemContent?: Override;
+    IconContainer?: Override;
+    ExpandIcon?: Override;
+    CollapseIcon?: Override;
+    LeafIconContainer?: Override;
+    LeafIcon?: Override;
+};
+export declare type TreeViewOverrides = {
+    Root?: Override;
+    TreeItemList?: Override;
+    TreeItem?: Override;
+    TreeLabel?: Override;
+} & TreeLabelOverrides;
+export declare type TreeNodeId = number | string;
+export declare type TreeNodeData<T = any> = {
+    id?: TreeNodeId;
+    children?: TreeNodeData[];
+    isExpanded?: boolean;
+    label: ((node: TreeNodeData) => React.ReactNode) | string;
+    info?: T;
+    [key: string]: any;
+};
+export declare type TreeLabelProps = {
+    hasChildren: boolean;
+    isExpanded?: boolean;
+    isSelected?: boolean;
+    isFocusVisible?: boolean;
+    label: ((node: TreeNodeData) => React.ReactNode) | string;
+    overrides?: TreeLabelOverrides;
+    node: TreeNodeData;
+};
+export declare type SharedStyleProps = {
+    $hasChildren: boolean;
+    $isExpanded: boolean;
+    $isSelected: boolean;
+    $isFocusVisible: boolean;
+};
+export declare type TreeNodeProps = {
+    node: TreeNodeData;
+    getId: (node: TreeNodeData) => TreeNodeId;
+    onToggle?: (node: TreeNodeData) => void;
+    overrides?: TreeViewOverrides;
+    renderAll?: boolean;
+    onKeyDown?: (e: KeyboardEvent, node: TreeNodeData) => unknown;
+    onFocus?: (event: React.SyntheticEvent) => unknown;
+    onBlur?: (event: React.SyntheticEvent) => unknown;
+    selectedNodeId?: TreeNodeId;
+    addRef: (id: TreeNodeId, ref: React.Ref<HTMLLIElement>) => unknown;
+    removeRef: (id: TreeNodeId) => unknown;
+    isFocusVisible?: boolean;
+    indentGuides?: boolean;
+};
+export declare type StatefulContainerProps = {
+    children: (props: TreeViewProps) => React.ReactNode;
+} & TreeViewProps;
+export declare type TreeViewProps = {
+    data: TreeNodeData[];
+    indentGuides?: boolean;
+    onToggle?: (node: TreeNodeData) => void;
+    overrides?: TreeViewOverrides;
+    renderAll?: boolean;
+    getId?: (node: TreeNodeData) => TreeNodeId;
+    singleExpanded?: boolean;
+};

package/baseui/tree-view/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/baseui/tree-view/utils.d.ts

@@ -0,0 +1,11 @@
+import type { TreeNodeData, TreeNodeId } from './types';
+export declare const getParentId: (nodes: TreeNodeData[], nodeId: TreeNodeId, parentId: TreeNodeId | null, getId: (a: TreeNodeData) => TreeNodeId) => any;
+export declare const getPrevId: (nodes: TreeNodeData[], nodeId: TreeNodeId, parentId: TreeNodeId | null, getId: (a: TreeNodeData) => TreeNodeId) => any;
+export declare const getFirstChildId: (nodes: TreeNodeData[], nodeId: TreeNodeId, getId: (a: TreeNodeData) => TreeNodeId) => any;
+export declare const getNextId: (nodes: TreeNodeData[], nodeId: TreeNodeId, closestOmmer: TreeNodeId | null, getId: (a: TreeNodeData) => TreeNodeId) => any;
+export declare const getEndId: (nodes: TreeNodeData[], getId: (a: TreeNodeData) => TreeNodeId) => any;
+export declare const getExpandableSiblings: (nodes: TreeNodeData[], nodeId: TreeNodeId, getId: (a: TreeNodeData) => TreeNodeId) => any;
+export declare const toggleIsExpanded: (arr: TreeNodeData[], toggledNode: TreeNodeData, getId?: (node: TreeNodeData) => TreeNodeId) => TreeNodeData[];
+export declare const getCharMatchId: (nodes: TreeNodeData[], nodeId: TreeNodeId, chars: string, closestOmmer: TreeNodeId | null, getId: (a: TreeNodeData) => TreeNodeId) => any;
+export declare const matchString: (nodes: TreeNodeData[], nodeId: TreeNodeId, chars: string, closestOmmer: TreeNodeId | null, getId: (a: TreeNodeData) => TreeNodeId, matchPrefix: boolean) => any;
+export declare const defaultGetId: (node: TreeNodeData) => TreeNodeId;