@plasmicpkgs/react-aria 0.0.138 → 0.0.140

package/dist/react-aria.esm.js

@@ -78,7 +78,13 @@ function useAutoOpen({
     } else {
       close == null ? void 0 : close();
     }
-  }, [isSelected, inPlasmicCanvas, plasmicNotifyAutoOpenedContent]);
+  }, [
+    isSelected,
+    inPlasmicCanvas,
+    plasmicNotifyAutoOpenedContent,
+    open,
+    close
+  ]);
 }
 function registerComponentHelper(loader, component, meta, overrides) {
   if (overrides) {
@@ -2027,6 +2033,7 @@ function BaseListBox(props) {
   const context = React.useContext(PlasmicListBoxContext);
   const isStandalone = !context;
   const [ids, setIds] = useState([]);
+  const inEditor = usePlasmicCanvasContext();
   const idManager = useIdManager(setIds, context == null ? void 0 : context.idManager);
   useEffect(() => {
     setControlContextData == null ? void 0 : setControlContextData({
@@ -2046,12 +2053,12 @@ function BaseListBox(props) {
   );
   const listbox = /* @__PURE__ */ React.createElement(
     ListBox,
-    __spreadValues$h({
+    __spreadValues$h(__spreadValues$h({
       selectedKeys: normalizeSelectedKeys(selectedKeys),
       defaultSelectedKeys: normalizeSelectedKeys(defaultSelectedKeys),
       className: classNameProp,
       style: COMMON_STYLES
-    }, rest),
+    }, inEditor ? { shouldUseVirtualFocus: true } : {}), rest),
     children
   );
   if (isStandalone) {
@@ -2280,11 +2287,11 @@ function BasePopover(props) {
   const canvasContext = usePlasmicCanvasContext();
   const matchTriggerWidthProp = hasTrigger && matchTriggerWidth;
   const _b = mergeProps$1(
-    {
+    canvasContext && !canvasContext.interactive ? {
       // isNonModal: Whether the popover is non-modal, i.e. elements outside the popover may be interacted with by assistive technologies.
       // Setting isNonModal to true in edit mode (canvas) means that the popover will not prevent the user from interacting with the canvas while the popover is open.
-      isNonModal: canvasContext && !canvasContext.interactive
-    },
+      isNonModal: true
+    } : void 0,
     restProps,
     { className: `${resetClassName}` },
     // Override some props if the popover is standalone
@@ -3492,17 +3499,7 @@ var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
 function SelectAutoOpen(props) {
   var _a;
   const { open, close } = (_a = React.useContext(SelectStateContext)) != null ? _a : {};
-  useAutoOpen({
-    props,
-    open: () => {
-      open == null ? void 0 : open();
-      setTimeout(() => {
-        var _a2, _b;
-        (_b = (_a2 = window.parent.document.activeElement) == null ? void 0 : _a2.blur) == null ? void 0 : _b.call(_a2);
-      }, 1);
-    },
-    close
-  });
+  useAutoOpen({ props, open, close });
   return null;
 }
 const BaseSelectValue = (props) => {