@plasmicpkgs/react-aria 0.0.73 → 0.0.75

package/dist/react-aria.esm.js

@@ -1771,8 +1771,17 @@ var __objRest$g = (source, exclude) => {
 function BaseSection(props) {
   const _a = props, { header, items } = _a, rest = __objRest$g(_a, ["header", "items"]);
   const contextProps = React.useContext(PlasmicListBoxContext);
+  const isStandalone = !contextProps;
   const mergedProps = mergeProps$1(contextProps, rest);
-  return /* @__PURE__ */ React.createElement(Section, __spreadValues$h({}, mergedProps), /* @__PURE__ */ React.createElement(Header, null, header), items);
+  const section = /* @__PURE__ */ React.createElement(Section, __spreadValues$h({}, mergedProps), /* @__PURE__ */ React.createElement(Header, null, header), items);
+  if (isStandalone) {
+    return (
+      // BaseListbox should give section a listbox context (that it can't be used without)
+      // as well as the id manager (that is needed to identify and warn about duplication of ids)
+      /* @__PURE__ */ React.createElement(BaseListBox, null, section)
+    );
+  }
+  return section;
 }
 function registerSection(loader, overrides) {
   return registerComponentHelper(
@@ -2272,6 +2281,8 @@ var __objRest$d = (source, exclude) => {
   return target;
 };
 const COMBOBOX_NAME = makeComponentName("combobox");
+const COMBOBOX_VARIANTS = ["disabled"];
+const { variants: COMBOBOX_VARIANTS_DATA } = pickAriaComponentVariants(COMBOBOX_VARIANTS);
 function ComboboxAutoOpen(props) {
   var _a;
   const { open, close } = (_a = React.useContext(ComboBoxStateContext)) != null ? _a : {};
@@ -2282,10 +2293,16 @@ function BaseComboBox(props) {
   const _a = props, {
     children,
     setControlContextData,
+    plasmicUpdateVariant,
+    className,
+    isDisabled,
     isOpen: _isOpen
   } = _a, rest = __objRest$d(_a, [
     "children",
     "setControlContextData",
+    "plasmicUpdateVariant",
+    "className",
+    "isDisabled",
     "isOpen"
   ]);
   const idManager = useMemo(() => new ListBoxItemIdManager(), []);
@@ -2296,15 +2313,27 @@ function BaseComboBox(props) {
       });
     });
   }, []);
-  return /* @__PURE__ */ React.createElement(ComboBox, __spreadValues$e({}, rest), /* @__PURE__ */ React.createElement(PlasmicPopoverContext.Provider, { value: {} }, /* @__PURE__ */ React.createElement(
-    PlasmicListBoxContext.Provider,
-    {
-      value: {
-        idManager
-      }
-    },
-    /* @__PURE__ */ React.createElement(PlasmicInputContext.Provider, { value: { isUncontrolled: true } }, /* @__PURE__ */ React.createElement(ComboboxAutoOpen, __spreadValues$e({}, props)), children)
-  )));
+  useEffect(() => {
+    plasmicUpdateVariant == null ? void 0 : plasmicUpdateVariant({
+      disabled: isDisabled
+    });
+  }, [isDisabled, plasmicUpdateVariant]);
+  return /* @__PURE__ */ React.createElement(
+    ComboBox,
+    __spreadValues$e({
+      isDisabled,
+      className
+    }, rest),
+    /* @__PURE__ */ React.createElement(PlasmicPopoverContext.Provider, { value: {} }, /* @__PURE__ */ React.createElement(
+      PlasmicListBoxContext.Provider,
+      {
+        value: {
+          idManager
+        }
+      },
+      /* @__PURE__ */ React.createElement(PlasmicInputContext.Provider, { value: { isUncontrolled: true } }, /* @__PURE__ */ React.createElement(ComboboxAutoOpen, __spreadValues$e({}, props)), children)
+    ))
+  );
 }
 function registerComboBox(loader) {
   registerComponentHelper(loader, BaseComboBox, {
@@ -2312,6 +2341,7 @@ function registerComboBox(loader) {
     displayName: "Aria ComboBox",
     importPath: "@plasmicpkgs/react-aria/skinny/registerComboBox",
     importName: "BaseComboBox",
+    variants: COMBOBOX_VARIANTS_DATA,
     props: __spreadProps$9(__spreadValues$e({}, getCommonProps("ComboBox", [
       "name",
       "aria-label",
@@ -3158,6 +3188,8 @@ const BaseSelectValue = (props) => {
   return /* @__PURE__ */ React.createElement(SelectValue, { className }, ({ isPlaceholder, selectedText }) => /* @__PURE__ */ React.createElement(React.Fragment, null, isPlaceholder ? placeholder : selectedText));
 };
 const SELECT_NAME = makeComponentName("select");
+const SELECT_VARIANTS = ["disabled"];
+const { variants: SELECT_VARIANTS_DATA } = pickAriaComponentVariants(SELECT_VARIANTS);
 function BaseSelect(props) {
   const {
     selectedKey,
@@ -3171,9 +3203,10 @@ function BaseSelect(props) {
     disabledKeys,
     name,
     setControlContextData,
+    plasmicUpdateVariant,
     "aria-label": ariaLabel
   } = props;
-  let idManager = useMemo(() => new ListBoxItemIdManager(), []);
+  const idManager = useMemo(() => new ListBoxItemIdManager(), []);
   useEffect(() => {
     idManager.subscribe((ids) => {
       setControlContextData == null ? void 0 : setControlContextData({
@@ -3181,6 +3214,11 @@ function BaseSelect(props) {
       });
     });
   }, []);
+  useEffect(() => {
+    plasmicUpdateVariant == null ? void 0 : plasmicUpdateVariant({
+      disabled: isDisabled
+    });
+  }, [isDisabled, plasmicUpdateVariant]);
   return /* @__PURE__ */ React.createElement(
     Select,
     __spreadValues$8({
@@ -3237,6 +3275,7 @@ function registerSelect(loader) {
     displayName: "Aria Select",
     importPath: "@plasmicpkgs/react-aria/skinny/registerSelect",
     importName: "BaseSelect",
+    variants: SELECT_VARIANTS_DATA,
     props: __spreadProps$4(__spreadValues$8({}, getCommonProps("Select", [
       "name",
       "aria-label",