@plasmicpkgs/react-aria 0.0.75 → 0.0.77

package/dist/react-aria.js

@@ -648,7 +648,7 @@ const PlasmicRadioGroupContext = React__default.default.createContext(void 0);
 const PlasmicDialogTriggerContext = React__default.default.createContext(void 0);
 const PlasmicSliderContext = React__default.default.createContext(void 0);
 React__default.default.createContext(void 0);
-const PlasmicPopoverContext = React__default.default.createContext(void 0);
+const PlasmicPopoverTriggerContext = React__default.default.createContext(void 0);
 const PlasmicListBoxContext = React__default.default.createContext(void 0);
 React__default.default.createContext(void 0);
 const PlasmicInputContext = React__default.default.createContext(void 0);
@@ -1780,8 +1780,7 @@ function BaseSection(props) {
   const _a = props, { header, items } = _a, rest = __objRest$g(_a, ["header", "items"]);
   const contextProps = React__default.default.useContext(PlasmicListBoxContext);
   const isStandalone = !contextProps;
-  const mergedProps = utils.mergeProps(contextProps, rest);
-  const section = /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Section, __spreadValues$h({}, mergedProps), /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Header, null, header), items);
+  const section = /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Section, __spreadValues$h({}, rest), /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Header, null, header), items);
   if (isStandalone) {
     return (
       // BaseListbox should give section a listbox context (that it can't be used without)
@@ -2124,14 +2123,24 @@ const POPOVER_VARIANTS = [
 ];
 const { variants: variants$a, withObservedValues: withObservedValues$9 } = pickAriaComponentVariants(POPOVER_VARIANTS);
 function BasePopover(props) {
-  const _a = props, { resetClassName, plasmicUpdateVariant } = _a, restProps = __objRest$e(_a, ["resetClassName", "plasmicUpdateVariant"]);
+  const _a = props, {
+    resetClassName,
+    plasmicUpdateVariant,
+    setControlContextData,
+    matchTriggerWidth
+  } = _a, restProps = __objRest$e(_a, [
+    "resetClassName",
+    "plasmicUpdateVariant",
+    "setControlContextData",
+    "matchTriggerWidth"
+  ]);
   const isStandalone = !React__default.default.useContext(reactAriaComponents.PopoverContext);
-  const context = React__default.default.useContext(PlasmicPopoverContext);
+  const hasTrigger = !!React__default.default.useContext(PlasmicPopoverTriggerContext);
   const triggerRef = React__default.default.useRef(null);
   const canvasContext = host.usePlasmicCanvasContext();
+  const matchTriggerWidthProp = hasTrigger && matchTriggerWidth;
   const _b = utils.mergeProps(
     {
-      isOpen: context == null ? void 0 : context.isOpen,
       // isNonModal: Whether the popover is non-modal, i.e. elements outside the popover may be interacted with by assistive technologies.
       // Setting isNonModal to true in edit mode (canvas) means that the popover will not prevent the user from interacting with the canvas while the popover is open.
       isNonModal: canvasContext && !canvasContext.interactive
@@ -2147,16 +2156,27 @@ function BasePopover(props) {
       isOpen: true
     } : null
   ), { children } = _b, mergedProps = __objRest$e(_b, ["children"]);
-  return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, isStandalone && /* @__PURE__ */ React__default.default.createElement("div", { ref: triggerRef }), /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Popover, __spreadValues$f({}, mergedProps), ({ placement }) => withObservedValues$9(
-    children,
-    {
-      placementTop: placement === "top",
-      placementBottom: placement === "bottom",
-      placementLeft: placement === "left",
-      placementRight: placement === "right"
-    },
-    plasmicUpdateVariant
-  )));
+  React.useEffect(() => {
+    setControlContextData == null ? void 0 : setControlContextData({
+      canMatchTriggerWidth: hasTrigger
+    });
+  }, [hasTrigger, setControlContextData]);
+  return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, isStandalone && /* @__PURE__ */ React__default.default.createElement("div", { ref: triggerRef }), /* @__PURE__ */ React__default.default.createElement(
+    reactAriaComponents.Popover,
+    __spreadValues$f({
+      style: matchTriggerWidthProp ? { width: `var(--trigger-width)` } : void 0
+    }, mergedProps),
+    ({ placement }) => withObservedValues$9(
+      children,
+      {
+        placementTop: placement === "top",
+        placementBottom: placement === "bottom",
+        placementLeft: placement === "left",
+        placementRight: placement === "right"
+      },
+      plasmicUpdateVariant
+    )
+  ));
 }
 const POPOVER_COMPONENT_NAME = makeComponentName("popover");
 const POPOVER_ARROW_IMG = {
@@ -2247,6 +2267,11 @@ function registerPopover(loader, overrides) {
         },
         resetClassName: {
           type: "themeResetClass"
+        },
+        matchTriggerWidth: {
+          type: "boolean",
+          defaultValue: true,
+          hidden: (_props, ctx) => !(ctx == null ? void 0 : ctx.canMatchTriggerWidth)
         }
       },
       // No isOpen state for popover, because we assume that its open state is always going to be controlled by a parent like Select, Combobox, DialogTrigger, etc.
@@ -2332,7 +2357,7 @@ function BaseComboBox(props) {
       isDisabled,
       className
     }, rest),
-    /* @__PURE__ */ React__default.default.createElement(PlasmicPopoverContext.Provider, { value: {} }, /* @__PURE__ */ React__default.default.createElement(
+    /* @__PURE__ */ React__default.default.createElement(PlasmicPopoverTriggerContext.Provider, { value: true }, /* @__PURE__ */ React__default.default.createElement(
       PlasmicListBoxContext.Provider,
       {
         value: {
@@ -2442,7 +2467,8 @@ function registerComboBox(loader) {
                 styles: {
                   backgroundColor: "white",
                   padding: "10px",
-                  overflow: "scroll"
+                  overflow: "scroll",
+                  width: "unset"
                 },
                 props: {
                   offset: 0,
@@ -3242,7 +3268,7 @@ function BaseSelect(props) {
       "aria-label": ariaLabel
     }, extractPlasmicDataProps(props)),
     /* @__PURE__ */ React__default.default.createElement(SelectAutoOpen, __spreadValues$8({}, props)),
-    /* @__PURE__ */ React__default.default.createElement(PlasmicPopoverContext.Provider, { value: {} }, /* @__PURE__ */ React__default.default.createElement(
+    /* @__PURE__ */ React__default.default.createElement(PlasmicPopoverTriggerContext.Provider, { value: true }, /* @__PURE__ */ React__default.default.createElement(
       PlasmicListBoxContext.Provider,
       {
         value: {
@@ -3384,7 +3410,8 @@ function registerSelect(loader) {
                 styles: {
                   backgroundColor: "white",
                   padding: "10px",
-                  overflow: "scroll"
+                  overflow: "scroll",
+                  width: "unset"
                 },
                 props: {
                   children: [
@@ -3557,9 +3584,7 @@ function BaseSliderThumb(_a) {
     "advanced",
     "plasmicUpdateVariant"
   ]);
-  const context = React__default.default.useContext(PlasmicSliderContext);
-  const mergedProps = reactAria.mergeProps(context, rest);
-  const thumb = /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.SliderThumb, __spreadValues$6({}, mergedProps), ({ isDragging, isHovered, isFocused, isFocusVisible, isDisabled }) => withObservedValues$5(
+  const thumb = /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.SliderThumb, __spreadValues$6({}, rest), ({ isDragging, isHovered, isFocused, isFocusVisible, isDisabled }) => withObservedValues$5(
     /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, advanced ? children : void 0),
     {
       dragging: isDragging,
@@ -3673,15 +3698,15 @@ function isMultiValueGuard(value) {
 function BaseSliderTrack(props) {
   const context = React__default.default.useContext(PlasmicSliderContext);
   const isStandalone = !context;
-  const mergedProps = reactAria.mergeProps(context, props);
-  const _a = mergedProps, { children, progressBar, plasmicUpdateVariant } = _a, rest = __objRest$5(_a, ["children", "progressBar", "plasmicUpdateVariant"]);
-  const isMultiValue = isMultiValueGuard(mergedProps.value);
+  const _a = props, { children, progressBar, plasmicUpdateVariant } = _a, rest = __objRest$5(_a, ["children", "progressBar", "plasmicUpdateVariant"]);
+  const thumbsLength = context && isMultiValueGuard(context.value) ? context.value.length : 1;
+  const isMultiValue = thumbsLength > 1;
   const { minIndex, maxIndex } = React.useMemo(() => {
     if (!context || !Array.isArray(context.value) || context.value.length <= 1) {
       return { minIndex: 0, maxIndex: 0 };
     }
     return findMinMaxIndices(context.value);
-  }, [context == null ? void 0 : context.value]);
+  }, [thumbsLength]);
   const thumbs = React.useMemo(() => {
     const thumbNodes = flattenChildren__default.default(children);
     if (!thumbNodes || thumbNodes.length === 0 || !isDefined(context == null ? void 0 : context.value)) {