@plasmicpkgs/react-aria 0.0.129 → 0.0.130

package/dist/react-aria.esm.js

@@ -43,9 +43,10 @@ const useIsomorphicLayoutEffect = isBrowser ? React.useLayoutEffect : React.useE
 function useIsOpen({
   triggerSlotName,
   isOpen,
-  __plasmic_selection_prop__
+  props
 }) {
   var _a, _b;
+  const { __plasmic_selection_prop__, plasmicNotifyAutoOpenedContent } = props;
   const canvasContext = usePlasmicCanvasContext();
   const { isSelected, selectedSlotName } = (_b = (_a = usePlasmicCanvasComponentInfo) == null ? void 0 : _a({ __plasmic_selection_prop__ })) != null ? _b : {};
   if (!canvasContext) {
@@ -53,6 +54,9 @@ function useIsOpen({
   }
   const isTriggerSlotSelected = isDefined(selectedSlotName) && selectedSlotName === triggerSlotName;
   const isAutoOpenedBySelection = isSelected && !isTriggerSlotSelected;
+  if (isAutoOpenedBySelection && !isOpen) {
+    plasmicNotifyAutoOpenedContent == null ? void 0 : plasmicNotifyAutoOpenedContent();
+  }
   return Boolean(isAutoOpenedBySelection || isOpen);
 }
 function useAutoOpen({
@@ -63,16 +67,18 @@ function useAutoOpen({
   var _a, _b, _c;
   const inPlasmicCanvas = !!usePlasmicCanvasContext();
   const isSelected = (_c = (_b = (_a = usePlasmicCanvasComponentInfo) == null ? void 0 : _a(props)) == null ? void 0 : _b.isSelected) != null ? _c : false;
+  const { plasmicNotifyAutoOpenedContent } = props;
   useEffect(() => {
     if (!inPlasmicCanvas) {
       return;
     }
     if (isSelected) {
       open == null ? void 0 : open();
+      plasmicNotifyAutoOpenedContent == null ? void 0 : plasmicNotifyAutoOpenedContent();
     } else {
       close == null ? void 0 : close();
     }
-  }, [isSelected, inPlasmicCanvas]);
+  }, [isSelected, inPlasmicCanvas, plasmicNotifyAutoOpenedContent]);
 }
 function registerComponentHelper(loader, component, meta, overrides) {
   if (overrides) {
@@ -2426,12 +2432,16 @@ function BaseComboBox(props) {
     children,
     setControlContextData,
     plasmicUpdateVariant,
+    __plasmic_selection_prop__,
+    plasmicNotifyAutoOpenedContent,
     className,
     isOpen: _isOpen
   } = _a, rest = __objRest$d(_a, [
     "children",
     "setControlContextData",
     "plasmicUpdateVariant",
+    "__plasmic_selection_prop__",
+    "plasmicNotifyAutoOpenedContent",
     "className",
     "isOpen"
   ]);
@@ -2460,7 +2470,13 @@ function BaseComboBox(props) {
         idManager
       }
     },
-    /* @__PURE__ */ React.createElement(PlasmicInputContext.Provider, { value: { isUncontrolled: true } }, /* @__PURE__ */ React.createElement(ComboboxAutoOpen, __spreadValues$f({}, props)), children)
+    /* @__PURE__ */ React.createElement(PlasmicInputContext.Provider, { value: { isUncontrolled: true } }, /* @__PURE__ */ React.createElement(
+      ComboboxAutoOpen,
+      {
+        __plasmic_selection_prop__,
+        plasmicNotifyAutoOpenedContent
+      }
+    ), children)
   )));
 }
 function registerComboBox(loader) {
@@ -2671,8 +2687,7 @@ const BaseModal = forwardRef(
       resetClassName,
       setControlContextData,
       isDismissable,
-      defaultOpen,
-      __plasmic_selection_prop__
+      defaultOpen
     } = _a, rest = __objRest$c(_a, [
       "children",
       "modalOverlayClass",
@@ -2681,14 +2696,13 @@ const BaseModal = forwardRef(
       "resetClassName",
       "setControlContextData",
       "isDismissable",
-      "defaultOpen",
-      "__plasmic_selection_prop__"
+      "defaultOpen"
     ]);
     const canvasCtx = usePlasmicCanvasContext();
     const isEditMode = canvasCtx && canvasCtx.interactive === false;
     const contextProps = React.useContext(PlasmicDialogTriggerContext);
     const isStandalone = !contextProps;
-    const isOpen2 = useIsOpen({ isOpen, __plasmic_selection_prop__ });
+    const isOpen2 = useIsOpen({ isOpen, props });
     const mergedProps = mergeProps(rest, {
       // Since open/defaultOpen props are hidden when the modal is inside dialogTrigger, we also unset them here.
       isOpen: isStandalone ? isOpen2 : void 0,
@@ -2882,26 +2896,14 @@ function TriggerWrapper$1({ children, className }) {
   return /* @__PURE__ */ React.createElement("div", __spreadValues$d({}, mergedProps), children);
 }
 function BaseDialogTrigger(props) {
-  const _a = props, {
-    trigger,
-    dialog,
-    isOpen,
-    className,
-    __plasmic_selection_prop__
-  } = _a, rest = __objRest$b(_a, [
-    "trigger",
-    "dialog",
-    "isOpen",
-    "className",
-    "__plasmic_selection_prop__"
-  ]);
-  const isOpen2 = useIsOpen({
+  const _a = props, { trigger, dialog, isOpen, className } = _a, rest = __objRest$b(_a, ["trigger", "dialog", "isOpen", "className"]);
+  const canvasAwareIsOpen = useIsOpen({
     triggerSlotName: "trigger",
     isOpen,
-    __plasmic_selection_prop__
+    props
   });
   const mergedProps = __spreadProps$b(__spreadValues$d({}, rest), {
-    isOpen: isOpen2
+    isOpen: canvasAwareIsOpen
   });
   return (
     // PlasmicDialogTriggerContext is used by BaseModal
@@ -3528,6 +3530,8 @@ function BaseSelect(props) {
     name,
     setControlContextData,
     plasmicUpdateVariant,
+    plasmicNotifyAutoOpenedContent,
+    __plasmic_selection_prop__,
     defaultSelectedKey,
     "aria-label": ariaLabel
   } = props;
@@ -3569,7 +3573,13 @@ function BaseSelect(props) {
       disabledKeys,
       "aria-label": ariaLabel
     }, extractPlasmicDataProps(props)),
-    /* @__PURE__ */ React.createElement(SelectAutoOpen, __spreadValues$8({}, props)),
+    /* @__PURE__ */ React.createElement(
+      SelectAutoOpen,
+      {
+        __plasmic_selection_prop__,
+        plasmicNotifyAutoOpenedContent
+      }
+    ),
     /* @__PURE__ */ React.createElement(PlasmicPopoverTriggerContext.Provider, { value: true }, /* @__PURE__ */ React.createElement(
       PlasmicListBoxContext.Provider,
       {
@@ -5012,13 +5022,12 @@ function ControlledBaseTooltip(props) {
     shouldFlip,
     className,
     onOpenChange = () => {
-    },
-    __plasmic_selection_prop__
+    }
   } = props;
   const isCanvasAwareOpen = useIsOpen({
     triggerSlotName: "children",
     isOpen,
-    __plasmic_selection_prop__
+    props
   });
   const ref = useRef(null);
   const tooltipId = useId();