@plasmicpkgs/react-aria 0.0.129 → 0.0.131

package/dist/react-aria.js

@@ -51,9 +51,10 @@ const useIsomorphicLayoutEffect = isBrowser ? React__default.default.useLayoutEf
 function useIsOpen({
   triggerSlotName,
   isOpen,
-  __plasmic_selection_prop__
+  props
 }) {
   var _a, _b;
+  const { __plasmic_selection_prop__, plasmicNotifyAutoOpenedContent } = props;
   const canvasContext = host.usePlasmicCanvasContext();
   const { isSelected, selectedSlotName } = (_b = (_a = host.usePlasmicCanvasComponentInfo) == null ? void 0 : _a({ __plasmic_selection_prop__ })) != null ? _b : {};
   if (!canvasContext) {
@@ -61,6 +62,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({
@@ -71,16 +75,18 @@ function useAutoOpen({
   var _a, _b, _c;
   const inPlasmicCanvas = !!host.usePlasmicCanvasContext();
   const isSelected = (_c = (_b = (_a = host.usePlasmicCanvasComponentInfo) == null ? void 0 : _a(props)) == null ? void 0 : _b.isSelected) != null ? _c : false;
+  const { plasmicNotifyAutoOpenedContent } = props;
   React.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) {
@@ -2434,12 +2440,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"
   ]);
@@ -2468,7 +2478,13 @@ function BaseComboBox(props) {
         idManager
       }
     },
-    /* @__PURE__ */ React__default.default.createElement(PlasmicInputContext.Provider, { value: { isUncontrolled: true } }, /* @__PURE__ */ React__default.default.createElement(ComboboxAutoOpen, __spreadValues$f({}, props)), children)
+    /* @__PURE__ */ React__default.default.createElement(PlasmicInputContext.Provider, { value: { isUncontrolled: true } }, /* @__PURE__ */ React__default.default.createElement(
+      ComboboxAutoOpen,
+      {
+        __plasmic_selection_prop__,
+        plasmicNotifyAutoOpenedContent
+      }
+    ), children)
   )));
 }
 function registerComboBox(loader) {
@@ -2679,8 +2695,7 @@ const BaseModal = React.forwardRef(
       resetClassName,
       setControlContextData,
       isDismissable,
-      defaultOpen,
-      __plasmic_selection_prop__
+      defaultOpen
     } = _a, rest = __objRest$c(_a, [
       "children",
       "modalOverlayClass",
@@ -2689,14 +2704,13 @@ const BaseModal = React.forwardRef(
       "resetClassName",
       "setControlContextData",
       "isDismissable",
-      "defaultOpen",
-      "__plasmic_selection_prop__"
+      "defaultOpen"
     ]);
     const canvasCtx = host.usePlasmicCanvasContext();
     const isEditMode = canvasCtx && canvasCtx.interactive === false;
     const contextProps = React__default.default.useContext(PlasmicDialogTriggerContext);
     const isStandalone = !contextProps;
-    const isOpen2 = useIsOpen({ isOpen, __plasmic_selection_prop__ });
+    const isOpen2 = useIsOpen({ isOpen, props });
     const mergedProps = reactAria.mergeProps(rest, {
       // Since open/defaultOpen props are hidden when the modal is inside dialogTrigger, we also unset them here.
       isOpen: isStandalone ? isOpen2 : void 0,
@@ -2890,26 +2904,14 @@ function TriggerWrapper$1({ children, className }) {
   return /* @__PURE__ */ React__default.default.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
@@ -3536,6 +3538,8 @@ function BaseSelect(props) {
     name,
     setControlContextData,
     plasmicUpdateVariant,
+    plasmicNotifyAutoOpenedContent,
+    __plasmic_selection_prop__,
     defaultSelectedKey,
     "aria-label": ariaLabel
   } = props;
@@ -3577,7 +3581,13 @@ function BaseSelect(props) {
       disabledKeys,
       "aria-label": ariaLabel
     }, extractPlasmicDataProps(props)),
-    /* @__PURE__ */ React__default.default.createElement(SelectAutoOpen, __spreadValues$8({}, props)),
+    /* @__PURE__ */ React__default.default.createElement(
+      SelectAutoOpen,
+      {
+        __plasmic_selection_prop__,
+        plasmicNotifyAutoOpenedContent
+      }
+    ),
     /* @__PURE__ */ React__default.default.createElement(PlasmicPopoverTriggerContext.Provider, { value: true }, /* @__PURE__ */ React__default.default.createElement(
       PlasmicListBoxContext.Provider,
       {
@@ -3797,13 +3807,18 @@ const { variants: variants$6, withObservedValues: withObservedValues$5 } = pickA
 );
 function BaseSliderOutput(props) {
   const _a = props, { plasmicUpdateVariant, children } = _a, rest = __objRest$7(_a, ["plasmicUpdateVariant", "children"]);
-  return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.SliderOutput, __spreadProps$6(__spreadValues$7({}, rest), { style: COMMON_STYLES }), ({ isDisabled }) => withObservedValues$5(
+  const isStandalone = !React__default.default.useContext(PlasmicSliderContext);
+  const sliderOutput = /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.SliderOutput, __spreadProps$6(__spreadValues$7({}, rest), { style: COMMON_STYLES }), ({ isDisabled }) => withObservedValues$5(
     children,
     {
       disabled: isDisabled
     },
     plasmicUpdateVariant
   ));
+  if (isStandalone) {
+    return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Slider, { style: { height: "100%", width: "100%" } }, sliderOutput);
+  }
+  return sliderOutput;
 }
 const SLIDER_OUTPUT_COMPONENT_NAME = makeComponentName("sliderOutput");
 function registerSliderOutput(loader, overrides) {
@@ -3828,22 +3843,6 @@ function registerSliderOutput(loader, overrides) {
   );
 }
 
-class ErrorBoundary extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = { hasError: false };
-  }
-  static getDerivedStateFromError(_) {
-    return { hasError: true };
-  }
-  render() {
-    if (this.state.hasError) {
-      return this.props.fallback;
-    }
-    return this.props.children;
-  }
-}
-
 var __defProp$6 = Object.defineProperty;
 var __defProps$5 = Object.defineProperties;
 var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
@@ -3895,6 +3894,7 @@ function BaseSliderThumb(_a) {
     "advanced",
     "plasmicUpdateVariant"
   ]);
+  const isStandalone = !React__default.default.useContext(reactAriaComponents.SliderTrackContext);
   const thumb = /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.SliderThumb, __spreadProps$5(__spreadValues$6({}, rest), { style: COMMON_STYLES }), ({ isDragging, isHovered, isFocused, isFocusVisible, isDisabled }) => withObservedValues$4(
     /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, advanced ? children : void 0),
     {
@@ -3906,13 +3906,10 @@ function BaseSliderThumb(_a) {
     },
     plasmicUpdateVariant
   ));
-  return /* @__PURE__ */ React__default.default.createElement(
-    ErrorBoundary,
-    {
-      fallback: /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Slider, { style: { height: "100%", width: "100%" } }, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.SliderTrack, null, thumb))
-    },
-    thumb
-  );
+  if (isStandalone) {
+    return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Slider, { style: { height: "100%", width: "100%" } }, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.SliderTrack, null, thumb));
+  }
+  return thumb;
 }
 const SLIDER_THUMB_COMPONENT_NAME = makeComponentName("sliderThumb");
 function registerSliderThumb(loader, overrides) {
@@ -5020,13 +5017,12 @@ function ControlledBaseTooltip(props) {
     shouldFlip,
     className,
     onOpenChange = () => {
-    },
-    __plasmic_selection_prop__
+    }
   } = props;
   const isCanvasAwareOpen = useIsOpen({
     triggerSlotName: "children",
     isOpen,
-    __plasmic_selection_prop__
+    props
   });
   const ref = React.useRef(null);
   const tooltipId = React.useId();