@darajs/components 1.10.2 → 1.10.4

package/dist/common/input/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../js/common/input/input.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAyD,MAAM,cAAc,CAAC;AAI/F,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,UAAU,UAAW,SAAQ,kBAAkB;IAC3C,yCAAyC;IACzC,SAAS,EAAE,MAAM,CAAC;IAClB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+CAA+C;IAE/C,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CAC5B;AAQD;;;;GAIG;AACH,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CA+D7C;AAED,eAAe,KAAK,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../js/common/input/input.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAyD,MAAM,cAAc,CAAC;AAI/F,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,UAAU,UAAW,SAAQ,kBAAkB;IAC3C,yCAAyC;IACzC,SAAS,EAAE,MAAM,CAAC;IAClB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+CAA+C;IAE/C,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CAC5B;AAQD;;;;GAIG;AACH,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CA8D7C;AAED,eAAe,KAAK,CAAC"}

package/dist/common/input/input.js

@@ -21,24 +21,23 @@ function Input(props) {
     const [value, setValue] = useVariable(formCtx.resolveInitialValue());
     const [internalValue, setInternalValue] = useState(value);
     const onInputAction = useAction(props.onchange);
-    const debouncedAction = useMemo(() => _debounce(onInputAction, 500), [onInputAction]);
-    const debouncedSetValue = useMemo(() => _debounce(setValue, 500), [setValue]);
-    const debouncedUpdateForm = useMemo(() => _debounce(formCtx.updateForm, 500), [formCtx.updateForm]);
+    const debouncedAction = useMemo(() => _debounce(onInputAction, 300), [onInputAction]);
+    const debouncedSetValue = useMemo(() => _debounce(setValue, 300), [setValue]);
+    const debouncedUpdateForm = useMemo(() => _debounce(formCtx.updateForm, 300), [formCtx.updateForm]);
     function handleChange(val) {
         let newValue = val;
         if (props.type === 'number') {
             newValue = getNumericValue(newValue);
         }
-        // Immmediately update internal state
+        // Immediately update internal state
         setInternalValue(newValue);
         // Debounce the update to the variable and the form to prevent multiple updates being fired at once
         debouncedSetValue(newValue);
-        debouncedAction(val);
-        debouncedUpdateForm(val);
+        debouncedAction(newValue);
+        debouncedUpdateForm(newValue);
     }
     useEffect(() => {
-        // cancel in-progress debounced actions to make sure the variable value takes precedence
-        debouncedAction.cancel();
+        // cancel in-progress debounced updates to make sure the variable value takes precedence
         debouncedSetValue.cancel();
         debouncedUpdateForm.cancel();
         // If value has been coerced to string convert it back to number for NumericInput

package/dist/common/input/input.js.map

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

package/dist/common/textarea/textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../js/common/textarea/textarea.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAyD,MAAM,cAAc,CAAC;AAI/F,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,UAAU,aAAc,SAAQ,kBAAkB;IAC9C,iDAAiD;IACjD,SAAS,EAAE,OAAO,CAAC;IACnB,wGAAwG;IACxG,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC1E,uFAAuF;IAEvF,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CAC5B;AAID;;;;;GAKG;AACH,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAyCnD;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../js/common/textarea/textarea.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAyD,MAAM,cAAc,CAAC;AAI/F,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,UAAU,aAAc,SAAQ,kBAAkB;IAC9C,iDAAiD;IACjD,SAAS,EAAE,OAAO,CAAC;IACnB,wGAAwG;IACxG,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC1E,uFAAuF;IAEvF,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CAC5B;AAID;;;;;GAKG;AACH,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAwCnD;AAED,eAAe,QAAQ,CAAC"}

package/dist/common/textarea/textarea.js

@@ -18,9 +18,9 @@ function Textarea(props) {
     const [value, setValue] = useVariable(formCtx.resolveInitialValue());
     const [internalValue, setInternalValue] = useState(value);
     const onInputAction = useAction(props.onchange);
-    const debouncedAction = useMemo(() => _debounce(onInputAction, 500), [onInputAction]);
-    const debouncedSetValue = useMemo(() => _debounce(setValue, 500), [setValue]);
-    const debouncedUpdateForm = useMemo(() => _debounce(formCtx.updateForm, 500), [formCtx.updateForm]);
+    const debouncedAction = useMemo(() => _debounce(onInputAction, 300), [onInputAction]);
+    const debouncedSetValue = useMemo(() => _debounce(setValue, 300), [setValue]);
+    const debouncedUpdateForm = useMemo(() => _debounce(formCtx.updateForm, 300), [formCtx.updateForm]);
     function handleChange(val) {
         // immediately update internal state
         setInternalValue(val);
@@ -30,8 +30,7 @@ function Textarea(props) {
         debouncedUpdateForm(val);
     }
     useEffect(() => {
-        // cancel in-progress debounced actions to make sure the variable value takes precedence
-        debouncedAction.cancel();
+        // cancel in-progress debounced updates to make sure the variable value takes precedence
         debouncedSetValue.cancel();
         debouncedUpdateForm.cancel();
         // Sync the internal value with the variable value when the variable value changes

package/dist/common/textarea/textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../js/common/textarea/textarea.tsx"],"names":[],"mappings":";AAAA,gDAAgD;AAChD,OAAO,SAAS,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAY,SAAS,EAAE,SAAS,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC/F,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAE/D,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAa5C,MAAM,cAAc,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;AAE7C;;;;;GAKG;AACH,SAAS,QAAQ,CAAC,KAAoB;IAClC,MAAM,OAAO,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,WAAW,CAAC,OAAO,CAAC,mBAAmB,EAAE,CAAC,CAAC;IACrE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,aAAa,GAAG,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAEhD,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,aAAa,EAAE,GAAG,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IACtF,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC9E,MAAM,mBAAmB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,UAAU,EAAE,GAAG,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;IAEpG,SAAS,YAAY,CAAC,GAAW;QAC7B,oCAAoC;QACpC,gBAAgB,CAAC,GAAG,CAAC,CAAC;QAEtB,mGAAmG;QACnG,iBAAiB,CAAC,GAAG,CAAC,CAAC;QACvB,eAAe,CAAC,GAAG,CAAC,CAAC;QACrB,mBAAmB,CAAC,GAAG,CAAC,CAAC;IAC7B,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACX,wFAAwF;QACxF,eAAe,CAAC,MAAM,EAAE,CAAC;QACzB,iBAAiB,CAAC,MAAM,EAAE,CAAC;QAC3B,mBAAmB,CAAC,MAAM,EAAE,CAAC;QAE7B,kFAAkF;QAClF,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACH,KAAC,cAAc,eACF,GAAG,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,aAAa,GACtB,CACL,CAAC;AACN,CAAC;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../js/common/textarea/textarea.tsx"],"names":[],"mappings":";AAAA,gDAAgD;AAChD,OAAO,SAAS,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAY,SAAS,EAAE,SAAS,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC/F,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAE/D,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAa5C,MAAM,cAAc,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;AAE7C;;;;;GAKG;AACH,SAAS,QAAQ,CAAC,KAAoB;IAClC,MAAM,OAAO,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,WAAW,CAAC,OAAO,CAAC,mBAAmB,EAAE,CAAC,CAAC;IACrE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,aAAa,GAAG,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAEhD,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,aAAa,EAAE,GAAG,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IACtF,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC9E,MAAM,mBAAmB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,UAAU,EAAE,GAAG,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;IAEpG,SAAS,YAAY,CAAC,GAAW;QAC7B,oCAAoC;QACpC,gBAAgB,CAAC,GAAG,CAAC,CAAC;QAEtB,mGAAmG;QACnG,iBAAiB,CAAC,GAAG,CAAC,CAAC;QACvB,eAAe,CAAC,GAAG,CAAC,CAAC;QACrB,mBAAmB,CAAC,GAAG,CAAC,CAAC;IAC7B,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACX,wFAAwF;QACxF,iBAAiB,CAAC,MAAM,EAAE,CAAC;QAC3B,mBAAmB,CAAC,MAAM,EAAE,CAAC;QAE7B,kFAAkF;QAClF,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACH,KAAC,cAAc,eACF,GAAG,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,aAAa,GACtB,CACL,CAAC;AACN,CAAC;AAED,eAAe,QAAQ,CAAC"}

package/dist/umd/dara.components.umd.js

@@ -5727,6 +5727,15 @@
   function isTableElement$1(element2) {
     return ["table", "td", "th"].includes(getNodeName$1(element2));
   }
+  function isTopLayer(element2) {
+    return [":popover-open", ":modal"].some((selector2) => {
+      try {
+        return element2.matches(selector2);
+      } catch (e3) {
+        return false;
+      }
+    });
+  }
   function isContainingBlock(element2) {
     const webkit2 = isWebKit();
     const css2 = getComputedStyle$2(element2);
@@ -5735,6 +5744,9 @@
   function getContainingBlock$1(element2) {
     let currentNode = getParentNode$1(element2);
     while (isHTMLElement$1(currentNode) && !isLastTraversableNode(currentNode)) {
+      if (isTopLayer(currentNode)) {
+        return null;
+      }
       if (isContainingBlock(currentNode)) {
         return currentNode;
       }
@@ -6359,10 +6371,12 @@
           return {};
         }
         const side = getSide(placement);
+        const initialSideAxis = getSideAxis(initialPlacement);
         const isBasePlacement = getSide(initialPlacement) === initialPlacement;
         const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating));
         const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement$1(initialPlacement)] : getExpandedPlacements(initialPlacement));
-        if (!specifiedFallbackPlacements && fallbackAxisSideDirection !== "none") {
+        const hasFallbackAxisSideDirection = fallbackAxisSideDirection !== "none";
+        if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {
           fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
         }
         const placements2 = [initialPlacement, ...fallbackPlacements];
@@ -6399,8 +6413,14 @@
           if (!resetPlacement) {
             switch (fallbackStrategy) {
               case "bestFit": {
-                var _overflowsData$map$so;
-                const placement2 = (_overflowsData$map$so = overflowsData.map((d2) => [d2.placement, d2.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0)]).sort((a2, b2) => a2[1] - b2[1])[0]) == null ? void 0 : _overflowsData$map$so[0];
+                var _overflowsData$filter2;
+                const placement2 = (_overflowsData$filter2 = overflowsData.filter((d2) => {
+                  if (hasFallbackAxisSideDirection) {
+                    const currentSideAxis = getSideAxis(d2.placement);
+                    return currentSideAxis === initialSideAxis || currentSideAxis === "y";
+                  }
+                  return true;
+                }).map((d2) => [d2.placement, d2.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0)]).sort((a2, b2) => a2[1] - b2[1])[0]) == null ? void 0 : _overflowsData$filter2[0];
                 if (placement2) {
                   resetPlacement = placement2;
                 }
@@ -6995,16 +7015,6 @@
       y: y2
     });
   }
-  const topLayerSelectors = [":popover-open", ":modal"];
-  function isTopLayer(element2) {
-    return topLayerSelectors.some((selector2) => {
-      try {
-        return element2.matches(selector2);
-      } catch (e3) {
-        return false;
-      }
-    });
-  }
   function convertOffsetParentRelativeRectToViewportRelativeRect(_ref2) {
     let {
       elements,
@@ -7788,78 +7798,73 @@
     } = props;
     const pointerTypeRef = React__namespace.useRef();
     const didKeyDownRef = React__namespace.useRef(false);
-    return React__namespace.useMemo(() => {
-      if (!enabled)
-        return {};
-      return {
-        reference: {
-          onPointerDown(event2) {
-            pointerTypeRef.current = event2.pointerType;
-          },
-          onMouseDown(event2) {
-            if (event2.button !== 0) {
-              return;
-            }
-            if (isMouseLikePointerType(pointerTypeRef.current, true) && ignoreMouse) {
-              return;
-            }
-            if (eventOption === "click") {
-              return;
-            }
-            if (open && toggle && (dataRef.current.openEvent ? dataRef.current.openEvent.type === "mousedown" : true)) {
-              onOpenChange(false, event2.nativeEvent, "click");
-            } else {
-              event2.preventDefault();
-              onOpenChange(true, event2.nativeEvent, "click");
-            }
-          },
-          onClick(event2) {
-            if (eventOption === "mousedown" && pointerTypeRef.current) {
-              pointerTypeRef.current = void 0;
-              return;
-            }
-            if (isMouseLikePointerType(pointerTypeRef.current, true) && ignoreMouse) {
-              return;
-            }
-            if (open && toggle && (dataRef.current.openEvent ? dataRef.current.openEvent.type === "click" : true)) {
-              onOpenChange(false, event2.nativeEvent, "click");
-            } else {
-              onOpenChange(true, event2.nativeEvent, "click");
-            }
-          },
-          onKeyDown(event2) {
-            pointerTypeRef.current = void 0;
-            if (event2.defaultPrevented || !keyboardHandlers || isButtonTarget(event2)) {
-              return;
-            }
-            if (event2.key === " " && !isSpaceIgnored(domReference)) {
-              event2.preventDefault();
-              didKeyDownRef.current = true;
-            }
-            if (event2.key === "Enter") {
-              if (open && toggle) {
-                onOpenChange(false, event2.nativeEvent, "click");
-              } else {
-                onOpenChange(true, event2.nativeEvent, "click");
-              }
-            }
-          },
-          onKeyUp(event2) {
-            if (event2.defaultPrevented || !keyboardHandlers || isButtonTarget(event2) || isSpaceIgnored(domReference)) {
-              return;
-            }
-            if (event2.key === " " && didKeyDownRef.current) {
-              didKeyDownRef.current = false;
-              if (open && toggle) {
-                onOpenChange(false, event2.nativeEvent, "click");
-              } else {
-                onOpenChange(true, event2.nativeEvent, "click");
-              }
-            }
+    const reference2 = React__namespace.useMemo(() => ({
+      onPointerDown(event2) {
+        pointerTypeRef.current = event2.pointerType;
+      },
+      onMouseDown(event2) {
+        const pointerType = pointerTypeRef.current;
+        if (event2.button !== 0)
+          return;
+        if (eventOption === "click")
+          return;
+        if (isMouseLikePointerType(pointerType, true) && ignoreMouse)
+          return;
+        if (open && toggle && (dataRef.current.openEvent ? dataRef.current.openEvent.type === "mousedown" : true)) {
+          onOpenChange(false, event2.nativeEvent, "click");
+        } else {
+          event2.preventDefault();
+          onOpenChange(true, event2.nativeEvent, "click");
+        }
+      },
+      onClick(event2) {
+        const pointerType = pointerTypeRef.current;
+        if (eventOption === "mousedown" && pointerTypeRef.current) {
+          pointerTypeRef.current = void 0;
+          return;
+        }
+        if (isMouseLikePointerType(pointerType, true) && ignoreMouse)
+          return;
+        if (open && toggle && (dataRef.current.openEvent ? dataRef.current.openEvent.type === "click" : true)) {
+          onOpenChange(false, event2.nativeEvent, "click");
+        } else {
+          onOpenChange(true, event2.nativeEvent, "click");
+        }
+      },
+      onKeyDown(event2) {
+        pointerTypeRef.current = void 0;
+        if (event2.defaultPrevented || !keyboardHandlers || isButtonTarget(event2)) {
+          return;
+        }
+        if (event2.key === " " && !isSpaceIgnored(domReference)) {
+          event2.preventDefault();
+          didKeyDownRef.current = true;
+        }
+        if (event2.key === "Enter") {
+          if (open && toggle) {
+            onOpenChange(false, event2.nativeEvent, "click");
+          } else {
+            onOpenChange(true, event2.nativeEvent, "click");
           }
         }
-      };
-    }, [enabled, dataRef, eventOption, ignoreMouse, keyboardHandlers, domReference, toggle, open, onOpenChange]);
+      },
+      onKeyUp(event2) {
+        if (event2.defaultPrevented || !keyboardHandlers || isButtonTarget(event2) || isSpaceIgnored(domReference)) {
+          return;
+        }
+        if (event2.key === " " && didKeyDownRef.current) {
+          didKeyDownRef.current = false;
+          if (open && toggle) {
+            onOpenChange(false, event2.nativeEvent, "click");
+          } else {
+            onOpenChange(true, event2.nativeEvent, "click");
+          }
+        }
+      }
+    }), [dataRef, domReference, eventOption, ignoreMouse, keyboardHandlers, onOpenChange, open, toggle]);
+    return React__namespace.useMemo(() => enabled ? {
+      reference: reference2
+    } : {}, [enabled, reference2]);
   }
   const bubbleHandlerKeys = {
     pointerdown: "onPointerDown",
@@ -7885,11 +7890,7 @@
     const {
       open,
       onOpenChange,
-      elements: {
-        reference: reference2,
-        domReference,
-        floating
-      },
+      elements,
       dataRef
     } = context2;
     const {
@@ -7967,7 +7968,7 @@
       }
       const target = getTarget(event2);
       const inertSelector = "[" + createAttribute("inert") + "]";
-      const markers = getDocument(floating).querySelectorAll(inertSelector);
+      const markers = getDocument(elements.floating).querySelectorAll(inertSelector);
       let targetRootAncestor = isElement$4(target) ? target : null;
       while (targetRootAncestor && !isLastTraversableNode(targetRootAncestor)) {
         const nextParent = getParentNode$1(targetRootAncestor);
@@ -7976,7 +7977,7 @@
         }
         targetRootAncestor = nextParent;
       }
-      if (markers.length && isElement$4(target) && !isRootElement(target) && !contains$2(target, floating) && Array.from(markers).every((marker) => !contains$2(targetRootAncestor, marker))) {
+      if (markers.length && isElement$4(target) && !isRootElement(target) && !contains$2(target, elements.floating) && Array.from(markers).every((marker) => !contains$2(targetRootAncestor, marker))) {
         return;
       }
       if (isHTMLElement$1(target) && floating) {
@@ -7998,7 +7999,7 @@
         var _node$context;
         return isEventTargetWithin(event2, (_node$context = node2.context) == null ? void 0 : _node$context.elements.floating);
       });
-      if (isEventTargetWithin(event2, floating) || isEventTargetWithin(event2, domReference) || targetIsInsideChildren) {
+      if (isEventTargetWithin(event2, elements.floating) || isEventTargetWithin(event2, elements.domReference) || targetIsInsideChildren) {
         return;
       }
       const children2 = tree ? getChildren$3(tree.nodesRef.current, nodeId) : [];
@@ -8035,19 +8036,19 @@
       function onScroll(event2) {
         onOpenChange(false, event2, "ancestor-scroll");
       }
-      const doc2 = getDocument(floating);
+      const doc2 = getDocument(elements.floating);
       escapeKey && doc2.addEventListener("keydown", escapeKeyCapture ? closeOnEscapeKeyDownCapture : closeOnEscapeKeyDown, escapeKeyCapture);
       outsidePress && doc2.addEventListener(outsidePressEvent, outsidePressCapture ? closeOnPressOutsideCapture : closeOnPressOutside, outsidePressCapture);
       let ancestors = [];
       if (ancestorScroll) {
-        if (isElement$4(domReference)) {
-          ancestors = getOverflowAncestors(domReference);
+        if (isElement$4(elements.domReference)) {
+          ancestors = getOverflowAncestors(elements.domReference);
         }
-        if (isElement$4(floating)) {
-          ancestors = ancestors.concat(getOverflowAncestors(floating));
+        if (isElement$4(elements.floating)) {
+          ancestors = ancestors.concat(getOverflowAncestors(elements.floating));
         }
-        if (!isElement$4(reference2) && reference2 && reference2.contextElement) {
-          ancestors = ancestors.concat(getOverflowAncestors(reference2.contextElement));
+        if (!isElement$4(elements.reference) && elements.reference && elements.reference.contextElement) {
+          ancestors = ancestors.concat(getOverflowAncestors(elements.reference.contextElement));
         }
       }
       ancestors = ancestors.filter((ancestor) => {
@@ -8066,37 +8067,34 @@
           ancestor.removeEventListener("scroll", onScroll);
         });
       };
-    }, [dataRef, floating, domReference, reference2, escapeKey, outsidePress, outsidePressEvent, open, onOpenChange, ancestorScroll, enabled, escapeKeyBubbles, outsidePressBubbles, closeOnEscapeKeyDown, escapeKeyCapture, closeOnEscapeKeyDownCapture, closeOnPressOutside, outsidePressCapture, closeOnPressOutsideCapture]);
+    }, [dataRef, elements, escapeKey, outsidePress, outsidePressEvent, open, onOpenChange, ancestorScroll, enabled, escapeKeyBubbles, outsidePressBubbles, closeOnEscapeKeyDown, escapeKeyCapture, closeOnEscapeKeyDownCapture, closeOnPressOutside, outsidePressCapture, closeOnPressOutsideCapture]);
     React__namespace.useEffect(() => {
       insideReactTreeRef.current = false;
     }, [outsidePress, outsidePressEvent]);
-    return React__namespace.useMemo(() => {
-      if (!enabled) {
-        return {};
+    const reference2 = React__namespace.useMemo(() => ({
+      onKeyDown: closeOnEscapeKeyDown,
+      [bubbleHandlerKeys[referencePressEvent]]: (event2) => {
+        if (referencePress) {
+          onOpenChange(false, event2.nativeEvent, "reference-press");
+        }
+      }
+    }), [closeOnEscapeKeyDown, onOpenChange, referencePress, referencePressEvent]);
+    const floating = React__namespace.useMemo(() => ({
+      onKeyDown: closeOnEscapeKeyDown,
+      onMouseDown() {
+        endedOrStartedInsideRef.current = true;
+      },
+      onMouseUp() {
+        endedOrStartedInsideRef.current = true;
+      },
+      [captureHandlerKeys[outsidePressEvent]]: () => {
+        insideReactTreeRef.current = true;
       }
-      return {
-        reference: {
-          onKeyDown: closeOnEscapeKeyDown,
-          [bubbleHandlerKeys[referencePressEvent]]: (event2) => {
-            if (referencePress) {
-              onOpenChange(false, event2.nativeEvent, "reference-press");
-            }
-          }
-        },
-        floating: {
-          onKeyDown: closeOnEscapeKeyDown,
-          onMouseDown() {
-            endedOrStartedInsideRef.current = true;
-          },
-          onMouseUp() {
-            endedOrStartedInsideRef.current = true;
-          },
-          [captureHandlerKeys[outsidePressEvent]]: () => {
-            insideReactTreeRef.current = true;
-          }
-        }
-      };
-    }, [enabled, referencePress, outsidePressEvent, referencePressEvent, onOpenChange, closeOnEscapeKeyDown]);
+    }), [closeOnEscapeKeyDown, outsidePressEvent]);
+    return React__namespace.useMemo(() => enabled ? {
+      reference: reference2,
+      floating
+    } : {}, [enabled, reference2, floating]);
   }
   function useFloatingRootContext(options) {
     const {
@@ -8283,18 +8281,20 @@
     if (propsList === void 0) {
       propsList = [];
     }
-    const deps = propsList;
+    const referenceDeps = propsList.map((key) => key == null ? void 0 : key.reference);
+    const floatingDeps = propsList.map((key) => key == null ? void 0 : key.floating);
+    const itemDeps = propsList.map((key) => key == null ? void 0 : key.item);
     const getReferenceProps = React__namespace.useCallback(
       (userProps) => mergeProps(userProps, propsList, "reference"),
-      deps
+      referenceDeps
     );
     const getFloatingProps = React__namespace.useCallback(
       (userProps) => mergeProps(userProps, propsList, "floating"),
-      deps
+      floatingDeps
     );
     const getItemProps = React__namespace.useCallback(
       (userProps) => mergeProps(userProps, propsList, "item"),
-      propsList.map((key) => key == null ? void 0 : key.item)
+      itemDeps
     );
     return React__namespace.useMemo(() => ({
       getReferenceProps,
@@ -8320,9 +8320,34 @@
     const referenceId = useId();
     const parentId = useFloatingParentNodeId();
     const isNested = parentId != null;
-    return React__namespace.useMemo(() => {
-      if (!enabled)
-        return {};
+    const reference2 = React__namespace.useMemo(() => {
+      if (ariaRole === "tooltip" || role === "label") {
+        return {
+          ["aria-" + (role === "label" ? "labelledby" : "describedby")]: open ? floatingId : void 0
+        };
+      }
+      return {
+        "aria-expanded": open ? "true" : "false",
+        "aria-haspopup": ariaRole === "alertdialog" ? "dialog" : ariaRole,
+        "aria-controls": open ? floatingId : void 0,
+        ...ariaRole === "listbox" && {
+          role: "combobox"
+        },
+        ...ariaRole === "menu" && {
+          id: referenceId
+        },
+        ...ariaRole === "menu" && isNested && {
+          role: "menuitem"
+        },
+        ...role === "select" && {
+          "aria-autocomplete": "none"
+        },
+        ...role === "combobox" && {
+          "aria-autocomplete": "list"
+        }
+      };
+    }, [ariaRole, floatingId, isNested, open, referenceId, role]);
+    const floating = React__namespace.useMemo(() => {
       const floatingProps = {
         id: floatingId,
         ...ariaRole && {
@@ -8330,70 +8355,48 @@
         }
       };
       if (ariaRole === "tooltip" || role === "label") {
-        return {
-          reference: {
-            ["aria-" + (role === "label" ? "labelledby" : "describedby")]: open ? floatingId : void 0
-          },
-          floating: floatingProps
-        };
+        return floatingProps;
       }
       return {
-        reference: {
-          "aria-expanded": open ? "true" : "false",
-          "aria-haspopup": ariaRole === "alertdialog" ? "dialog" : ariaRole,
-          "aria-controls": open ? floatingId : void 0,
-          ...ariaRole === "listbox" && {
-            role: "combobox"
-          },
-          ...ariaRole === "menu" && {
-            id: referenceId
-          },
-          ...ariaRole === "menu" && isNested && {
-            role: "menuitem"
-          },
-          ...role === "select" && {
-            "aria-autocomplete": "none"
-          },
-          ...role === "combobox" && {
-            "aria-autocomplete": "list"
-          }
-        },
-        floating: {
-          ...floatingProps,
-          ...ariaRole === "menu" && {
-            "aria-labelledby": referenceId
-          }
-        },
-        item(_ref2) {
-          let {
-            active,
-            selected
-          } = _ref2;
-          const commonProps = {
-            role: "option",
+        ...floatingProps,
+        ...ariaRole === "menu" && {
+          "aria-labelledby": referenceId
+        }
+      };
+    }, [ariaRole, floatingId, referenceId, role]);
+    const item = React__namespace.useCallback((_ref2) => {
+      let {
+        active,
+        selected
+      } = _ref2;
+      const commonProps = {
+        role: "option",
+        ...active && {
+          id: floatingId + "-option"
+        }
+      };
+      switch (role) {
+        case "select":
+          return {
+            ...commonProps,
+            "aria-selected": active && selected
+          };
+        case "combobox": {
+          return {
+            ...commonProps,
             ...active && {
-              id: floatingId + "-option"
+              "aria-selected": true
             }
           };
-          switch (role) {
-            case "select":
-              return {
-                ...commonProps,
-                "aria-selected": active && selected
-              };
-            case "combobox": {
-              return {
-                ...commonProps,
-                ...active && {
-                  "aria-selected": true
-                }
-              };
-            }
-          }
-          return {};
         }
-      };
-    }, [enabled, role, ariaRole, open, floatingId, referenceId, isNested]);
+      }
+      return {};
+    }, [floatingId, role]);
+    return React__namespace.useMemo(() => enabled ? {
+      reference: reference2,
+      floating,
+      item
+    } : {}, [enabled, reference2, floating, item]);
   }
   const matchWidthToReference = (delta = 0) => size$1({
     apply({ rects, elements }) {
@@ -56416,9 +56419,9 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     const [value, setValue] = core$2.useVariable(formCtx2.resolveInitialValue());
     const [internalValue, setInternalValue] = React.useState(value);
     const onInputAction = core$2.useAction(props.onchange);
-    const debouncedAction = React.useMemo(() => debounce_1$1(onInputAction, 500), [onInputAction]);
-    const debouncedSetValue = React.useMemo(() => debounce_1$1(setValue, 500), [setValue]);
-    const debouncedUpdateForm = React.useMemo(() => debounce_1$1(formCtx2.updateForm, 500), [formCtx2.updateForm]);
+    const debouncedAction = React.useMemo(() => debounce_1$1(onInputAction, 300), [onInputAction]);
+    const debouncedSetValue = React.useMemo(() => debounce_1$1(setValue, 300), [setValue]);
+    const debouncedUpdateForm = React.useMemo(() => debounce_1$1(formCtx2.updateForm, 300), [formCtx2.updateForm]);
     function handleChange(val) {
       let newValue = val;
       if (props.type === "number") {
@@ -56426,11 +56429,10 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       }
       setInternalValue(newValue);
       debouncedSetValue(newValue);
-      debouncedAction(val);
-      debouncedUpdateForm(val);
+      debouncedAction(newValue);
+      debouncedUpdateForm(newValue);
     }
     React.useEffect(() => {
-      debouncedAction.cancel();
       debouncedSetValue.cancel();
       debouncedUpdateForm.cancel();
       let newValue = value;
@@ -64632,9 +64634,9 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     const [value, setValue] = core$2.useVariable(formCtx2.resolveInitialValue());
     const [internalValue, setInternalValue] = React.useState(value);
     const onInputAction = core$2.useAction(props.onchange);
-    const debouncedAction = React.useMemo(() => debounce_1$1(onInputAction, 500), [onInputAction]);
-    const debouncedSetValue = React.useMemo(() => debounce_1$1(setValue, 500), [setValue]);
-    const debouncedUpdateForm = React.useMemo(() => debounce_1$1(formCtx2.updateForm, 500), [formCtx2.updateForm]);
+    const debouncedAction = React.useMemo(() => debounce_1$1(onInputAction, 300), [onInputAction]);
+    const debouncedSetValue = React.useMemo(() => debounce_1$1(setValue, 300), [setValue]);
+    const debouncedUpdateForm = React.useMemo(() => debounce_1$1(formCtx2.updateForm, 300), [formCtx2.updateForm]);
     function handleChange(val) {
       setInternalValue(val);
       debouncedSetValue(val);
@@ -64642,7 +64644,6 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       debouncedUpdateForm(val);
     }
     React.useEffect(() => {
-      debouncedAction.cancel();
       debouncedSetValue.cancel();
       debouncedUpdateForm.cancel();
       setInternalValue(value);
@@ -295240,8 +295241,8 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       }
       return rect;
     }
-    become(_other) {
-      return false;
+    become(other) {
+      return other instanceof LineView && this.children.length == 0 && other.children.length == 0 && attrsEq(this.attrs, other.attrs) && this.breakAfter == other.breakAfter;
     }
     covers() {
       return true;
@@ -299798,7 +299799,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         else
           this.flush();
       });
-      if (window.EditContext && view.constructor.EDIT_CONTEXT === true) {
+      if (window.EditContext && view.constructor.EDIT_CONTEXT !== false && !(browser.chrome && browser.chrome_version < 126)) {
         this.editContext = new EditContextManager(view);
         if (view.state.facet(editable))
           view.contentDOM.editContext = this.editContext.editContext;
@@ -388036,9 +388037,6 @@ void main(void){
   class GroupContainerObject extends EventEmitter$1 {
     constructor() {
       super();
-      this.state = {
-        hover: false
-      };
       this.groupContainerGfx = this.createGroupContainer();
     }
     createGroupContainer() {
@@ -389004,7 +389002,6 @@ ${letters.join("\n")}`;
       this.groupContainerLayer.addChild(groupContainer.groupContainerGfx);
       this.groupContainerMap.set(id2, groupContainer);
       groupContainer.addListener("mouseover", (event2) => {
-        this.hoverGroupContainer(id2, nodes);
         if (!this.mousedownNodeKey) {
           this.emit("groupMouseover", event2, id2);
         }
@@ -389013,7 +389010,6 @@ ${letters.join("\n")}`;
         const local = groupContainer.groupContainerGfx.toLocal(event2.global);
         const isInGroupContainer = groupContainer.groupContainerGfx.hitArea.contains(local.x, local.y);
         if (!isInGroupContainer) {
-          this.unhoverGroupContainer(id2, nodes);
           this.emit("groupMouseout", event2, id2);
         }
         if (!this.editable && !this.isMovingNode && !this.isCreatingEdge) {
@@ -389127,15 +389123,6 @@ ${letters.join("\n")}`;
       this.updateEdgeStyleByKey(id2);
       this.requestRender();
     }
-    hoverGroupContainer(id2, nodes) {
-      const groupContainer = this.groupContainerMap.get(id2);
-      if (groupContainer.state.hover) {
-        return;
-      }
-      groupContainer.state.hover = true;
-      this.updateGroupContainerStyle(id2, nodes);
-      this.requestRender();
-    }
     hoverNode(id2) {
       const node2 = this.nodeMap.get(id2);
       if (node2.state.hover) {
@@ -389279,15 +389266,6 @@ ${letters.join("\n")}`;
       this.updateNodeStyleByKey(id2);
       this.requestRender();
     }
-    unhoverGroupContainer(id2, nodes) {
-      const groupContainer = this.groupContainerMap.get(id2);
-      if (!groupContainer.state.hover) {
-        return;
-      }
-      groupContainer.state.hover = false;
-      this.updateGroupContainerStyle(id2, nodes);
-      this.requestRender();
-    }
     updateEdgeStyle(id2, attributes2, source, target, sourceNodeAttributes, targetNodeAttributes) {
       const edge = this.edgeMap.get(id2);
       if (edge && this.viewport) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@darajs/components",
-  "version": "1.10.2",
+  "version": "1.10.4",
   "description": "Components for the Dara framework",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -29,9 +29,9 @@
   "prettier": "@darajs/prettier-config",
   "devDependencies": {
     "@babel/core": "^7.23.5",
-    "@darajs/eslint-config": "~1.10.0",
-    "@darajs/prettier-config": "~1.10.0",
-    "@darajs/stylelint-config": "~1.10.0",
+    "@darajs/eslint-config": "~1.10.2",
+    "@darajs/prettier-config": "~1.10.2",
+    "@darajs/stylelint-config": "~1.10.2",
     "@testing-library/react-hooks": "^3.4.2",
     "@types/lodash": "^4.14.155",
     "@types/react": "18.2.60",
@@ -54,14 +54,14 @@
   },
   "dependencies": {
     "@bokeh/bokehjs": "~3.1.1",
-    "@darajs/core": "1.10.2",
-    "@darajs/styled-components": "~1.10.0",
-    "@darajs/ui-causal-graph-editor": "~1.10.0",
-    "@darajs/ui-code-editor": "~1.10.0",
-    "@darajs/ui-components": "~1.10.0",
-    "@darajs/ui-hierarchy-viewer": "~1.10.0",
-    "@darajs/ui-icons": "~1.10.0",
-    "@darajs/ui-utils": "~1.10.0",
+    "@darajs/core": "1.10.4",
+    "@darajs/styled-components": "~1.10.2",
+    "@darajs/ui-causal-graph-editor": "~1.10.2",
+    "@darajs/ui-code-editor": "~1.10.2",
+    "@darajs/ui-components": "~1.10.2",
+    "@darajs/ui-hierarchy-viewer": "~1.10.2",
+    "@darajs/ui-icons": "~1.10.2",
+    "@darajs/ui-utils": "~1.10.2",
     "@popperjs/core": "2.4.0",
     "date-fns": "2.9.0",
     "immer": "^10.0.0",
@@ -83,5 +83,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b202900e7ed991a58945cdf936ca0e14758418f2"
+  "gitHead": "40ee7a574368c627d7732967f5314cb8daa2b849"
 }