@plasmicpkgs/react-aria 0.0.129 → 0.0.131

package/dist/react-aria.esm.js

@@ -1,7 +1,7 @@
 import { usePlasmicCanvasContext, usePlasmicCanvasComponentInfo, usePlasmicLink } from '@plasmicapp/host';
-import React, { useEffect, useState, useMemo, useCallback, forwardRef, useImperativeHandle, Component, useRef, useId } from 'react';
+import React, { useEffect, useState, useMemo, useCallback, forwardRef, useImperativeHandle, useRef, useId } from 'react';
 import { mergeProps, useLink, useHover, useFocusRing, useButton, useFocusWithin } from 'react-aria';
-import { Button, Checkbox, Text, Label, CheckboxGroup, useContextProps, InputContext, ListBoxItem, ListBox, Section, Header, PopoverContext, Popover, ComboBox, ComboBoxStateContext, Dialog, ModalOverlay, Modal, DialogTrigger, Heading, TooltipTriggerStateContext, OverlayArrow, Radio, RadioGroup, Select, SelectStateContext, SelectValue, SliderOutput, SliderThumb, Slider, SliderTrack, Switch, TextAreaContext, TextField, Provider, Tooltip } from 'react-aria-components';
+import { Button, Checkbox, Text, Label, CheckboxGroup, useContextProps, InputContext, ListBoxItem, ListBox, Section, Header, PopoverContext, Popover, ComboBox, ComboBoxStateContext, Dialog, ModalOverlay, Modal, DialogTrigger, Heading, TooltipTriggerStateContext, OverlayArrow, Radio, RadioGroup, Select, SelectStateContext, SelectValue, SliderOutput, Slider, SliderTrackContext, SliderThumb, SliderTrack, Switch, TextAreaContext, TextField, Provider, Tooltip } from 'react-aria-components';
 import registerComponent from '@plasmicapp/host/registerComponent';
 import { mergeProps as mergeProps$1 } from '@react-aria/utils';
 import flattenChildren from 'react-keyed-flatten-children';
@@ -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,
       {
@@ -3789,13 +3799,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.createElement(SliderOutput, __spreadProps$6(__spreadValues$7({}, rest), { style: COMMON_STYLES }), ({ isDisabled }) => withObservedValues$5(
+  const isStandalone = !React.useContext(PlasmicSliderContext);
+  const sliderOutput = /* @__PURE__ */ React.createElement(SliderOutput, __spreadProps$6(__spreadValues$7({}, rest), { style: COMMON_STYLES }), ({ isDisabled }) => withObservedValues$5(
     children,
     {
       disabled: isDisabled
     },
     plasmicUpdateVariant
   ));
+  if (isStandalone) {
+    return /* @__PURE__ */ React.createElement(Slider, { style: { height: "100%", width: "100%" } }, sliderOutput);
+  }
+  return sliderOutput;
 }
 const SLIDER_OUTPUT_COMPONENT_NAME = makeComponentName("sliderOutput");
 function registerSliderOutput(loader, overrides) {
@@ -3820,22 +3835,6 @@ function registerSliderOutput(loader, overrides) {
   );
 }
 
-class ErrorBoundary extends 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;
@@ -3887,6 +3886,7 @@ function BaseSliderThumb(_a) {
     "advanced",
     "plasmicUpdateVariant"
   ]);
+  const isStandalone = !React.useContext(SliderTrackContext);
   const thumb = /* @__PURE__ */ React.createElement(SliderThumb, __spreadProps$5(__spreadValues$6({}, rest), { style: COMMON_STYLES }), ({ isDragging, isHovered, isFocused, isFocusVisible, isDisabled }) => withObservedValues$4(
     /* @__PURE__ */ React.createElement(React.Fragment, null, advanced ? children : void 0),
     {
@@ -3898,13 +3898,10 @@ function BaseSliderThumb(_a) {
     },
     plasmicUpdateVariant
   ));
-  return /* @__PURE__ */ React.createElement(
-    ErrorBoundary,
-    {
-      fallback: /* @__PURE__ */ React.createElement(Slider, { style: { height: "100%", width: "100%" } }, /* @__PURE__ */ React.createElement(SliderTrack, null, thumb))
-    },
-    thumb
-  );
+  if (isStandalone) {
+    return /* @__PURE__ */ React.createElement(Slider, { style: { height: "100%", width: "100%" } }, /* @__PURE__ */ React.createElement(SliderTrack, null, thumb));
+  }
+  return thumb;
 }
 const SLIDER_THUMB_COMPONENT_NAME = makeComponentName("sliderThumb");
 function registerSliderThumb(loader, overrides) {
@@ -5012,13 +5009,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();