@plasmicpkgs/react-aria 0.0.130 → 0.0.132

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';
@@ -3113,7 +3113,7 @@ function registerOverlayArrow(loader, overrides) {
       displayName: "Aria Overlay Arrow",
       importPath: "@plasmicpkgs/react-aria/skinny/registerOverlayArrow",
       importName: "BaseOverlayArrow",
-      styleSections: false,
+      styleSections: ["visibility"],
       variants: variants$9,
       props: {
         children: {
@@ -3799,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) {
@@ -3830,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;
@@ -3897,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),
     {
@@ -3908,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) {