@modernrelay/orbit-react 0.14.0 → 0.16.0

package/dist/index.js

@@ -190,6 +190,7 @@ function LabelLayer(props) {
   const [candidates, setCandidates] = useState([]);
   const elementsRef = useRef(/* @__PURE__ */ new Map());
   const positionsRef = useRef(/* @__PURE__ */ new Map());
+  const layerRef = useRef(null);
   useEffect(() => {
     if (labels === void 0) return void 0;
     return labels.subscribeCandidates((list) => {
@@ -219,20 +220,43 @@ function LabelLayer(props) {
       }
     });
   }, [labels]);
-  const onLabelClick = (id, e) => {
-    e.stopPropagation();
-    if (e.metaKey || e.shiftKey) {
+  const selectLabel = (id, additive) => {
+    if (additive) {
       const cur = instance.store.getState().selection.nodeIds;
       instance.setSelection(cur.includes(id) ? cur.filter((x) => x !== id) : [...cur, id]);
       return;
     }
     instance.setSelection([id]);
   };
+  const onLabelClick = (id, e) => {
+    e.stopPropagation();
+    selectLabel(id, e.metaKey || e.shiftKey);
+  };
   const onClusterLabelClick = (key, e) => {
     e.stopPropagation();
     instance.selectCluster(key, { additive: e.metaKey || e.shiftKey });
   };
-  const layerRef = useRef(null);
+  const onLabelKeyDown = (p, e) => {
+    if (p.kind !== "cluster" && (e.key === "ContextMenu" || e.key === "F10" && e.shiftKey)) {
+      e.preventDefault();
+      e.stopPropagation();
+      const layerRect = layerRef.current?.getBoundingClientRect();
+      if (layerRect === void 0) return;
+      const labelRect = e.currentTarget.getBoundingClientRect();
+      instance.requestNodeContextMenu(p.id, [
+        labelRect.left + labelRect.width / 2 - layerRect.left,
+        labelRect.top + labelRect.height / 2 - layerRect.top
+      ]);
+      return;
+    }
+    if (e.target !== e.currentTarget) return;
+    if (e.key !== "Enter" && e.key !== " ") return;
+    e.preventDefault();
+    e.stopPropagation();
+    const additive = e.metaKey || e.shiftKey;
+    if (p.kind === "cluster") instance.selectCluster(p.id, { additive });
+    else selectLabel(p.id, additive);
+  };
   const onLabelContextMenu = (id, e) => {
     e.preventDefault();
     e.stopPropagation();
@@ -246,17 +270,25 @@ function LabelLayer(props) {
     const [x, y] = positionsRef.current.get(key) ?? [p.x, p.y];
     const isCluster = p.kind === "cluster";
     const className = isCluster ? [props.labelClassName, props.clusterLabelClassName].filter(Boolean).join(" ") || void 0 : props.labelClassName;
+    const hasCustomRenderer = isCluster ? props.renderClusterLabel !== void 0 : props.renderNodeLabel !== void 0;
     return /* @__PURE__ */ jsx(
       "div",
       {
         ...isCluster ? { "data-orbit-cluster-label": p.id } : { "data-orbit-label": p.id },
         className,
+        ...!hasCustomRenderer ? {
+          role: "button",
+          tabIndex: 0,
+          "aria-label": p.text,
+          ...!isCluster ? { "aria-haspopup": "menu" } : {}
+        } : {},
         style: { ...LABEL_BASE_STYLE, transform: transformOf(x, y) },
         ref: (el) => {
           if (el === null) elementsRef.current.delete(key);
           else elementsRef.current.set(key, el);
         },
         onClick: (e) => isCluster ? onClusterLabelClick(p.id, e) : onLabelClick(p.id, e),
+        onKeyDown: (e) => onLabelKeyDown(p, e),
         onContextMenu: isCluster ? void 0 : (e) => onLabelContextMenu(p.id, e),
         children: isCluster ? props.renderClusterLabel !== void 0 ? props.renderClusterLabel({
           clusterKey: p.id,
@@ -385,6 +417,8 @@ function GraphInner(props, ref) {
     if (props.fitViewOnFirstData !== void 0) {
       options.fitViewOnFirstData = props.fitViewOnFirstData;
     }
+    if (props.fitViewOnSettle !== void 0) options.fitViewOnSettle = props.fitViewOnSettle;
+    if (props.fitViewMaxZoom !== void 0) options.fitViewMaxZoom = props.fitViewMaxZoom;
     if (props.searchIndex !== void 0) options.searchIndex = props.searchIndex;
     if (props.limits !== void 0) options.limits = props.limits;
     if (props.execution !== void 0) options.execution = props.execution;