@plasmicpkgs/react-aria 0.0.45 → 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

@@ -145,7 +145,7 @@ function createAutoFocusProp(componentName) {
 function createAriaLabelProp(componentName) {
   return {
     type: "string",
-    displayName: "Aria Label",
+    displayName: "ARIA label",
     description: `Label for this ${componentName}, if no visible label is used, to identify the element to assistive technology`,
     advanced: true,
     hidden: hasParent
@@ -173,7 +173,7 @@ function getCommonProps(componentName, propNames) {
     value: {
       type: "string",
       editOnly: true,
-      displayName: "Default Value",
+      displayName: "Initial value",
       uncontrolledProp: "defaultValue",
       description: `The default value of the ${componentName}`,
       hidden: hasParent
@@ -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. *
      *
@@ -2481,7 +2484,6 @@ const BaseModal = forwardRef(
       children,
       heading,
       modalOverlayClass,
-      onOpenChange,
       className,
       isOpen,
       setControlContextData
@@ -2489,7 +2491,6 @@ const BaseModal = forwardRef(
       "children",
       "heading",
       "modalOverlayClass",
-      "onOpenChange",
       "className",
       "isOpen",
       "setControlContextData"
@@ -2504,22 +2505,17 @@ const BaseModal = forwardRef(
     });
     useImperativeHandle(ref, () => ({
       close: () => {
-        onOpenChange(false);
+        var _a2;
+        (_a2 = mergedProps.onOpenChange) == null ? void 0 : _a2.call(mergedProps, false);
       },
       open: () => {
-        onOpenChange(true);
+        var _a2;
+        (_a2 = mergedProps.onOpenChange) == null ? void 0 : _a2.call(mergedProps, true);
       }
     }));
     const isCanvas = usePlasmicCanvasContext();
     const body = /* @__PURE__ */ React.createElement(React.Fragment, null, heading && /* @__PURE__ */ React.createElement(Heading, { slot: "title" }, heading), children);
-    return /* @__PURE__ */ React.createElement(
-      ModalOverlay,
-      __spreadProps$6(__spreadValues$d({}, mergedProps), {
-        className: modalOverlayClass,
-        onOpenChange
-      }),
-      /* @__PURE__ */ React.createElement(Modal, { className }, isCanvas ? body : /* @__PURE__ */ React.createElement(Dialog, null, body))
-    );
+    return /* @__PURE__ */ React.createElement(ModalOverlay, __spreadProps$6(__spreadValues$d({}, mergedProps), { className: modalOverlayClass }), /* @__PURE__ */ React.createElement(Modal, { className }, isCanvas ? body : /* @__PURE__ */ React.createElement(Dialog, null, body)));
   }
 );
 const MODAL_COMPONENT_NAME = makeComponentName("modal");
@@ -3088,7 +3084,7 @@ function registerRadioGroup(loader, overrides) {
         value: {
           type: "string",
           editOnly: true,
-          displayName: "Default Value",
+          displayName: "Initial value",
           uncontrolledProp: "defaultValue",
           description: "The current value"
         },
@@ -3156,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,
@@ -3172,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: {
@@ -3183,7 +3182,7 @@ function BaseSelect(props) {
         }
       },
       structure
-    )
+    ))
   );
 }
 function registerSelect(loader) {
@@ -3243,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" }]
@@ -3374,7 +3378,7 @@ function registerSelect(loader) {
       },
       "aria-label": {
         type: "string",
-        displayName: "Aria Label",
+        displayName: "ARIA label",
         description: "Label for this input, if no visible label is used",
         advanced: true
       }
@@ -3387,7 +3391,8 @@ function registerSelect(loader) {
         variableType: "text"
       },
       isOpen: {
-        type: "readonly",
+        type: "writable",
+        valueProp: "isOpen",
         onChangeProp: "onOpenChange",
         variableType: "boolean"
       }
@@ -4008,8 +4013,9 @@ function registerSlider(loader, overrides) {
         value: {
           type: "number",
           editOnly: true,
+          displayName: "Initial value",
           uncontrolledProp: "defaultValue",
-          description: "The default value of the slider",
+          description: "The initial value of the slider",
           defaultValueHint: 0,
           defaultValue: 0
         },