@plasmicpkgs/react-aria 0.0.117 → 0.0.119

package/dist/contexts.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
 import { OptionsItemIdManager } from "./OptionsItemIdManager";
 import { BaseSlider } from "./registerSlider";
-export declare const PlasmicTextFieldContext: React.Context<import("./registerTextField").BaseTextFieldProps | undefined>;
+import { ControlContextData } from "./utils";
+export declare const PlasmicTextFieldContext: React.Context<ControlContextData | undefined>;
 export declare const PlasmicCheckboxGroupContext: React.Context<(import("./registerCheckboxGroup").BaseCheckboxGroupProps & {
     idManager: OptionsItemIdManager;
 }) | undefined>;

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 { 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, TooltipContext, OverlayArrow, Radio, RadioGroup, Select, SelectStateContext, SelectValue, SliderOutput, SliderThumb, Slider, SliderTrack, Switch, TextAreaContext, TextField, Provider, TooltipTriggerStateContext, 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, SliderThumb, Slider, 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';
@@ -1378,14 +1378,17 @@ function BaseCheckboxGroup(props) {
       setIds(_ids);
     });
   }, [idManager]);
-  return /* @__PURE__ */ React.createElement(PlasmicCheckboxGroupContext.Provider, { value: __spreadProps$h(__spreadValues$l({}, rest), { idManager }) }, /* @__PURE__ */ React.createElement(CheckboxGroup, __spreadProps$h(__spreadValues$l({}, rest), { style: COMMON_STYLES }), ({ isDisabled, isReadOnly }) => withObservedValues$c(
-    children,
-    {
-      disabled: isDisabled,
-      readonly: isReadOnly
-    },
-    plasmicUpdateVariant
-  )));
+  return (
+    // PlasmicCheckboxGroupContext is used by BaseCheckbox
+    /* @__PURE__ */ React.createElement(PlasmicCheckboxGroupContext.Provider, { value: __spreadProps$h(__spreadValues$l({}, rest), { idManager }) }, /* @__PURE__ */ React.createElement(CheckboxGroup, __spreadProps$h(__spreadValues$l({}, rest), { style: COMMON_STYLES }), ({ isDisabled, isReadOnly }) => withObservedValues$c(
+      children,
+      {
+        disabled: isDisabled,
+        readonly: isReadOnly
+      },
+      plasmicUpdateVariant
+    )))
+  );
 }
 const componentName = makeComponentName("checkboxGroup");
 function registerCheckboxGroup(loader, overrides) {
@@ -1592,7 +1595,7 @@ function BaseInput_(props, ref) {
     hoverProps,
     {
       style: COMMON_STYLES,
-      value: (context == null ? void 0 : context.isUncontrolled) ? void 0 : value,
+      value: (context == null ? void 0 : context.isUncontrolled) || isDefined(textFieldContext) ? void 0 : value,
       autoComplete: resolveAutoComplete(autoComplete),
       className
     }
@@ -2906,7 +2909,19 @@ 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 _a = props, {
+    trigger,
+    dialog,
+    isOpen,
+    className,
+    __plasmic_selection_prop__
+  } = _a, rest = __objRest$b(_a, [
+    "trigger",
+    "dialog",
+    "isOpen",
+    "className",
+    "__plasmic_selection_prop__"
+  ]);
   const isOpen2 = useIsOpen({
     triggerSlotName: "trigger",
     isOpen,
@@ -2915,7 +2930,10 @@ function BaseDialogTrigger(props) {
   const mergedProps = __spreadProps$b(__spreadValues$d({}, rest), {
     isOpen: isOpen2
   });
-  return /* @__PURE__ */ React.createElement(PlasmicDialogTriggerContext.Provider, { value: mergedProps }, /* @__PURE__ */ React.createElement(DialogTrigger, __spreadValues$d({}, mergedProps), trigger && /* @__PURE__ */ React.createElement(TriggerWrapper$1, { className }, trigger), dialog));
+  return (
+    // PlasmicDialogTriggerContext is used by BaseModal
+    /* @__PURE__ */ React.createElement(PlasmicDialogTriggerContext.Provider, { value: mergedProps }, /* @__PURE__ */ React.createElement(DialogTrigger, __spreadValues$d({}, mergedProps), trigger && /* @__PURE__ */ React.createElement(TriggerWrapper$1, { className }, trigger), dialog))
+  );
 }
 function registerDialogTrigger(loader, overrides) {
   registerComponentHelper(
@@ -3087,7 +3105,7 @@ function BaseOverlayArrow({
   className
 }) {
   const popoverContext = React.useContext(PopoverContext);
-  const tooltipContext = React.useContext(TooltipContext);
+  const tooltipContext = React.useContext(TooltipTriggerStateContext);
   const isStandalone = !popoverContext && !tooltipContext;
   const overlayArrow = /* @__PURE__ */ React.createElement(
     OverlayArrow,
@@ -3369,14 +3387,17 @@ function BaseRadioGroup(props) {
       setIds(_ids);
     });
   }, [idManager]);
-  return /* @__PURE__ */ React.createElement(PlasmicRadioGroupContext.Provider, { value: __spreadProps$8(__spreadValues$9({}, props), { idManager }) }, /* @__PURE__ */ React.createElement(RadioGroup, __spreadProps$8(__spreadValues$9({}, rest), { style: COMMON_STYLES }), ({ isDisabled, isReadOnly }) => withObservedValues$7(
-    children,
-    {
-      disabled: isDisabled,
-      readonly: isReadOnly
-    },
-    plasmicUpdateVariant
-  )));
+  return (
+    // PlasmicRadioGroupContext is used by BaseRadio
+    /* @__PURE__ */ React.createElement(PlasmicRadioGroupContext.Provider, { value: __spreadProps$8(__spreadValues$9({}, props), { idManager }) }, /* @__PURE__ */ React.createElement(RadioGroup, __spreadProps$8(__spreadValues$9({}, rest), { style: COMMON_STYLES }), ({ isDisabled, isReadOnly }) => withObservedValues$7(
+      children,
+      {
+        disabled: isDisabled,
+        readonly: isReadOnly
+      },
+      plasmicUpdateVariant
+    )))
+  );
 }
 const RADIO_GROUP_COMPONENT_NAME = makeComponentName("radioGroup");
 function registerRadioGroup(loader, overrides) {
@@ -4183,22 +4204,25 @@ const SLIDER_VARIANTS = ["disabled"];
 const { variants: variants$4, withObservedValues: withObservedValues$3 } = pickAriaComponentVariants(SLIDER_VARIANTS);
 function BaseSlider(props) {
   const _a = props, { children, plasmicUpdateVariant } = _a, rest = __objRest$4(_a, ["children", "plasmicUpdateVariant"]);
-  return /* @__PURE__ */ React.createElement(
-    PlasmicSliderContext.Provider,
-    {
-      value: __spreadProps$4(__spreadValues$4({}, rest), {
-        // Here's why the type casting is needed here: https://github.com/Microsoft/TypeScript/issues/3410
-        onChange: rest.onChange,
-        onChangeEnd: rest.onChangeEnd
-      })
-    },
-    /* @__PURE__ */ React.createElement(Slider, __spreadProps$4(__spreadValues$4({}, rest), { style: COMMON_STYLES }), ({ isDisabled }) => withObservedValues$3(
-      children,
+  return (
+    // PlasmicSliderContext is used by BaseSliderTrack
+    /* @__PURE__ */ React.createElement(
+      PlasmicSliderContext.Provider,
       {
-        disabled: isDisabled
+        value: __spreadProps$4(__spreadValues$4({}, rest), {
+          // Here's why the type casting is needed here: https://github.com/Microsoft/TypeScript/issues/3410
+          onChange: rest.onChange,
+          onChangeEnd: rest.onChangeEnd
+        })
       },
-      plasmicUpdateVariant
-    ))
+      /* @__PURE__ */ React.createElement(Slider, __spreadProps$4(__spreadValues$4({}, rest), { style: COMMON_STYLES }), ({ isDisabled }) => withObservedValues$3(
+        children,
+        {
+          disabled: isDisabled
+        },
+        plasmicUpdateVariant
+      ))
+    )
   );
 }
 function getCommonSliderProps() {
@@ -4678,11 +4702,13 @@ function BaseTextArea_(props, ref) {
   const _a = props, {
     className,
     plasmicUpdateVariant,
-    setControlContextData
+    setControlContextData,
+    value
   } = _a, restProps = __objRest$2(_a, [
     "className",
     "plasmicUpdateVariant",
-    "setControlContextData"
+    "setControlContextData",
+    "value"
   ]);
   const textFieldContext = React.useContext(PlasmicTextFieldContext);
   const [textAreaContextProps, textAreaRef] = useContextProps(
@@ -4700,6 +4726,7 @@ function BaseTextArea_(props, ref) {
     focusProps,
     hoverProps,
     {
+      value: isDefined(textFieldContext) ? void 0 : value,
       style: COMMON_STYLES,
       className
     }
@@ -4822,22 +4849,33 @@ const TEXT_FIELD_VARIANTS = ["disabled", "readonly"];
 const { variants: variants$1, withObservedValues: withObservedValues$1 } = pickAriaComponentVariants(TEXT_FIELD_VARIANTS);
 function BaseTextField(props) {
   const _a = props, { children, plasmicUpdateVariant, autoComplete } = _a, rest = __objRest$1(_a, ["children", "plasmicUpdateVariant", "autoComplete"]);
-  return /* @__PURE__ */ React.createElement(PlasmicTextFieldContext.Provider, { value: props }, /* @__PURE__ */ React.createElement(
-    TextField,
-    __spreadProps$1(__spreadValues$1({
-      autoComplete: resolveAutoComplete(autoComplete)
-    }, rest), {
-      style: COMMON_STYLES
-    }),
-    ({ isDisabled, isReadOnly }) => withObservedValues$1(
-      children,
-      {
-        disabled: isDisabled,
-        readonly: isReadOnly
-      },
-      plasmicUpdateVariant
-    )
-  ));
+  const contextValue = React.useMemo(() => {
+    return {
+      isDisabled: props.isDisabled,
+      isReadOnly: props.isReadOnly
+    };
+  }, [props.isDisabled, props.isReadOnly]);
+  return (
+    // PlasmicTextFieldContext is used by
+    // - BaseInput
+    // - BaseTextArea
+    /* @__PURE__ */ React.createElement(PlasmicTextFieldContext.Provider, { value: contextValue }, /* @__PURE__ */ React.createElement(
+      TextField,
+      __spreadProps$1(__spreadValues$1({
+        autoComplete: resolveAutoComplete(autoComplete)
+      }, rest), {
+        style: COMMON_STYLES
+      }),
+      ({ isDisabled, isReadOnly }) => withObservedValues$1(
+        children,
+        {
+          disabled: isDisabled,
+          readonly: isReadOnly
+        },
+        plasmicUpdateVariant
+      )
+    ))
+  );
 }
 const TEXT_FIELD_COMPONENT_NAME = makeComponentName("textField");
 function registerTextField(loader, overrides) {
@@ -5047,42 +5085,45 @@ function ControlledBaseTooltip(props) {
     isOpen: isCanvasAwareOpen,
     trigger: trigger === "focus" ? trigger : void 0
   }));
-  return /* @__PURE__ */ React.createElement(Provider, { values: [[TooltipTriggerStateContext, state]] }, /* @__PURE__ */ React.createElement(
-    TriggerWrapper,
-    {
-      ref,
-      className,
-      tooltipId: state.isOpen ? tooltipId : void 0,
-      isDisabled,
-      onOpenChange,
-      triggerOnFocusOnly: trigger === "focus"
-    },
-    children
-  ), /* @__PURE__ */ React.createElement(
-    Tooltip,
-    {
-      triggerRef: ref,
-      id: tooltipId,
-      offset,
-      delay,
-      closeDelay,
-      crossOffset,
-      shouldFlip,
-      className: resetClassName,
-      onOpenChange,
-      placement
-    },
-    ({ placement: _placement }) => withObservedValues(
-      /* @__PURE__ */ React.createElement(React.Fragment, null, tooltipContent),
+  return (
+    // TooltipTriggerStateContext used by BaseOverlayArrow
+    /* @__PURE__ */ React.createElement(Provider, { values: [[TooltipTriggerStateContext, state]] }, /* @__PURE__ */ React.createElement(
+      TriggerWrapper,
       {
-        placementTop: _placement === "top",
-        placementBottom: _placement === "bottom",
-        placementLeft: _placement === "left",
-        placementRight: _placement === "right"
+        ref,
+        className,
+        tooltipId: state.isOpen ? tooltipId : void 0,
+        isDisabled,
+        onOpenChange,
+        triggerOnFocusOnly: trigger === "focus"
       },
-      plasmicUpdateVariant
-    )
-  ));
+      children
+    ), /* @__PURE__ */ React.createElement(
+      Tooltip,
+      {
+        triggerRef: ref,
+        id: tooltipId,
+        offset,
+        delay,
+        closeDelay,
+        crossOffset,
+        shouldFlip,
+        className: resetClassName,
+        onOpenChange,
+        placement
+      },
+      ({ placement: _placement }) => withObservedValues(
+        /* @__PURE__ */ React.createElement(React.Fragment, null, tooltipContent),
+        {
+          placementTop: _placement === "top",
+          placementBottom: _placement === "bottom",
+          placementLeft: _placement === "left",
+          placementRight: _placement === "right"
+        },
+        plasmicUpdateVariant
+      )
+    ))
+  );
 }
 const TriggerWrapper = React.forwardRef(
   function TriggerWrapper_({