@plasmicpkgs/react-aria 0.0.46 → 0.0.48

package/dist/common.d.ts

@@ -1,5 +1,7 @@
+/// <reference types="react" />
 import { PropType } from "@plasmicapp/host";
 import { BaseControlContextData, HasControlContextData } from "./utils";
+export declare const defaultStyles: React.CSSProperties;
 export declare function hasParent<T>(_props: T, ctx: ConditionalContext<T>): boolean;
 export declare function isParentReadOnly<T>(_props: T, ctx: ConditionalContext<T>): boolean;
 export declare function isParentDisabled<T>(_props: T, ctx: ConditionalContext<T>): boolean;

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

@@ -28,6 +28,10 @@ var __spreadValues$r = (a, b) => {
 };
 var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
 function registerComponentHelper(loader, component, meta, overrides) {
+  var _a;
+  meta = __spreadProps$e(__spreadValues$r({}, meta), {
+    defaultStyles: __spreadValues$r(__spreadValues$r({}, defaultStyles), (_a = meta.defaultStyles) != null ? _a : {})
+  });
   if (overrides) {
     meta = __spreadProps$e(__spreadValues$r(__spreadValues$r({}, meta), overrides), {
       props: __spreadValues$r(__spreadValues$r({}, meta.props), overrides.props)
@@ -70,6 +74,9 @@ function isDefined(thing) {
   return thing !== void 0 && thing !== null;
 }
 
+const defaultStyles = {
+  boxSizing: "border-box"
+};
 function hasParent(_props, ctx) {
   return isDefined(ctx == null ? void 0 : ctx.parent) === true;
 }
@@ -605,6 +612,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 +1964,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 +3159,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 +3177,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 +3189,7 @@ function BaseSelect(props) {
         }
       },
       structure
-    )
+    ))
   );
 }
 function registerSelect(loader) {
@@ -3236,6 +3249,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 +3398,8 @@ function registerSelect(loader) {
         variableType: "text"
       },
       isOpen: {
-        type: "readonly",
+        type: "writable",
+        valueProp: "isOpen",
         onChangeProp: "onOpenChange",
         variableType: "boolean"
       }