@plasmicpkgs/react-aria 0.0.60 → 0.0.62

package/dist/react-aria.esm.js

@@ -1,5 +1,5 @@
 import React, { useEffect, useState, useMemo, forwardRef, useImperativeHandle, Component } from 'react';
-import { Button, Checkbox, Text, FieldError, Label, CheckboxGroup, Input, ListBoxItem, ListBox, Section, Header, PopoverContext, SelectContext, Popover, ComboBox, Heading, ModalOverlay, Modal, Dialog, DialogTrigger, Radio, RadioGroup, Select, SelectValue, SliderOutput, SliderThumb, Slider, SliderTrack, Switch, TextArea, TextField } from 'react-aria-components';
+import { Button, Checkbox, Text, FieldError, Label, CheckboxGroup, Input, ListBoxItem, ListBox, Section, Header, PopoverContext, Popover, ComboBox, Heading, ModalOverlay, Modal, Dialog, DialogTrigger, Radio, RadioGroup, Select, SelectValue, SliderOutput, SliderThumb, Slider, SliderTrack, Switch, TextArea, TextField } from 'react-aria-components';
 import registerComponent from '@plasmicapp/host/registerComponent';
 import { mergeProps, useTooltipTrigger } from 'react-aria';
 import { mergeProps as mergeProps$1 } from '@react-aria/utils';
@@ -103,7 +103,9 @@ function createNameProp() {
     type: "string",
     description: "Name for this field if it is part of a form",
     displayName: "Form field key",
-    hidden: hasParent,
+    // hidden: hasParent,
+    hidden: () => true,
+    // hiding required prop until the release of Aria Forms
     advanced: true
   };
 }
@@ -133,7 +135,9 @@ function createRequiredProp(componentName) {
     description: `Whether user input is required on the ${componentName} before form submission.`,
     defaultValueHint: false,
     advanced: true,
-    hidden: hasParent
+    // hidden: hasParent,
+    hidden: () => true
+    // hiding required prop until the release of Aria Forms
   };
 }
 function createAutoFocusProp(componentName) {
@@ -2047,16 +2051,17 @@ var __objRest$e = (source, exclude) => {
   return target;
 };
 function BasePopover(props) {
+  var _b;
   const _a = props, { resetClassName, setControlContextData } = _a, restProps = __objRest$e(_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,
+    {
+      isOpen: context == null ? void 0 : context.isOpen,
+      shouldFlip: context == null ? void 0 : context.defaultShouldFlip
+    },
     /**
      * isNonModal: Whether the popover is non-modal, i.e. elements outside the popover may be interacted with by assistive technologies. *
      *
@@ -2073,7 +2078,7 @@ function BasePopover(props) {
     } : null
   );
   setControlContextData == null ? void 0 : setControlContextData({
-    defaultShouldFlip
+    defaultShouldFlip: (_b = context == null ? void 0 : context.defaultShouldFlip) != null ? _b : true
   });
   return /* @__PURE__ */ React.createElement(React.Fragment, null, isStandalone && /* @__PURE__ */ React.createElement("div", { ref: triggerRef }), /* @__PURE__ */ React.createElement(Popover, __spreadValues$f({}, mergedProps)));
 }
@@ -2149,10 +2154,7 @@ function registerPopover(loader, overrides) {
         shouldFlip: {
           type: "boolean",
           description: "Whether the element should flip its orientation (e.g. top to bottom or left to right) when there is insufficient room for it to render completely.",
-          defaultValueHint: (_props, ctx) => {
-            var _a;
-            return (_a = ctx == null ? void 0 : ctx.defaultShouldFlip) != null ? _a : true;
-          }
+          defaultValueHint: (_props, ctx) => ctx == null ? void 0 : ctx.defaultShouldFlip
         },
         placement: {
           type: "choice",
@@ -2220,15 +2222,21 @@ function BaseComboBox(props) {
       });
     });
   }, []);
-  return /* @__PURE__ */ React.createElement(ComboBox, __spreadValues$e({}, rest), /* @__PURE__ */ React.createElement(PlasmicPopoverContext.Provider, { value: { isOpen } }, /* @__PURE__ */ React.createElement(
-    PlasmicListBoxContext.Provider,
+  return /* @__PURE__ */ React.createElement(ComboBox, __spreadValues$e({}, rest), /* @__PURE__ */ React.createElement(
+    PlasmicPopoverContext.Provider,
     {
-      value: {
-        idManager
-      }
+      value: { isOpen, defaultShouldFlip: false }
     },
-    /* @__PURE__ */ React.createElement(PlasmicInputContext.Provider, { value: { isUncontrolled: true } }, children)
-  )));
+    /* @__PURE__ */ React.createElement(
+      PlasmicListBoxContext.Provider,
+      {
+        value: {
+          idManager
+        }
+      },
+      /* @__PURE__ */ React.createElement(PlasmicInputContext.Provider, { value: { isUncontrolled: true } }, children)
+    )
+  ));
 }
 function registerComboBox(loader) {
   registerComponentHelper(loader, BaseComboBox, {
@@ -3094,15 +3102,21 @@ function BaseSelect(props) {
       "aria-label": ariaLabel,
       isOpen: openProp
     }, extractPlasmicDataProps(props)),
-    /* @__PURE__ */ React.createElement(PlasmicPopoverContext.Provider, { value: { isOpen: openProp } }, /* @__PURE__ */ React.createElement(
-      PlasmicListBoxContext.Provider,
+    /* @__PURE__ */ React.createElement(
+      PlasmicPopoverContext.Provider,
       {
-        value: {
-          idManager
-        }
+        value: { isOpen: openProp, defaultShouldFlip: false }
       },
-      children
-    ))
+      /* @__PURE__ */ React.createElement(
+        PlasmicListBoxContext.Provider,
+        {
+          value: {
+            idManager
+          }
+        },
+        children
+      )
+    )
   );
 }
 function registerSelect(loader) {