@box/tree 2.1.36 → 2.1.37

package/dist/esm/lib/hooks/index.js

@@ -1,3 +1 @@
-import { useIntersectionObserver as e } from "./useIntersectionObserver.js";
-import { useSelectionInheritance as t } from "./useSelectionInheritance.js";
-export { e as useIntersectionObserver, t as useSelectionInheritance };
+import{useIntersectionObserver}from"./useIntersectionObserver.js";import{useSelectionInheritance}from"./useSelectionInheritance.js";export{useIntersectionObserver,useSelectionInheritance};

package/dist/esm/lib/hooks/useIntersectionObserver.js

@@ -1,14 +1 @@
-import { useEffect as e, useState as t } from "react";
-var n = { rootMargin: "100px 0px" };
-function r(r) {
-	let [i, a] = t(!1), o = (e) => {
-		e[0].isIntersecting ? a(!1) : a(!0);
-	};
-	return e(() => {
-		let e = new IntersectionObserver(o, n), t = r.current;
-		return t && e.observe(t), () => {
-			t && e.unobserve(t);
-		};
-	}, [r]), i;
-}
-export { r as useIntersectionObserver };
+import{useEffect,useState}from"react";var intersectionObserverOptions={rootMargin:`100px 0px`};function useIntersectionObserver(nodeRef){let[isOutside,setOutside]=useState(!1),intersectionObserverCallback=entries=>{entries[0].isIntersecting?setOutside(!1):setOutside(!0)};return useEffect(()=>{let observer=new IntersectionObserver(intersectionObserverCallback,intersectionObserverOptions),currentNode=nodeRef.current;return currentNode&&observer.observe(currentNode),()=>{currentNode&&observer.unobserve(currentNode)}},[nodeRef]),isOutside}export{useIntersectionObserver};

package/dist/esm/lib/hooks/useSelectionInheritance.js

@@ -1,17 +1 @@
-import { useCallback as e, useMemo as t, useState as n } from "react";
-var r = () => {
-	let [r, i] = n([]), a = e((e, t = []) => {
-		let n = [], r = t[0];
-		for (; r != null;) {
-			let t = e.find((e) => e.id === r);
-			if (!t || t.parent == null || t.parent === void 0) break;
-			r = t.parent, n.push(r);
-		}
-		i(n);
-	}, []);
-	return t(() => ({
-		selectionInheritors: r,
-		getSelectionInheritors: a
-	}), [r, a]);
-};
-export { r as useSelectionInheritance };
+import{useCallback,useMemo,useState}from"react";var useSelectionInheritance=()=>{let[selectionInheritors,setSelectionInheritors]=useState([]),getSelectionInheritors=useCallback((data,selectedIds=[])=>{let inheritors=[],nodeId=selectedIds[0];for(;nodeId!=null;){let node=data.find(item=>item.id===nodeId);if(!node||node.parent==null||node.parent===void 0)break;nodeId=node.parent,inheritors.push(nodeId)}setSelectionInheritors(inheritors)},[]);return useMemo(()=>({selectionInheritors,getSelectionInheritors}),[selectionInheritors,getSelectionInheritors])};export{useSelectionInheritance};

package/dist/esm/lib/tree.js

@@ -1,3 +1 @@
-import "./components/index.js";
-import { t as e } from "../../chunks/tree.js";
-export { e as Tree, e as default };
+import"./components/index.js";import{t as Tree}from"../../chunks/tree.js";export{Tree,Tree as default};

package/dist/esm/lib/utils.js

@@ -1,39 +1 @@
-import { BRANCH_ID_DATA_ATTRIBUTE as e, CONTENT_NODE_LOADING as t, LOAD_MORE_NODE_DATA_ATTRIBUTE as n, RELOAD_NODE_DATA_ATTRIBUTE as r } from "./constants.js";
-var i = (e) => {
-	e.code === "ArrowRight" && e.target.getAttribute("aria-disabled") === "true" && e.stopPropagation();
-}, a = (e) => e.closest("[data-contentnode=\"true\"]") || (e.firstChild?.dataset && e.firstChild.dataset.contentnode === "true" ? e.firstChild : null), o = (e) => e.closest("[data-servicenode=\"true\"]") || (e.firstChild?.dataset && e.firstChild.dataset.servicenode === "true" ? e.firstChild : null), s = (e) => e.dataset[n] === "true", c = (e) => e.dataset[r] === "true", l = (e) => e.dataset[t] === "true", u = (e) => {
-	e.dispatchEvent(new KeyboardEvent("keydown", {
-		code: "ArrowUp",
-		key: "ArrowUp",
-		bubbles: !0
-	}));
-}, d = (e) => {
-	let t = document.querySelector("[role=\"tree\"] [tabindex=\"0\"]");
-	if (t) {
-		if (t === e || e.contains(t)) {
-			u(e);
-			return;
-		}
-		t.focus();
-	}
-}, f = (t, n) => {
-	if (t.getAttribute("aria-disabled") === "true" || !s(t) && !c(t)) return;
-	let r = t.dataset[e];
-	r && n(r);
-}, p = (e) => (t) => {
-	if (t.code !== "Enter" && t.code !== "Space" && t.code !== "ArrowRight" && t.code !== "ArrowLeft") return;
-	let n = o(t.target);
-	n && (t.stopPropagation(), !(t.code === "ArrowRight" || t.code === "ArrowLeft") && e && f(n, (t) => {
-		u(n), e(t);
-	}));
-}, m = (e) => (t) => {
-	let n = o(t.target);
-	n && (t.stopPropagation(), e && f(n, (t) => {
-		d(n), e(t);
-	}));
-}, h = (e) => {
-	if (e.code !== "ArrowRight") return;
-	let t = a(e.target);
-	t && l(t) && e.stopPropagation();
-};
-export { i as preventDisabledNodeExpanding, h as preventLoadingContentNodeExpanding, m as serviceNodeClickHandler, p as serviceNodeKeyboardHandler };
+import{BRANCH_ID_DATA_ATTRIBUTE,CONTENT_NODE_LOADING,LOAD_MORE_NODE_DATA_ATTRIBUTE,RELOAD_NODE_DATA_ATTRIBUTE}from"./constants.js";var preventDisabledNodeExpanding=event=>{event.code===`ArrowRight`&&event.target.getAttribute(`aria-disabled`)===`true`&&event.stopPropagation()},closestContentNode=target=>target.closest(`[data-contentnode="true"]`)||(target.firstChild?.dataset&&target.firstChild.dataset.contentnode===`true`?target.firstChild:null),closestServiceNode=target=>target.closest(`[data-servicenode="true"]`)||(target.firstChild?.dataset&&target.firstChild.dataset.servicenode===`true`?target.firstChild:null),isLoadMoreNode=node=>node.dataset[LOAD_MORE_NODE_DATA_ATTRIBUTE]===`true`,isReloadNode=node=>node.dataset[RELOAD_NODE_DATA_ATTRIBUTE]===`true`,isContentNodeLoading=node=>node.dataset[CONTENT_NODE_LOADING]===`true`,resetFocusToClosestNode=node=>{node.dispatchEvent(new KeyboardEvent(`keydown`,{code:`ArrowUp`,key:`ArrowUp`,bubbles:!0}))},resetFocusToFocusedNode=node=>{let focusedNode=document.querySelector(`[role="tree"] [tabindex="0"]`);if(focusedNode){if(focusedNode===node||node.contains(focusedNode)){resetFocusToClosestNode(node);return}focusedNode.focus()}},loadDataOnServiceNodeInteraction=(serviceNode,loadData)=>{if(serviceNode.getAttribute(`aria-disabled`)===`true`||!isLoadMoreNode(serviceNode)&&!isReloadNode(serviceNode))return;let branchId=serviceNode.dataset[BRANCH_ID_DATA_ATTRIBUTE];branchId&&loadData(branchId)},serviceNodeKeyboardHandler=loadData=>event=>{if(event.code!==`Enter`&&event.code!==`Space`&&event.code!==`ArrowRight`&&event.code!==`ArrowLeft`)return;let serviceNode=closestServiceNode(event.target);serviceNode&&(event.stopPropagation(),!(event.code===`ArrowRight`||event.code===`ArrowLeft`)&&loadData&&loadDataOnServiceNodeInteraction(serviceNode,branchId=>{resetFocusToClosestNode(serviceNode),loadData(branchId)}))},serviceNodeClickHandler=loadData=>event=>{let serviceNode=closestServiceNode(event.target);serviceNode&&(event.stopPropagation(),loadData&&loadDataOnServiceNodeInteraction(serviceNode,branchId=>{resetFocusToFocusedNode(serviceNode),loadData(branchId)}))},preventLoadingContentNodeExpanding=event=>{if(event.code!==`ArrowRight`)return;let contentNode=closestContentNode(event.target);contentNode&&isContentNodeLoading(contentNode)&&event.stopPropagation()};export{preventDisabledNodeExpanding,preventLoadingContentNodeExpanding,serviceNodeClickHandler,serviceNodeKeyboardHandler};

package/package.json

@@ -1,20 +1,20 @@
 {
     "name": "@box/tree",
-    "version": "2.1.36",
+    "version": "2.1.37",
     "peerDependencies": {
-        "@box/blueprint-web": "^16.13.0",
-        "@box/blueprint-web-assets": "^5.5.9",
-        "@box/item-icon": "^3.2.33",
+        "@box/blueprint-web": "^16.13.1",
+        "@box/blueprint-web-assets": "^5.5.10",
+        "@box/item-icon": "^3.2.34",
         "react": "^17.0.0 || ^18.0.0",
         "react-accessible-treeview": "2.9.0",
         "react-dom": "^17.0.0 || ^18.0.0",
         "react-intl": "^6.4.2"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^16.13.0",
-        "@box/blueprint-web-assets": "^5.5.9",
-        "@box/item-icon": "^3.2.33",
-        "@box/storybook-utils": "^1.1.33",
+        "@box/blueprint-web": "^16.13.1",
+        "@box/blueprint-web-assets": "^5.5.10",
+        "@box/item-icon": "^3.2.34",
+        "@box/storybook-utils": "^1.1.34",
         "@faker-js/faker": "^8.4.1",
         "react": "^18.3.0",
         "react-dom": "^18.3.0",