@plasmicpkgs/react-aria 0.0.46 → 0.0.47

package/dist/contexts.d.ts

@@ -9,6 +9,7 @@ export declare const PlasmicDialogTriggerContext: React.Context<import("./regist
 export type PlasmicSliderContextType<T extends number | number[]> = React.ComponentProps<typeof BaseSlider<T>> | undefined;
 export declare const PlasmicSliderContext: React.Context<PlasmicSliderContextType<number | number[]>>;
 export declare const PlasmicLabelContext: React.Context<(import("react-aria-components").LabelProps & React.RefAttributes<HTMLLabelElement>) | undefined>;
+export declare const PlasmicPopoverContext: React.Context<import("./registerPopover").BasePopoverProps | undefined>;
 export declare const PlasmicListBoxContext: React.Context<BaseListBoxProps | undefined>;
 export declare const PlasmicItemContext: React.Context<StrictItemType | undefined>;
 export declare const PlasmicSectionContext: React.Context<import("./registerSection").BaseSectionProps | undefined>;

package/dist/react-aria.esm.js

@@ -605,6 +605,7 @@ const PlasmicRadioGroupContext = React.createContext(void 0);
 const PlasmicDialogTriggerContext = React.createContext(void 0);
 const PlasmicSliderContext = React.createContext(void 0);
 React.createContext(void 0);
+const PlasmicPopoverContext = React.createContext(void 0);
 const PlasmicListBoxContext = React.createContext(void 0);
 const PlasmicItemContext = React.createContext(void 0);
 const PlasmicSectionContext = React.createContext(void 0);
@@ -1956,12 +1957,14 @@ var __objRest$d = (source, exclude) => {
 function BasePopover(props) {
   const _a = props, { resetClassName, setControlContextData } = _a, restProps = __objRest$d(_a, ["resetClassName", "setControlContextData"]);
   const isStandalone = !React.useContext(PopoverContext);
+  const context = React.useContext(PlasmicPopoverContext);
   const isInsideSelect = !!React.useContext(SelectContext);
   const triggerRef = React.useRef(null);
   const isEditMode = !!usePlasmicCanvasContext();
   const defaultShouldFlip = isInsideSelect ? false : true;
   const mergedProps = mergeProps$1(
     { shouldFlip: defaultShouldFlip },
+    context,
     /**
      * isNonModal: Whether the popover is non-modal, i.e. elements outside the popover may be interacted with by assistive technologies. *
      *
@@ -3149,14 +3152,16 @@ function BaseSelect(props) {
     style,
     structure,
     name,
+    isOpen,
     "aria-label": ariaLabel
   } = props;
   const { options } = useStrictOptions(props);
   const isEditMode = !!usePlasmicCanvasContext();
+  const openProp = isEditMode && previewOpen ? true : isOpen;
   const disabledKeys = flattenOptions(options).filter((op) => op.isDisabled).map((op) => op.id);
   return /* @__PURE__ */ React.createElement(
     Select,
-    __spreadValues$8(__spreadValues$8({
+    __spreadValues$8({
       placeholder,
       selectedKey: value,
       onSelectionChange: onChange,
@@ -3165,9 +3170,10 @@ function BaseSelect(props) {
       className,
       style,
       name,
-      "aria-label": ariaLabel
-    }, isEditMode ? { isOpen: previewOpen } : void 0), extractPlasmicDataProps(props)),
-    /* @__PURE__ */ React.createElement(
+      "aria-label": ariaLabel,
+      isOpen: openProp
+    }, extractPlasmicDataProps(props)),
+    /* @__PURE__ */ React.createElement(PlasmicPopoverContext.Provider, { value: { isOpen: openProp } }, /* @__PURE__ */ React.createElement(
       PlasmicListBoxContext.Provider,
       {
         value: {
@@ -3176,7 +3182,7 @@ function BaseSelect(props) {
         }
       },
       structure
-    )
+    ))
   );
 }
 function registerSelect(loader) {
@@ -3236,6 +3242,11 @@ function registerSelect(loader) {
         description: "Preview opened state while designing in Plasmic editor",
         editOnly: true
       },
+      isOpen: {
+        type: "boolean",
+        // It doesn't make sense to make isOpen prop editable (it's controlled by user interaction and always closed by default), so we keep this prop hidden. We have listed the prop here in the meta only so we can expose a writeable state for it.
+        hidden: () => true
+      },
       onOpenChange: {
         type: "eventHandler",
         argTypes: [{ name: "isOpen", type: "boolean" }]
@@ -3380,7 +3391,8 @@ function registerSelect(loader) {
         variableType: "text"
       },
       isOpen: {
-        type: "readonly",
+        type: "writable",
+        valueProp: "isOpen",
         onChangeProp: "onOpenChange",
         variableType: "boolean"
       }