@plasmicpkgs/react-aria 0.0.77 → 0.0.79

package/dist/react-aria.esm.js

@@ -1,8 +1,8 @@
+import { usePlasmicCanvasContext, usePlasmicCanvasComponentInfo } from '@plasmicapp/host';
 import React, { useEffect, useState, useMemo, forwardRef, useImperativeHandle, Component } from 'react';
+import { mergeProps, useFocusable } from 'react-aria';
 import { Button, Checkbox, Text, FieldError, Label, CheckboxGroup, Input, ListBoxItem, ListBox, Section, Header, PopoverContext, Popover, ComboBox, ComboBoxStateContext, Heading, ModalOverlay, Modal, Dialog, DialogTrigger, Radio, RadioGroup, Select, SelectStateContext, SelectValue, SliderOutput, SliderThumb, Slider, SliderTrack, Switch, TextArea, TextField, TooltipTrigger, Tooltip } from 'react-aria-components';
-import { usePlasmicCanvasContext, usePlasmicCanvasComponentInfo } from '@plasmicapp/host';
 import registerComponent from '@plasmicapp/host/registerComponent';
-import { mergeProps, useFocusable } from 'react-aria';
 import { mergeProps as mergeProps$1 } from '@react-aria/utils';
 import flattenChildren from 'react-keyed-flatten-children';
 
@@ -30,9 +30,9 @@ function useAutoOpen({
   open,
   close
 }) {
-  var _a, _b;
+  var _a, _b, _c;
   const inPlasmicCanvas = !!usePlasmicCanvasContext();
-  const isSelected = (_b = (_a = usePlasmicCanvasComponentInfo(props)) == null ? void 0 : _a.isSelected) != null ? _b : false;
+  const isSelected = (_c = (_b = (_a = usePlasmicCanvasComponentInfo) == null ? void 0 : _a(props)) == null ? void 0 : _b.isSelected) != null ? _c : false;
   useEffect(() => {
     if (!inPlasmicCanvas) {
       return;
@@ -557,9 +557,19 @@ const BUTTON_VARIANTS = [
 const { variants: variants$f, withObservedValues: withObservedValues$d } = pickAriaComponentVariants(BUTTON_VARIANTS);
 const BaseButton = React.forwardRef(
   (props, ref) => {
+    var _b;
     const _a = props, { submitsForm, resetsForm, children, plasmicUpdateVariant } = _a, rest = __objRest$o(_a, ["submitsForm", "resetsForm", "children", "plasmicUpdateVariant"]);
+    const canvasContext = (_b = usePlasmicCanvasContext) == null ? void 0 : _b();
+    const isEditMode = canvasContext && canvasContext.interactive === false;
     const type = submitsForm ? "submit" : resetsForm ? "reset" : "button";
-    return /* @__PURE__ */ React.createElement(Button, __spreadValues$q({ type, ref }, rest), ({ isHovered, isPressed, isFocused, isFocusVisible, isDisabled }) => withObservedValues$d(
+    const mergedProps = mergeProps(rest, {
+      type,
+      ref,
+      // The rich text editor can cancel effect of clicks/hover, but not of key strokes.
+      // When pressing space key, the button's "pressed" state is triggered, and the rich text editor loses focus as a result.
+      preventFocusOnPress: isEditMode
+    });
+    return /* @__PURE__ */ React.createElement(Button, __spreadValues$q({}, mergedProps), ({ isHovered, isPressed, isFocused, isFocusVisible, isDisabled }) => withObservedValues$d(
       children,
       {
         hovered: isHovered,
@@ -2606,7 +2616,7 @@ const INLINE_STYLES = {
 };
 const BaseModal = forwardRef(
   function _BaseModal(props, ref) {
-    var _b;
+    var _b, _c, _d;
     const _a = props, {
       children,
       modalOverlayClass,
@@ -2624,7 +2634,7 @@ const BaseModal = forwardRef(
       "setControlContextData",
       "isDismissable"
     ]);
-    const { isSelected } = (_b = usePlasmicCanvasComponentInfo(props)) != null ? _b : {};
+    const isSelected = (_d = (_c = (_b = usePlasmicCanvasComponentInfo) == null ? void 0 : _b(props)) == null ? void 0 : _c.isSelected) != null ? _d : false;
     const contextProps = React.useContext(PlasmicDialogTriggerContext);
     const isStandalone = !contextProps;
     const mergedProps = mergeProps(contextProps, rest, {
@@ -2810,12 +2820,12 @@ var __objRest$a = (source, exclude) => {
   return target;
 };
 function BaseDialogTrigger(props) {
-  var _b, _c;
+  var _b, _c, _d;
   const _a = props, { trigger, dialog, isOpen } = _a, rest = __objRest$a(_a, ["trigger", "dialog", "isOpen"]);
-  const { isSelected, selectedSlotName } = (_b = usePlasmicCanvasComponentInfo(props)) != null ? _b : {};
+  const { isSelected, selectedSlotName } = (_c = (_b = usePlasmicCanvasComponentInfo) == null ? void 0 : _b(props)) != null ? _c : {};
   const isAutoOpen = selectedSlotName !== "trigger" && isSelected;
   const mergedProps = __spreadProps$7(__spreadValues$b({}, rest), {
-    isOpen: (_c = isAutoOpen || isOpen) != null ? _c : false
+    isOpen: (_d = isAutoOpen || isOpen) != null ? _d : false
   });
   return /* @__PURE__ */ React.createElement(PlasmicDialogTriggerContext.Provider, { value: mergedProps }, /* @__PURE__ */ React.createElement(DialogTrigger, __spreadValues$b({}, mergedProps), trigger, dialog));
 }
@@ -4643,7 +4653,7 @@ function TriggerWrapper(_a) {
   return /* @__PURE__ */ React.createElement("div", __spreadValues({ ref }, focusableProps), children);
 }
 function BaseTooltip(props) {
-  var _a;
+  var _a, _b;
   const {
     children,
     isDisabled,
@@ -4662,7 +4672,7 @@ function BaseTooltip(props) {
     onOpenChange,
     plasmicUpdateVariant
   } = props;
-  const { isSelected, selectedSlotName } = (_a = usePlasmicCanvasComponentInfo(props)) != null ? _a : {};
+  const { isSelected, selectedSlotName } = (_b = (_a = usePlasmicCanvasComponentInfo) == null ? void 0 : _a(props)) != null ? _b : {};
   const isAutoOpen = selectedSlotName !== "children" && isSelected;
   const _isOpen = isAutoOpen || isOpen;
   return /* @__PURE__ */ React.createElement(