@procore/core-react 10.30.0 → 11.0.0-rc.0

package/dist/esm/components/Tooltip/index.js

@@ -1,2 +0,0 @@
-export { Tooltip as default, Tooltip } from './Tooltip';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/Tooltip/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA"}

package/dist/esm/components/Tree/Tree.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { CustomDataType, Node, TreeProps, TreeRef } from './Tree.types';
-export declare const ROOT_NODE_ID = "ROOT_ID";
-/**
-
- The tree allows users to navigate between folder / file directories,
- and optionally select those files.
-
- @since 10.19.0
-
- @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-tree--demo)
-
- @see [Design Guidelines](https://design.procore.com/tree)
-
- */
-export declare const Tree: React.ForwardRefExoticComponent<TreeProps<Node, CustomDataType<Node>> & React.RefAttributes<TreeRef<Node>>>;

package/dist/esm/components/Tree/Tree.hooks.d.ts

@@ -1,20 +0,0 @@
-import { CustomDataType, LevelWise, Node, UseTreeProps } from './Tree.types';
-export declare function useTree<T extends Node = Node, P extends CustomDataType<T> = Array<T>>({ options, expanded, selected, selectionLimit, onSelect, multiple, autoExpandParent, getRoot, getChildren, getParentId, onCollapse, onExpand, }: UseTreeProps<T, P>): {
-    nodes: (T & LevelWise & {
-        items?: ((T & LevelWise) | (T & LevelWise & any))[] | undefined;
-    })[];
-    isExpanded: (node: T) => boolean;
-    isSelected: (node: T) => boolean;
-    isLoading: (node: T) => boolean;
-    highlightedNode: T & LevelWise & {
-        items?: ((T & LevelWise) | (T & LevelWise & any))[] | undefined;
-    };
-    isHighlighted: (node: T) => boolean;
-    highlight: (node: T) => void;
-    handleSelection: (node: T) => void;
-    handleExpansion: (node: T) => void;
-    setSelected: (newCollection: Set<T["id"]>) => void;
-    setExpanded: (newCollection: Set<T["id"]>) => void;
-    isFileLimitReached: boolean;
-    listNavigation: import("../../state/ListNavigation").ListNavigationApi;
-};

package/dist/esm/components/Tree/Tree.hooks.js

@@ -1,197 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import React from 'react';
-import { useSet } from '../../effects/useSet';
-import { useListNavigation } from '../../state/ListNavigation';
-export function useTree(_a) {
-    var _this = this;
-    var options = _a.options, expanded = _a.expanded, selected = _a.selected, selectionLimit = _a.selectionLimit, onSelect = _a.onSelect, multiple = _a.multiple, autoExpandParent = _a.autoExpandParent, getRoot = _a.getRoot, getChildren = _a.getChildren, getParentId = _a.getParentId, onCollapse = _a.onCollapse, onExpand = _a.onExpand;
-    var rootNode = React.useMemo(function () { return getRoot(options); }, [getRoot, options]);
-    var getNodes = React.useCallback(function (nodes, node) { return __spreadArray(__spreadArray(__spreadArray([], nodes, true), [
-        node
-    ], false), getChildren(node).reduce(getNodes, []), true); }, [getChildren]);
-    var nodes = React.useMemo(function () { return (rootNode ? getNodes([], rootNode) : []); }, [
-        rootNode,
-        getNodes,
-    ]);
-    var getNodeById = React.useCallback(function (nodeId) { return nodes.find(function (item) { return item.id === nodeId; }); }, [nodes]);
-    var _b = useSet(), isLoading = _b.has, startLoading = _b.add, stopLoading = _b.remove;
-    var handleExpand = React.useCallback(function (nodeId) { return __awaiter(_this, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    _a.trys.push([0, , 2, 3]);
-                    startLoading(nodeId);
-                    return [4 /*yield*/, onExpand(getNodeById(nodeId))];
-                case 1:
-                    _a.sent();
-                    return [3 /*break*/, 3];
-                case 2:
-                    stopLoading(nodeId);
-                    return [7 /*endfinally*/];
-                case 3: return [2 /*return*/];
-            }
-        });
-    }); }, [getNodeById, onExpand, startLoading, stopLoading]);
-    var handleCollapse = React.useCallback(function (nodeId) { return onCollapse(getNodeById(nodeId)); }, [getNodeById, onCollapse]);
-    var getExpandedIds = React.useCallback(function (nodeIds, currentNode) {
-        var parentId = getParentId(currentNode);
-        if (parentId === rootNode.id || parentId === getParentId(rootNode)) {
-            return __spreadArray(__spreadArray([], nodeIds, true), [currentNode.id, parentId], false);
-        }
-        else {
-            return getExpandedIds(__spreadArray(__spreadArray([], nodeIds, true), [currentNode.id], false), getNodeById(parentId));
-        }
-    }, [getNodeById, getParentId, rootNode]);
-    var expandedIds = React.useMemo(function () {
-        if (autoExpandParent) {
-            return nodes
-                .filter(function (node) { return expanded.concat(selected).includes(node.id); })
-                .reduce(getExpandedIds, []);
-        }
-        return expanded;
-    }, [autoExpandParent, expanded, getExpandedIds, nodes, selected]);
-    var _c = useSet({
-        initialValue: new Set(expandedIds),
-        onAdd: handleExpand,
-        onRemove: handleCollapse,
-    }), isExpanded = _c.has, toggleExpanded = _c.toggle, setExpanded = _c.setCollection;
-    var handleChange = React.useCallback(function (selectedNodes) {
-        return onSelect(Array.from(selectedNodes).map(getNodeById));
-    }, [getNodeById, onSelect]);
-    var _d = useSet({
-        initialValue: new Set(selected),
-        onChange: handleChange,
-    }), selectedIds = _d.collection, isSelected = _d.has, addSelected = _d.add, removeSelected = _d.remove, setSelected = _d.setCollection;
-    var toggleSingleSelected = React.useCallback(function (nodeId) {
-        setSelected(new Set([nodeId]));
-    }, [setSelected]);
-    var toggleSelected = React.useCallback(function (nodeId) {
-        if (!isSelected(nodeId)) {
-            if (selectedIds.size < selectionLimit) {
-                addSelected(nodeId);
-            }
-        }
-        else {
-            removeSelected(nodeId);
-        }
-    }, [addSelected, isSelected, removeSelected, selectedIds.size, selectionLimit]);
-    var toggleSelection = React.useMemo(function () { return (multiple ? toggleSelected : toggleSingleSelected); }, [multiple, toggleSelected, toggleSingleSelected]);
-    var handleSelection = React.useCallback(function (node) { return toggleSelection(node.id); }, [toggleSelection]);
-    var listNavigation = useListNavigation({
-        circular: false,
-        initialIndex: 0,
-        size: 0,
-    });
-    var getSelectableItems = React.useCallback(function (visibleNodes, node) {
-        var visibleItems = isExpanded(node.id) && !isLoading(node.id) && node.items
-            ? node.items.reduce(getSelectableItems, [])
-            : [];
-        return __spreadArray(__spreadArray(__spreadArray([], visibleNodes, true), [node], false), visibleItems, true);
-    }, [isExpanded, isLoading]);
-    var getChildrenNodes = React.useCallback(function (nodes, node, level) {
-        var children = getChildren(node);
-        if (children.length > 0) {
-            return __spreadArray(__spreadArray([], nodes, true), [
-                __assign(__assign({}, node), { level: level, items: children.reduce(function (acc, curr) { return getChildrenNodes(acc, curr, level + 1); }, []) }),
-            ], false);
-        }
-        else {
-            return __spreadArray(__spreadArray([], nodes, true), [__assign(__assign({}, node), { level: level })], false);
-        }
-    }, [getChildren]);
-    var nodesTree = React.useMemo(function () { return (rootNode ? getChildrenNodes([], rootNode, 0) : []); }, [rootNode, getChildrenNodes]);
-    var visibleNodes = React.useMemo(function () { return nodesTree.reduce(getSelectableItems, []); }, [getSelectableItems, nodesTree]);
-    var highlight = React.useCallback(function (node) {
-        var index = visibleNodes.findIndex(function (visibleNode) { return visibleNode.id === node.id; });
-        if (index !== -1) {
-            listNavigation.set(index);
-        }
-    }, [listNavigation, visibleNodes]);
-    React.useEffect(function () {
-        listNavigation.setSize(visibleNodes.length);
-    }, [listNavigation, visibleNodes.length]);
-    var isHighlighted = React.useCallback(function (node) {
-        return visibleNodes[listNavigation.index] &&
-            visibleNodes[listNavigation.index].id === node.id;
-    }, [listNavigation.index, visibleNodes]);
-    var highlightedNode = React.useMemo(function () {
-        return visibleNodes[listNavigation.index];
-    }, [listNavigation.index, visibleNodes]);
-    return {
-        nodes: visibleNodes,
-        isExpanded: React.useCallback(function (node) { return isExpanded(node.id); }, [
-            isExpanded,
-        ]),
-        isSelected: React.useCallback(function (node) { return isSelected(node.id); }, [
-            isSelected,
-        ]),
-        isLoading: React.useCallback(function (node) { return isLoading(node.id); }, [isLoading]),
-        highlightedNode: highlightedNode,
-        isHighlighted: isHighlighted,
-        highlight: highlight,
-        handleSelection: handleSelection,
-        handleExpansion: React.useCallback(function (node) { return toggleExpanded(node.id); }, [
-            toggleExpanded,
-        ]),
-        setSelected: setSelected,
-        setExpanded: setExpanded,
-        isFileLimitReached: selectedIds.size >= selectionLimit,
-        listNavigation: listNavigation,
-    };
-}
-//# sourceMappingURL=Tree.hooks.js.map

package/dist/esm/components/Tree/Tree.hooks.js.map

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

package/dist/esm/components/Tree/Tree.js

@@ -1,375 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { File, Folder } from '@procore/core-icons/dist';
-import React from 'react';
-import { areEqual, FixedSizeList } from 'react-window';
-import { useIntersectionObserver } from '../../effects/IntersectionObserver';
-import { mergeRefs } from '../../effects/mergeRefs';
-import { useResizeObserver } from '../../effects/ResizeObserver';
-import { useI18nContext } from '../../state/I18n';
-import { useTimer } from '../../state/Timer';
-import { useVisibility } from '../../state/Visibility';
-import { parseFilename } from '../../utils/filename';
-import { Overlay } from '../Overlay';
-import { Spinner } from '../Spinner';
-import { Tooltip } from '../Tooltip';
-import { useTree } from './Tree.hooks';
-import { StyledChevron, StyledChevronContainer, StyledFilenameCaption, StyledIconContainer, StyledTree, StyledTreeRowContainer, StyledTreeRowContent, StyledTreeRowWrapper, } from './Tree.styles';
-var spacing = 32;
-var rootSpacing = 24;
-var rowHeight = 36;
-// Selected nodes have a bold text, and browsers occasionally miscalculate scrollWidth by one pixel down.
-// That situations might cause an issue when we get a second horizontal scrollbar.
-// This padding serves as compensation to prevent the described issue.
-var rowRightPadding = 12;
-// For most of browsers it usually varies between 12px and 20px.
-// To avoid tricky cross-browser calculations of scrollbar width. The maximum width is used.
-var scrollbarWidth = 20;
-function getPadding(level) {
-    return rootSpacing + level * spacing;
-}
-var intersectionThresholds = Array.from({ length: 101 }).map(function (_, index) { return index / 100; });
-var tooltipDelay = 300;
-// TODO refactor this to not be upper snake case
-export var ROOT_NODE_ID = 'ROOT_ID';
-var defaultIsExpandable = function (node) { return defaultGetType(node) === 'branch'; };
-var defaultIsSelectable = function (node) { return node.type === 'leaf'; };
-var defaultGetType = function (node) {
-    return node.type;
-};
-var defaultGetParentId = function (node) { return node.parentId; };
-var defaultGetLabel = function (node) { return node.name; };
-function noop() { }
-/**
-
- The tree allows users to navigate between folder / file directories,
- and optionally select those files.
-
- @since 10.19.0
-
- @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-tree--demo)
-
- @see [Design Guidelines](https://design.procore.com/tree)
-
- */
-export var Tree = React.forwardRef(function (_a, ref) {
-    var options = _a.options, _b = _a.expanded, expanded = _b === void 0 ? [] : _b, _c = _a.selected, selected = _c === void 0 ? [] : _c, _d = _a.selectionLimit, selectionLimit = _d === void 0 ? Infinity : _d, getRootBase = _a.getRoot, getChildrenBase = _a.getChildren, getIconBase = _a.getIcon, _e = _a.getLabel, getLabel = _e === void 0 ? defaultGetLabel : _e, _f = _a.getParentId, getParentId = _f === void 0 ? defaultGetParentId : _f, _g = _a.getType, getType = _g === void 0 ? defaultGetType : _g, _h = _a.isExpandable, isExpandable = _h === void 0 ? defaultIsExpandable : _h, _j = _a.isSelectable, isSelectable = _j === void 0 ? defaultIsSelectable : _j, _k = _a.multiple, multiple = _k === void 0 ? true : _k, _l = _a.onSelect, onSelect = _l === void 0 ? noop : _l, _m = _a.onCollapse, onCollapse = _m === void 0 ? noop : _m, _o = _a.onExpand, onExpand = _o === void 0 ? function () { return Promise.resolve(); } : _o, rowRendererBase = _a.rowRenderer, _p = _a.maxVisibleNodes, maxVisibleNodes = _p === void 0 ? Infinity : _p, visibleHeight = _a.visibleHeight, _q = _a.autoExpandParent, autoExpandParent = _q === void 0 ? true : _q, innerElementType = _a.innerElementType, outerElementType = _a.outerElementType, onKeyDown = _a.onKeyDown, children = _a.children, props = __rest(_a, ["options", "expanded", "selected", "selectionLimit", "getRoot", "getChildren", "getIcon", "getLabel", "getParentId", "getType", "isExpandable", "isSelectable", "multiple", "onSelect", "onCollapse", "onExpand", "rowRenderer", "maxVisibleNodes", "visibleHeight", "autoExpandParent", "innerElementType", "outerElementType", "onKeyDown", "children"]);
-    var wrapperRef = React.useRef(null);
-    var listRef = React.useRef(null);
-    var listInnerRef = React.useRef(null);
-    var listOuterRefRef = React.useRef(null);
-    var _r = React.useState(0), contentMaxWidth = _r[0], setContentMaxWidth = _r[1];
-    var defaultGetRoot = React.useCallback(function (nodes) {
-        return nodes.find(function (node) { return defaultGetParentId(node) === ROOT_NODE_ID; });
-    }, []);
-    var getRoot = getRootBase || defaultGetRoot;
-    var rootNode = React.useMemo(function () { return getRoot(options); }, [options, getRoot]);
-    var _s = React.useState(false), isTreeFocused = _s[0], setIsTreeFocused = _s[1];
-    var _t = React.useState({
-        width: 0,
-        height: 0,
-    }), containerSize = _t[0], setContainerSize = _t[1];
-    var handleContainerResize = React.useCallback(function (entries) {
-        if (entries[0]) {
-            var _a = entries[0]
-                .target, height = _a.clientHeight, width = _a.clientWidth;
-            setContainerSize({ width: width, height: height });
-        }
-    }, [setContainerSize]);
-    var setResizeObserverTarget = useResizeObserver(handleContainerResize);
-    var defaultGetChildren = React.useCallback(function (node) {
-        return Array.isArray(options)
-            ? options.filter(function (childNode) { return getParentId(childNode) === node.id; })
-            : [];
-    }, [getParentId, options]);
-    var getChildren = getChildrenBase || defaultGetChildren;
-    var _u = useTree({
-        options: options,
-        expanded: expanded,
-        selected: selected,
-        selectionLimit: selectionLimit,
-        multiple: multiple,
-        autoExpandParent: autoExpandParent,
-        onSelect: onSelect,
-        onCollapse: onCollapse,
-        onExpand: onExpand,
-        getRoot: getRoot,
-        getChildren: getChildren,
-        getParentId: getParentId,
-    }), nodes = _u.nodes, isExpanded = _u.isExpanded, isSelected = _u.isSelected, isLoading = _u.isLoading, highlightedNode = _u.highlightedNode, isNodeHighlighted = _u.isHighlighted, highlight = _u.highlight, handleSelection = _u.handleSelection, handleExpansion = _u.handleExpansion, _setExpanded = _u.setExpanded, _setSelected = _u.setSelected, isFileLimitReached = _u.isFileLimitReached, listNavigation = _u.listNavigation;
-    var setSelected = React.useCallback(function (selected) {
-        var nodes = Array.isArray(selected) ? selected : [selected];
-        _setSelected(new Set(nodes.map(function (node) { return node.id; })));
-    }, [_setSelected]);
-    var setExpanded = React.useCallback(function (expanded) {
-        var nodes = Array.isArray(expanded) ? expanded : [expanded];
-        _setExpanded(new Set(nodes.map(function (node) { return node.id; })));
-    }, [_setExpanded]);
-    React.useImperativeHandle(ref, function () { return ({
-        rootEl: wrapperRef.current,
-        setSelected: setSelected,
-        setExpanded: setExpanded,
-        toggleSelected: function (node) { return handleSelection(node); },
-        toggleExpanded: function (node) { return handleExpansion(node); },
-    }); });
-    var defaultGetIcon = React.useCallback(function (node) {
-        var isFolder = getType(node) === 'branch';
-        return isFolder ? React.createElement(Folder, null) : React.createElement(File, null);
-    }, [getType]);
-    var getIcon = getIconBase || defaultGetIcon;
-    var isHighlighted = React.useCallback(function (node) { return isTreeFocused && isNodeHighlighted(node); }, [isNodeHighlighted, isTreeFocused]);
-    var handleAccessibility = function (e) {
-        onKeyDown && onKeyDown(e);
-        var key = e.key;
-        switch (key) {
-            case 'Enter':
-                e.preventDefault();
-                isSelectable(highlightedNode) && handleSelection(highlightedNode);
-                break;
-            case 'Space Bar':
-            case ' ':
-                e.preventDefault();
-                isExpandable(highlightedNode) && handleExpansion(highlightedNode);
-                break;
-            case 'ArrowDown':
-            case 'Down':
-                e.preventDefault();
-                listNavigation.increment();
-                break;
-            case 'ArrowUp':
-            case 'Up':
-                e.preventDefault();
-                listNavigation.decrement();
-                break;
-        }
-    };
-    React.useEffect(function () {
-        var _a;
-        if (isTreeFocused) {
-            (_a = listRef.current) === null || _a === void 0 ? void 0 : _a.scrollToItem(listNavigation.index);
-        }
-    }, [isTreeFocused, listNavigation.index]);
-    var defaultRowRenderer = React.useCallback(function (props) { return React.createElement(TreeRow, __assign({}, props)); }, []);
-    React.useEffect(function () {
-        var _a;
-        var rowContentSizes = [];
-        var childNodes = Array.from(((_a = listInnerRef.current) === null || _a === void 0 ? void 0 : _a.childNodes) || []);
-        childNodes.forEach(function (child) {
-            var _a;
-            var rowContent = child.querySelector('[data-row-content]');
-            if (rowContent) {
-                var leftPadding = (_a = child.dataset.padding) !== null && _a !== void 0 ? _a : '0';
-                rowContentSizes.push(rowContent.scrollWidth + parseInt(leftPadding, 10) + rowRightPadding);
-            }
-        });
-        var maxSizeRowContent = Math.max.apply(Math, rowContentSizes) + scrollbarWidth;
-        setContentMaxWidth(maxSizeRowContent);
-    });
-    var rowRenderer = rowRendererBase || defaultRowRenderer;
-    var itemData = React.useMemo(function () { return ({
-        nodes: nodes,
-        getIcon: getIcon,
-        getLabel: getLabel,
-        getType: getType,
-        isExpandable: isExpandable,
-        isSelectable: isSelectable,
-        isExpanded: isExpanded,
-        isSelected: isSelected,
-        isLoading: isLoading,
-        highlight: highlight,
-        isHighlighted: isHighlighted,
-        handleSelection: handleSelection,
-        handleExpansion: handleExpansion,
-        rowRenderer: rowRenderer,
-        isFileLimitReached: isFileLimitReached,
-        selectionLimit: selectionLimit,
-        isTreeFocused: isTreeFocused,
-        treeContainer: wrapperRef.current,
-    }); }, [
-        getIcon,
-        getLabel,
-        getType,
-        handleExpansion,
-        handleSelection,
-        highlight,
-        isExpandable,
-        isExpanded,
-        isFileLimitReached,
-        isHighlighted,
-        isLoading,
-        isSelectable,
-        isSelected,
-        isTreeFocused,
-        nodes,
-        rowRenderer,
-        selectionLimit,
-    ]);
-    if (!rootNode) {
-        console.error('Tree must have a valid root node');
-        return null;
-    }
-    return (React.createElement(StyledTree, __assign({}, props, { ref: mergeRefs(wrapperRef, setResizeObserverTarget), tabIndex: 0, onFocus: function () { return setIsTreeFocused(true); }, onBlur: function () { return setIsTreeFocused(false); }, onKeyDown: handleAccessibility }),
-        React.createElement(FixedSizeList, { ref: listRef, height: visibleHeight ||
-                Math.min(nodes.length * rowHeight, rowHeight * maxVisibleNodes), innerRef: listInnerRef, outerRef: listOuterRefRef, itemCount: nodes.length, itemSize: rowHeight, innerElementType: innerElementType, outerElementType: outerElementType, itemData: itemData, width: Math.max(contentMaxWidth, containerSize.width) }, TreeNode)));
-});
-var TreeNode = React.memo(function (_a) {
-    var _b = _a.data, nodes = _b.nodes, rowRenderer = _b.rowRenderer, highlight = _b.highlight, isTreeFocused = _b.isTreeFocused, props = __rest(_b, ["nodes", "rowRenderer", "highlight", "isTreeFocused"]), index = _a.index, style = _a.style;
-    var node = nodes[index];
-    var isHighlighted = props.isHighlighted(node);
-    var _c = React.useState(false), isMouseOver = _c[0], setMouseOver = _c[1];
-    var timer = useTimer({});
-    var _d = useVisibility({}), shouldShowTooltip = _d.isVisible, showTooltip = _d.show, hideTooltip = _d.hide;
-    React.useEffect(function () {
-        if (isHighlighted && !shouldShowTooltip) {
-            timer.setTimer(showTooltip, tooltipDelay);
-        }
-        return function () {
-            if (isTreeFocused && !isHighlighted && shouldShowTooltip) {
-                hideTooltip();
-            }
-        };
-    });
-    var onMouseEnter = function () {
-        setMouseOver(true);
-        if (!shouldShowTooltip) {
-            timer.setTimer(showTooltip, tooltipDelay);
-        }
-        highlight(node);
-    };
-    var onMouseLeave = function () {
-        setMouseOver(false);
-        timer.cancel();
-        hideTooltip();
-    };
-    return (React.createElement(StyledTreeRowWrapper, { tabIndex: -1, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, style: style, "data-padding": getPadding(node.level) }, rowRenderer(__assign({ node: node, shouldShowTooltip: shouldShowTooltip, isMouseOver: isMouseOver }, props))));
-}, areEqual);
-var TreeRow = function (_a) {
-    var node = _a.node, getIcon = _a.getIcon, getLabel = _a.getLabel, handleExpansion = _a.handleExpansion, handleSelection = _a.handleSelection, selectionLimit = _a.selectionLimit, isFileLimitReached = _a.isFileLimitReached, shouldShowTooltip = _a.shouldShowTooltip, isMouseOver = _a.isMouseOver, treeContainer = _a.treeContainer, props = __rest(_a, ["node", "getIcon", "getLabel", "handleExpansion", "handleSelection", "selectionLimit", "isFileLimitReached", "shouldShowTooltip", "isMouseOver", "treeContainer"]);
-    var expanderRef = React.useRef(null);
-    var isSelected = props.isSelected(node);
-    var isSelectable = props.isSelectable(node);
-    var isExpandable = props.isExpandable(node);
-    var isExpanded = props.isExpanded(node);
-    var isLoading = props.isLoading(node);
-    var isHighlighted = props.isHighlighted(node);
-    var nodeType = props.getType(node);
-    var rowLabel = getLabel(node);
-    var onClick = React.useCallback(function (event) {
-        var _a;
-        if (isSelectable && isExpandable) {
-            // @ts-ignore
-            ((_a = expanderRef === null || expanderRef === void 0 ? void 0 : expanderRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))
-                ? handleExpansion(node)
-                : handleSelection(node);
-        }
-        else if (isSelectable) {
-            handleSelection(node);
-        }
-        else if (isExpandable) {
-            handleExpansion(node);
-        }
-    }, [handleExpansion, handleSelection, isExpandable, isSelectable, node]);
-    var onMouseDown = React.useCallback(function (e) {
-        e.preventDefault();
-        treeContainer.focus();
-    }, [treeContainer]);
-    return (React.createElement(TreeRowContainer, { level: node.level, onClick: onClick, onMouseDown: onMouseDown, isSelected: isSelected, isSelectable: isSelectable, isExpandable: isExpandable, isHighlighted: isHighlighted, isFileLimitReached: isFileLimitReached, "data-qa": "core-tree-row-container" },
-        React.createElement(StyledTreeRowContent, { "data-row-content": true },
-            React.createElement(TreeRowChevron, { ref: expanderRef, isExpandable: isExpandable, isExpanded: isExpanded }),
-            React.createElement(TreeRowIcon, { isLoading: isLoading, isSelected: isSelected, icon: getIcon(node) }),
-            React.createElement(TreeRowTooltip, { isSelected: isSelected, isSelectable: isSelectable, isHighlighted: isHighlighted, selectionLimit: selectionLimit, isFileLimitReached: isFileLimitReached, shouldShowTooltip: shouldShowTooltip, isMouseOver: isMouseOver, fileName: rowLabel, nodeType: nodeType, treeContainer: treeContainer },
-                React.createElement(TreeRowName, { value: rowLabel })))));
-};
-var IconContainer = function (_a) {
-    var children = _a.children, isSelected = _a.isSelected, props = __rest(_a, ["children", "isSelected"]);
-    return (React.createElement(StyledIconContainer, __assign({ "$isSelected": isSelected }, props), children));
-};
-var TreeRowChevron = React.forwardRef(function (_a, ref) {
-    var isExpanded = _a.isExpanded, isExpandable = _a.isExpandable;
-    return (React.createElement(StyledChevronContainer, { ref: ref }, isExpandable ? React.createElement(StyledChevron, { isExpanded: isExpanded }) : null));
-});
-var TreeRowIcon = function (_a) {
-    var isSelected = _a.isSelected, isLoading = _a.isLoading, icon = _a.icon;
-    return (React.createElement(IconContainer, { isSelected: isSelected, marginLeft: "sm", marginRight: "sm" }, isLoading ? React.createElement(Spinner, { size: "sm" }) : icon));
-};
-var TreeRowName = function (_a) {
-    var value = _a.value;
-    return (React.createElement(StyledFilenameCaption, null, value));
-};
-var TreeRowOverlay = function (_a) {
-    var _b = _a.message, key = _b.key, _c = _b.options, options = _c === void 0 ? {} : _c, props = __rest(_a, ["message"]);
-    var I18n = useI18nContext();
-    return (React.createElement(Overlay, __assign({}, __assign(__assign({}, props), { placement: 'top-left' })),
-        React.createElement(Tooltip.Content, null, I18n.t("core.tree.".concat(key), options))));
-};
-var getSelectionLimitMessage = function (selectionLimit) { return ({
-    key: 'selectionLimit',
-    options: {
-        count: selectionLimit,
-    },
-}); };
-var getUnsupportedFileTypeMessage = function (fileName) {
-    var _a = parseFilename(fileName), extension = _a.extension, isFilename = _a.isFilename;
-    var key = isFilename ? 'specific' : 'unspecific';
-    return {
-        key: "unsupportedFileType.".concat(key),
-        options: {
-            fileType: ".".concat(extension.toUpperCase()),
-        },
-    };
-};
-var TreeRowTooltip = function (_a) {
-    var children = _a.children, isFocused = _a.isHighlighted, isFileLimitReached = _a.isFileLimitReached, isSelectable = _a.isSelectable, isSelected = _a.isSelected, nodeType = _a.nodeType, selectionLimit = _a.selectionLimit, shouldShowTooltip = _a.shouldShowTooltip, isMouseOver = _a.isMouseOver, fileName = _a.fileName, treeContainer = _a.treeContainer;
-    var rowRef = React.useRef(null);
-    var overlayRef = React.useRef(null);
-    var isUserInteracting = isFocused || isMouseOver;
-    var isTooltipVisible = isUserInteracting && shouldShowTooltip && !isSelected;
-    var isFile = nodeType === 'leaf';
-    var _b = React.useState(false), isCropped = _b[0], setCropped = _b[1];
-    var registerRowEl = useIntersectionObserver(function (entries) {
-        entries.forEach(function (entry) {
-            if (entry.rootBounds &&
-                entry.rootBounds.left - entry.boundingClientRect.left >= 0) {
-                setCropped(true);
-                return;
-            }
-            setCropped(false);
-        });
-    }, {
-        root: treeContainer,
-        rootMargin: '0px',
-        threshold: intersectionThresholds,
-    });
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { ref: mergeRefs(rowRef, registerRowEl) }, children),
-        isTooltipVisible && !isCropped && (React.createElement(React.Fragment, null,
-            isFileLimitReached && isSelectable && (React.createElement(TreeRowOverlay, { overlayRef: overlayRef, targetRef: rowRef, message: getSelectionLimitMessage(selectionLimit) })),
-            !isSelectable && isFile && (React.createElement(TreeRowOverlay, { overlayRef: overlayRef, targetRef: rowRef, message: getUnsupportedFileTypeMessage(fileName) }))))));
-};
-var TreeRowContainer = function (_a) {
-    var children = _a.children, isHighlighted = _a.isHighlighted, isSelected = _a.isSelected, isSelectable = _a.isSelectable, isExpandable = _a.isExpandable, isFileLimitReached = _a.isFileLimitReached, level = _a.level, props = __rest(_a, ["children", "isHighlighted", "isSelected", "isSelectable", "isExpandable", "isFileLimitReached", "level"]);
-    return (React.createElement(StyledTreeRowContainer, __assign({ isSelectable: (isSelectable &&
-            ((isFileLimitReached && isSelected) || !isFileLimitReached)) ||
-            isExpandable, isHighlighted: isHighlighted, isSelected: isSelected, style: { paddingLeft: getPadding(level) } }, props), children));
-};
-//# sourceMappingURL=Tree.js.map