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

package/dist/esm/components/Token/Token.types.d.ts

@@ -0,0 +1,46 @@
+import { IconProps } from '../Icon';
+export interface TokenProps {
+    /**
+     * Disables the token
+     * @since 10.19.0
+     */
+    disabled?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    focused?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    error?: boolean;
+    /**
+     * @deprecated
+     *
+     * The `'disabled'` and `'focused'` variants have been deprecated and will be
+     * removed in a future version. Please use the `disabled` and `focused` boolean
+     * props instead.
+     *
+     * **Before**
+     *
+     * `<Token variant="disabled|focused" />`
+     *
+     * **After**
+     *
+     * `<Token disabled focused />`
+     *
+     * @deprecatedSince 10.20.0
+     * @since 10.19.0
+     */
+    variant?: 'disabled' | 'focused' | 'icon' | 'standard';
+}
+/**
+ * TODO - This is one of the last places using the old Icon component and
+ * should be refactored with the designers
+ */
+export interface LegacyIconProps extends Omit<IconProps, 'icon'> {
+    /**
+     * The token icon
+     * @since 10.19.0
+     */
+    icon: string | React.ReactNode;
+}

package/dist/esm/components/Token/Token.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Token.types.js.map

package/dist/esm/components/Token/Token.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Token.types.js","sourceRoot":"","sources":["../../../../src/components/Token/Token.types.ts"],"names":[],"mappings":""}

package/dist/esm/components/Token/index.d.ts

@@ -0,0 +1 @@
+export { Token, Token as default } from './Token';

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

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

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

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

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { OverlayTriggerProps } from '../OverlayTrigger';
+import { TooltipContentProps, TooltipProps } from './Tooltip.types';
+export declare const Tooltip: React.ForwardRefExoticComponent<OverlayTriggerProps & TooltipProps & React.RefAttributes<HTMLElement>> & {
+    Content: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLSpanElement>>;
+};
+export default Tooltip;

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

@@ -0,0 +1,60 @@
+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 React from 'react';
+import { addSubcomponents } from '../../utils/addSubcomponents';
+import { OverlayTrigger } from '../OverlayTrigger';
+import { StyledContainer, StyledTooltip } from './Tooltip.styles';
+var Content = React.forwardRef(function Content(_a, ref) {
+    var children = _a.children, _b = _a.placement, placement = _b === void 0 ? 'top' : _b, props = __rest(_a, ["children", "placement"]);
+    return (React.createElement(StyledContainer, { ref: ref },
+        React.createElement(StyledTooltip, __assign({}, props, { "$placement": placement }), children)));
+});
+/**
+
+ We use tooltips to display additional descriptive information about an element
+ or item to the user. For example, we could use them to explain a specific term
+ or phrase, to denote the specific format required (e.g. mm/dd/yyy), or to
+ clarify certain information (e.g. why a button is disabled).
+
+ They can be displayed either by hovering over an element in the product or by
+ hovering over an icon next to an element.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-tooltip--demo)
+
+ @see [Design Guidelines](https://design.procore.com/tooltip)
+
+ */
+var Tooltip_ = React.forwardRef(function Tooltip(_a, ref) {
+    var children = _a.children, _b = _a.initialIsVisible, initialIsVisible = _b === void 0 ? false : _b, overlay = _a.overlay, _c = _a.placement, placement = _c === void 0 ? 'top' : _c, _d = _a.trigger, trigger = _d === void 0 ? 'hover' : _d, props = __rest(_a, ["children", "initialIsVisible", "overlay", "placement", "trigger"]);
+    var overlayNode = React.isValidElement(overlay) ? (React.cloneElement(overlay, { placement: placement })) : (React.createElement(Content, { placement: placement }, overlay));
+    return (React.createElement(OverlayTrigger, __assign({}, __assign(__assign({}, props), { initialIsVisible: initialIsVisible, overlay: overlayNode, placement: placement, ref: ref, restoreFocusOnHide: false, trigger: trigger, shrinkOverlay: true })), children));
+});
+Tooltip_.displayName = 'Tooltip';
+Content.displayName = 'Tooltip.Content';
+export var Tooltip = addSubcomponents({
+    Content: Content,
+}, Tooltip_);
+export default Tooltip;
+//# sourceMappingURL=Tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAC/D,OAAO,EAAE,cAAc,EAAuB,MAAM,mBAAmB,CAAA;AACvE,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAGjE,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAC9B,SAAS,OAAO,CAAC,EAAyC,EAAE,GAAG;IAA5C,IAAA,QAAQ,cAAA,EAAE,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EAAK,KAAK,cAAvC,yBAAyC,CAAF;IACtD,OAAO,CACL,oBAAC,eAAe,IAAC,GAAG,EAAE,GAAG;QACvB,oBAAC,aAAa,eAAK,KAAK,kBAAc,SAAS,KAC5C,QAAQ,CACK,CACA,CACnB,CAAA;AACH,CAAC,CACF,CAAA;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,SAAS,OAAO,CAChB,EAOC,EACD,GAAG;IAPD,IAAA,QAAQ,cAAA,EACR,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EACxB,OAAO,aAAA,EACP,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,eAAiB,EAAjB,OAAO,mBAAG,OAAO,KAAA,EACd,KAAK,cANV,mEAOC,CADS;IAIV,IAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAClD,KAAK,CAAC,YAAY,CAAC,OAA6B,EAAE,EAAE,SAAS,WAAA,EAAE,CAAC,CACjE,CAAC,CAAC,CAAC,CACF,oBAAC,OAAO,IAAC,SAAS,EAAE,SAAS,IAAG,OAAO,CAAW,CACnD,CAAA;IAED,OAAO,CACL,oBAAC,cAAc,qCAER,KAAK,KACR,gBAAgB,kBAAA,EAChB,OAAO,EAAE,WAAW,EACpB,SAAS,WAAA,EACT,GAAG,KAAA,EACH,kBAAkB,EAAE,KAAK,EACzB,OAAO,SAAA,EACP,aAAa,EAAE,IAAI,MAGpB,QAAQ,CACM,CAClB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAA;AAEhC,OAAO,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAEvC,MAAM,CAAC,IAAM,OAAO,GAAG,gBAAgB,CACrC;IACE,OAAO,SAAA;CACR,EACD,QAAQ,CACT,CAAA;AAED,eAAe,OAAO,CAAA"}

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

@@ -0,0 +1,5 @@
+import { Placement } from '../../utils/placement';
+export declare const StyledTooltip: import("styled-components").StyledComponent<"span", any, {
+    $placement: Placement;
+}, never>;
+export declare const StyledContainer: import("styled-components").StyledComponent<"span", any, {}, never>;

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

@@ -0,0 +1,18 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from 'styled-components';
+import { getArrowPlacement } from '../../styles/arrows';
+import { borderRadius } from '../../styles/borderRadius';
+import { colors } from '../../styles/colors';
+import { getShadow } from '../../styles/shadows';
+import { spacing } from '../../styles/spacing';
+import { getTypographyIntent } from '../Typography/Typography.styles';
+export var StyledTooltip = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  ", "\n  ", "\n\n  background-color: ", ";\n  border-radius: ", "px;\n  color: ", ";\n  max-width: 200px;\n  padding: ", "px ", "px;\n  position: relative;\n\n  // for IE11, use word-wrap property\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n"], ["\n  ", "\n  ", "\n  ", "\n\n  background-color: ", ";\n  border-radius: ", "px;\n  color: ", ";\n  max-width: 200px;\n  padding: ", "px ", "px;\n  position: relative;\n\n  // for IE11, use word-wrap property\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n"])), function (_a) {
+    var $placement = _a.$placement;
+    return getArrowPlacement(6, 'gray15', $placement);
+}, getShadow(3, 'bottom'), getTypographyIntent('small'), colors.gray15, borderRadius.md, colors.white, spacing.sm, spacing.md);
+export var StyledContainer = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: inline-flex;\n"], ["\n  display: inline-flex;\n"])));
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=Tooltip.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.styles.js","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAE9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AAErE,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,IAAI,8UAA2B,MAC/D,EAA8D,MAC9D,EAAsB,MACtB,EAA4B,0BAEV,EAAa,sBAChB,EAAe,gBACvB,EAAY,qCAEV,EAAU,KAAM,EAAU,+HAMtC,KAdG,UAAC,EAAc;QAAZ,UAAU,gBAAA;IAAO,OAAA,iBAAiB,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAU,CAAC;AAA1C,CAA0C,EAC9D,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,EACtB,mBAAmB,CAAC,OAAO,CAAC,EAEV,MAAM,CAAC,MAAM,EAChB,YAAY,CAAC,EAAE,EACvB,MAAM,CAAC,KAAK,EAEV,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,CAMtC,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,IAAI,gGAAA,6BAEzC,IAAA,CAAA"}

package/dist/esm/components/Tooltip/Tooltip.types.d.ts

@@ -0,0 +1,39 @@
+import { TriggerVariant } from '../../state/Trigger';
+import { Placement } from '../../utils/placement';
+import { Props } from '../../utils/types';
+export interface TooltipContentProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    placement?: Placement;
+}
+export interface TooltipProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    hideDelay?: number;
+    /**
+     * Whether to show the overlay on initial render
+     * @since 10.19.0
+     */
+    initialIsVisible?: boolean;
+    /**
+     * The tip we want to display
+     * @since 10.19.0
+     */
+    overlay?: any;
+    /**
+     * Determines the position of the arrow
+     * @since 10.19.0
+     */
+    placement?: Placement;
+    /**
+     * @since 10.19.0
+     */
+    showDelay?: number;
+    /**
+     * The event to trigger the overlay
+     * @since 10.19.0
+     */
+    trigger?: TriggerVariant;
+}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Tooltip.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.types.js","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.types.ts"],"names":[],"mappings":""}

package/dist/esm/components/Tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { Tooltip as default, Tooltip } from './Tooltip';
+export { TooltipContentProps, TooltipProps } from './Tooltip.types';

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

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

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

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

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

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

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

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