@procore/core-react 10.26.0 → 10.26.1-rc.2

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

@@ -0,0 +1,375 @@
+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

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

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

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

@@ -0,0 +1,18 @@
+export declare const StyledFilenameCaption: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").SpanAttributes & import("../Typography").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
+export declare const StyledTree: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledTreeRowContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").SpanAttributes & import("../Typography").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, any, {
+    isHighlighted: boolean;
+    isSelectable: boolean;
+    isSelected: boolean;
+}, never>;
+export declare const StyledTreeRowContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledTreeRowWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledChevronContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../../layouts/Box").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledIconContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../utils/types").DivAttributes & import("../../layouts/Box").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, {
+    $isSelected?: boolean | undefined;
+}, never>;
+export declare const StyledChevron: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
+    size?: import("@procore/core-icons/dist/Icon").IconSize | undefined;
+} & import("react").SVGAttributes<SVGElement> & import("react").RefAttributes<SVGSVGElement>>, any, {
+    isExpanded?: boolean | undefined;
+}, never>;

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

@@ -0,0 +1,37 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { ChevronRight } from '@procore/core-icons/dist';
+import styled from 'styled-components';
+import { Box } from '../../layouts/Box';
+import { colors } from '../../styles/colors';
+import { Typography } from '../Typography/Typography';
+export var StyledFilenameCaption = styled(Typography)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  width: 100%;\n"], ["\n  display: flex;\n  width: 100%;\n"])));
+export var StyledTree = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  min-height: 36px;\n  outline: none;\n  overflow: auto;\n"], ["\n  width: 100%;\n  height: 100%;\n  min-height: 36px;\n  outline: none;\n  overflow: auto;\n"])));
+export var StyledTreeRowContainer = styled(Typography)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  height: 36px;\n  background: transparent;\n  box-shadow: inset 4px 0px 0px transparent;\n  cursor: default;\n  outline: none;\n\n  ", "\n\n  &:hover {\n    background: ", ";\n  }\n\n  ", "\n\n  ", "\n"], ["\n  display: flex;\n  align-items: center;\n  height: 36px;\n  background: transparent;\n  box-shadow: inset 4px 0px 0px transparent;\n  cursor: default;\n  outline: none;\n\n  ", "\n\n  &:hover {\n    background: ", ";\n  }\n\n  ", "\n\n  ", "\n"])), function (_a) {
+    var isSelectable = _a.isSelectable;
+    return (isSelectable ? 'cursor: pointer;' : '');
+}, colors.gray98, function (_a) {
+    var isHighlighted = _a.isHighlighted;
+    return isHighlighted ? "background: ".concat(colors.gray98, ";") : '';
+}, function (_a) {
+    var isSelected = _a.isSelected, isHighlighted = _a.isHighlighted;
+    return isSelected &&
+        "\n      background: ".concat(colors.blue96, ";\n      box-shadow: inset 4px 0px 0px ").concat(colors.blue50, ";\n\n      ").concat(StyledFilenameCaption, " {\n        color: ").concat(colors.blue40, ";\n        font-weight: 600;\n      }\n\n      &:hover {\n        background-color: ").concat(colors.blue94, ";\n        ").concat(StyledFilenameCaption, " {\n          color: ").concat(colors.blue45, ";\n        }\n      }\n\n      ").concat(isHighlighted &&
+            "\n          background-color: ".concat(colors.blue94, ";\n          ").concat(StyledFilenameCaption, " {\n            color: ").concat(colors.blue45, ";\n          }\n        "), "\n    ");
+});
+export var StyledTreeRowContent = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
+export var StyledTreeRowWrapper = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  outline: none;\n"], ["\n  outline: none;\n"])));
+var StyledIconBase = styled(Box)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  width: 24px;\n  height: 24px;\n  min-width: 24px;\n  min-height: 24px;\n"], ["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  width: 24px;\n  height: 24px;\n  min-width: 24px;\n  min-height: 24px;\n"])));
+export var StyledChevronContainer = styled(StyledIconBase)(templateObject_7 || (templateObject_7 = __makeTemplateObject([""], [""])));
+export var StyledIconContainer = styled(StyledIconBase)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
+    var $isSelected = _a.$isSelected;
+    return ($isSelected ? colors.blue45 : colors.gray40);
+});
+export var StyledChevron = styled(ChevronRight)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  transform: rotate(", "deg);\n  transition: transform 150ms ease-out;\n"], ["\n  transform: rotate(", "deg);\n  transition: transform 150ms ease-out;\n"])), function (_a) {
+    var isExpanded = _a.isExpanded;
+    return (isExpanded ? 90 : 0);
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
+//# sourceMappingURL=Tree.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.styles.js","sourceRoot":"","sources":["../../../../src/components/Tree/Tree.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAErD,MAAM,CAAC,IAAM,qBAAqB,GAAG,MAAM,CAAC,UAAU,CAAC,yGAAA,sCAGtD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,kKAAA,+FAMnC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,UAAU,CAAC,2TAItD,mLASE,EAA8D,mCAGhD,EAAa,cAG3B,EACoD,QAEpD,EA2BC,IACJ,KArCG,UAAC,EAAgB;QAAd,YAAY,kBAAA;IAAO,OAAA,CAAC,YAAY,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC;AAAxC,CAAwC,EAGhD,MAAM,CAAC,MAAM,EAG3B,UAAC,EAAiB;QAAf,aAAa,mBAAA;IAChB,OAAA,aAAa,CAAC,CAAC,CAAC,sBAAe,MAAM,CAAC,MAAM,MAAG,CAAC,CAAC,CAAC,EAAE;AAApD,CAAoD,EAEpD,UAAC,EAA6B;QAA3B,UAAU,gBAAA,EAAE,aAAa,mBAAA;IAC5B,OAAA,UAAU;QACV,8BACgB,MAAM,CAAC,MAAM,oDACK,MAAM,CAAC,MAAM,wBAE3C,qBAAqB,gCACZ,MAAM,CAAC,MAAM,iGAKF,MAAM,CAAC,MAAM,wBAC/B,qBAAqB,kCACZ,MAAM,CAAC,MAAM,4CAKxB,aAAa;YACb,wCACsB,MAAM,CAAC,MAAM,0BAC/B,qBAAqB,oCACZ,MAAM,CAAC,MAAM,6BAEzB,WAEJ;AA1BD,CA0BC,CACJ,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,iHAAA,8CAG7C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,yFAAA,sBAE7C,IAAA,CAAA;AAED,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,yNAAA,sJASjC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,cAAc,CAAC,qEAAA,EAAE,IAAA,CAAA;AAE9D,MAAM,CAAC,IAAM,mBAAmB,GAAG,MAAM,CAAC,cAAc,CAAC,uFAEvD,aACS,EAAkE,KAC5E,KADU,UAAC,EAAe;QAAb,WAAW,iBAAA;IAAO,OAAA,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;AAA7C,CAA6C,CAC5E,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,YAAY,CAAC,+IAE/C,wBACoB,EAAyC,kDAE9D,KAFqB,UAAC,EAAc;QAAZ,UAAU,gBAAA;IAAO,OAAA,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAArB,CAAqB,CAE9D,CAAA"}