@plasmicpkgs/react-aria 0.0.68 → 0.0.70

package/dist/react-aria.esm.js

@@ -1690,7 +1690,7 @@ function registerListBoxItem(loader, overrides) {
       props: {
         id: {
           type: "string",
-          description: "A unique key for tracking the selected item in state",
+          description: "A unique value for tracking the selected item in state",
           required: true,
           displayName: "Value",
           validator: (_value, _props, ctx) => {
@@ -1816,7 +1816,7 @@ var __objRest$e = (source, exclude) => {
 };
 const listboxHelpers = {
   states: {
-    selectedKey: {
+    selectedValue: {
       onChangeArgsToValue: (value) => {
         return Array.from(value)[0];
       }
@@ -2015,10 +2015,9 @@ function registerListBox(loader, overrides) {
         },
         selectedKeys: {
           type: "choice",
-          description: "The selected keys of the listbox",
           editOnly: true,
           uncontrolledProp: "defaultSelectedKeys",
-          displayName: "Initial selected key",
+          displayName: "Initial selected item",
           options: (_props, ctx) => (ctx == null ? void 0 : ctx.itemIds) ? Array.from(ctx.itemIds) : [],
           hidden: (props, ctx) => !(ctx == null ? void 0 : ctx.isStandalone) || props.selectionMode === "none",
           // We do not support multiple selections yet (Because React Aria select and combobox only support single selections).
@@ -2026,16 +2025,17 @@ function registerListBox(loader, overrides) {
         },
         onSelectionChange: {
           type: "eventHandler",
-          argTypes: [{ name: "itemIds", type: "object" }]
+          argTypes: [{ name: "selectedValues", type: "object" }]
         }
       },
       states: {
-        selectedKey: __spreadValues$g({
+        selectedValue: __spreadValues$g({
           type: "writable",
           valueProp: "selectedKeys",
+          hidden: (props, ctx) => !(ctx == null ? void 0 : ctx.isStandalone) || props.selectionMode === "none",
           onChangeProp: "onSelectionChange",
           variableType: "text"
-        }, listboxHelpers.states.selectedKey)
+        }, listboxHelpers.states.selectedValue)
       },
       componentHelpers: {
         helpers: listboxHelpers,
@@ -2084,24 +2084,14 @@ const POPOVER_VARIANTS = [
 ];
 const { variants: variants$a, withObservedValues: withObservedValues$9 } = pickAriaComponentVariants(POPOVER_VARIANTS);
 function BasePopover(props) {
-  var _c;
-  const _a = props, {
-    resetClassName,
-    setControlContextData,
-    plasmicUpdateVariant
-  } = _a, restProps = __objRest$d(_a, [
-    "resetClassName",
-    "setControlContextData",
-    "plasmicUpdateVariant"
-  ]);
+  const _a = props, { resetClassName, plasmicUpdateVariant } = _a, restProps = __objRest$d(_a, ["resetClassName", "plasmicUpdateVariant"]);
   const isStandalone = !React.useContext(PopoverContext);
   const context = React.useContext(PlasmicPopoverContext);
   const triggerRef = React.useRef(null);
   const isEditMode = !!usePlasmicCanvasContext();
   const _b = mergeProps$1(
     {
-      isOpen: context == null ? void 0 : context.isOpen,
-      shouldFlip: context == null ? void 0 : context.defaultShouldFlip
+      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. *
@@ -2122,9 +2112,6 @@ function BasePopover(props) {
       isOpen: true
     } : null
   ), { children } = _b, mergedProps = __objRest$d(_b, ["children"]);
-  setControlContextData == null ? void 0 : setControlContextData({
-    defaultShouldFlip: (_c = context == null ? void 0 : context.defaultShouldFlip) != null ? _c : true
-  });
   return /* @__PURE__ */ React.createElement(React.Fragment, null, isStandalone && /* @__PURE__ */ React.createElement("div", { ref: triggerRef }), /* @__PURE__ */ React.createElement(Popover, __spreadValues$f({}, mergedProps), ({ placement }) => withObservedValues$9(
     children,
     {
@@ -2209,7 +2196,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) => ctx == null ? void 0 : ctx.defaultShouldFlip
+          defaultValueHint: true
         },
         placement: {
           type: "choice",
@@ -2294,21 +2281,15 @@ function BaseComboBox(props) {
       });
     });
   }, []);
-  return /* @__PURE__ */ React.createElement(ComboBox, __spreadValues$e({}, rest), /* @__PURE__ */ React.createElement(
-    PlasmicPopoverContext.Provider,
+  return /* @__PURE__ */ React.createElement(ComboBox, __spreadValues$e({}, rest), /* @__PURE__ */ React.createElement(PlasmicPopoverContext.Provider, { value: { isOpen } }, /* @__PURE__ */ React.createElement(
+    PlasmicListBoxContext.Provider,
     {
-      value: { isOpen, defaultShouldFlip: false }
+      value: {
+        idManager
+      }
     },
-    /* @__PURE__ */ React.createElement(
-      PlasmicListBoxContext.Provider,
-      {
-        value: {
-          idManager
-        }
-      },
-      /* @__PURE__ */ React.createElement(PlasmicInputContext.Provider, { value: { isUncontrolled: true } }, /* @__PURE__ */ React.createElement(ComboboxAutoOpen, __spreadValues$e({}, props)), children)
-    )
-  ));
+    /* @__PURE__ */ React.createElement(PlasmicInputContext.Provider, { value: { isUncontrolled: true } }, /* @__PURE__ */ React.createElement(ComboboxAutoOpen, __spreadValues$e({}, props)), children)
+  )));
 }
 function registerComboBox(loader) {
   registerComponentHelper(loader, BaseComboBox, {
@@ -2324,17 +2305,17 @@ function registerComboBox(loader) {
     ])), {
       selectedKey: {
         type: "choice",
-        description: "The selected keys of the listbox",
         editOnly: true,
         uncontrolledProp: "defaultSelectedKey",
-        displayName: "Initial selected key",
+        displayName: "Initial selected item",
         options: (_props, ctx) => (ctx == null ? void 0 : ctx.itemIds) ? Array.from(ctx.itemIds) : [],
-        // React Aria ComboBox do not support multiple comboBoxions yet
+        // React Aria ComboBox do not support multiple selections yet
         multiSelect: false
       },
       disabledKeys: {
         type: "choice",
-        description: "The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with.",
+        displayName: "Disabled values",
+        description: "The items that are disabled. These items cannot be selected, focused, or otherwise interacted with.",
         options: (_props, ctx) => (ctx == null ? void 0 : ctx.itemIds) ? Array.from(ctx.itemIds) : [],
         multiSelect: true,
         advanced: true
@@ -2347,7 +2328,7 @@ function registerComboBox(loader) {
       },
       onSelectionChange: {
         type: "eventHandler",
-        argTypes: [{ name: "selectedKey", type: "string" }]
+        argTypes: [{ name: "selectedValue", type: "string" }]
       },
       onOpenChange: {
         type: "eventHandler",
@@ -2433,7 +2414,7 @@ function registerComboBox(loader) {
       }
     }),
     states: {
-      selectedKey: {
+      selectedValue: {
         type: "writable",
         valueProp: "selectedKey",
         onChangeProp: "onSelectionChange",
@@ -3196,21 +3177,15 @@ function BaseSelect(props) {
       "aria-label": ariaLabel,
       isOpen: _isOpen
     }, extractPlasmicDataProps(props)),
-    /* @__PURE__ */ React.createElement(
-      PlasmicPopoverContext.Provider,
+    /* @__PURE__ */ React.createElement(PlasmicPopoverContext.Provider, { value: { isOpen: _isOpen } }, /* @__PURE__ */ React.createElement(
+      PlasmicListBoxContext.Provider,
       {
-        value: { isOpen: _isOpen, defaultShouldFlip: false }
+        value: {
+          idManager
+        }
       },
-      /* @__PURE__ */ React.createElement(
-        PlasmicListBoxContext.Provider,
-        {
-          value: {
-            idManager
-          }
-        },
-        children
-      )
-    )
+      children
+    ))
   );
 }
 function registerSelect(loader) {
@@ -3261,21 +3236,21 @@ function registerSelect(loader) {
     ])), {
       selectedKey: {
         type: "choice",
-        description: "The selected keys of the listbox",
         editOnly: true,
         uncontrolledProp: "defaultSelectedKey",
-        displayName: "Initial selected key",
+        displayName: "Initial selected item",
         options: (_props, ctx) => (ctx == null ? void 0 : ctx.itemIds) ? Array.from(ctx.itemIds) : [],
         // React Aria Select do not support multiple selections yet
         multiSelect: false
       },
       onSelectionChange: {
         type: "eventHandler",
-        argTypes: [{ name: "value", type: "string" }]
+        argTypes: [{ name: "selectedValue", type: "string" }]
       },
       disabledKeys: {
         type: "choice",
-        description: "The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with.",
+        displayName: "Disabled values",
+        description: "The items that are disabled. These items cannot be selected, focused, or otherwise interacted with.",
         options: (_props, ctx) => (ctx == null ? void 0 : ctx.itemIds) ? Array.from(ctx.itemIds) : [],
         multiSelect: true,
         advanced: true
@@ -3376,7 +3351,7 @@ function registerSelect(loader) {
       }
     }),
     states: {
-      selectedKey: {
+      selectedValue: {
         type: "writable",
         valueProp: "selectedKey",
         onChangeProp: "onSelectionChange",