@plasmicpkgs/react-aria 0.0.54 → 0.0.56

package/dist/react-aria.js

@@ -520,7 +520,7 @@ const BUTTON_VARIANTS = [
 ];
 const { variants: variants$d, withObservedValues: withObservedValues$b } = pickAriaComponentVariants(BUTTON_VARIANTS);
 function BaseButton(props) {
-  const _a = props, { submitsForm, resetsForm, children, updateVariant } = _a, rest = __objRest$o(_a, ["submitsForm", "resetsForm", "children", "updateVariant"]);
+  const _a = props, { submitsForm, resetsForm, children, plasmicUpdateVariant } = _a, rest = __objRest$o(_a, ["submitsForm", "resetsForm", "children", "plasmicUpdateVariant"]);
   const type = submitsForm ? "submit" : resetsForm ? "reset" : "button";
   return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Button, __spreadValues$q({ type }, rest), ({ isHovered, isPressed, isFocused, isFocusVisible, isDisabled }) => withObservedValues$b(
     children,
@@ -531,7 +531,7 @@ function BaseButton(props) {
       focusVisible: isFocusVisible,
       disabled: isDisabled
     },
-    updateVariant
+    plasmicUpdateVariant
   ));
 }
 const BUTTON_COMPONENT_NAME = makeComponentName("button");
@@ -647,7 +647,7 @@ const CHECKBOX_VARIANTS = [
 ];
 const { variants: variants$c, withObservedValues: withObservedValues$a } = pickAriaComponentVariants(CHECKBOX_VARIANTS);
 function BaseCheckbox(props) {
-  const _a = props, { children, updateVariant, setControlContextData } = _a, rest = __objRest$n(_a, ["children", "updateVariant", "setControlContextData"]);
+  const _a = props, { children, plasmicUpdateVariant, setControlContextData } = _a, rest = __objRest$n(_a, ["children", "plasmicUpdateVariant", "setControlContextData"]);
   const contextProps = React__default.default.useContext(PlasmicCheckboxGroupContext);
   setControlContextData == null ? void 0 : setControlContextData({
     parent: contextProps
@@ -673,7 +673,7 @@ function BaseCheckbox(props) {
       selected: isSelected,
       readonly: isReadOnly
     },
-    updateVariant
+    plasmicUpdateVariant
   )));
 }
 const makeDefaultCheckboxChildren = ({
@@ -1123,14 +1123,14 @@ const { variants: variants$b, withObservedValues: withObservedValues$9 } = pickA
   CHECKBOX_GROUP_VARIANTS
 );
 function BaseCheckboxGroup(props) {
-  const _a = props, { children, updateVariant } = _a, rest = __objRest$k(_a, ["children", "updateVariant"]);
+  const _a = props, { children, plasmicUpdateVariant } = _a, rest = __objRest$k(_a, ["children", "plasmicUpdateVariant"]);
   return /* @__PURE__ */ React__default.default.createElement(PlasmicCheckboxGroupContext.Provider, { value: rest }, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.CheckboxGroup, __spreadValues$l({}, rest), ({ isDisabled, isReadOnly }) => withObservedValues$9(
     children,
     {
       disabled: isDisabled,
       readonly: isReadOnly
     },
-    updateVariant
+    plasmicUpdateVariant
   )));
 }
 const componentName = makeComponentName("checkboxGroup");
@@ -1288,13 +1288,14 @@ class ListBoxItemIdManager {
     }
   }
   register(id) {
+    const idStr = id === void 0 ? void 0 : String(id).trim();
     let newId;
-    if (!id) {
+    if (!idStr) {
       newId = this.generateMissingId();
-    } else if (this._ids.has(id)) {
-      newId = this.generateDuplicateId(id);
+    } else if (this._ids.has(idStr)) {
+      newId = this.generateDuplicateId(idStr);
     } else {
-      newId = id;
+      newId = idStr;
     }
     this._ids.add(newId);
     this.notify();
@@ -1362,12 +1363,12 @@ const inputHelpers$1 = {
 function BaseInput(props) {
   var _b;
   const _a = props, {
-    updateVariant,
+    plasmicUpdateVariant,
     setControlContextData,
     disabled,
     autoComplete
   } = _a, rest = __objRest$j(_a, [
-    "updateVariant",
+    "plasmicUpdateVariant",
     "setControlContextData",
     "disabled",
     "autoComplete"
@@ -1385,26 +1386,26 @@ function BaseInput(props) {
     disabled: (_b = textFieldContext == null ? void 0 : textFieldContext.isDisabled) != null ? _b : disabled
   });
   React.useEffect(() => {
-    updateVariant == null ? void 0 : updateVariant({
+    plasmicUpdateVariant == null ? void 0 : plasmicUpdateVariant({
       disabled: mergedProps.disabled
     });
-  }, [mergedProps.disabled, updateVariant]);
+  }, [mergedProps.disabled, plasmicUpdateVariant]);
   return /* @__PURE__ */ React__default.default.createElement(
     reactAriaComponents.Input,
     __spreadValues$k({
       autoComplete: resolveAutoComplete(autoComplete),
       onHoverChange: (isHovered) => {
-        updateVariant == null ? void 0 : updateVariant({
+        plasmicUpdateVariant == null ? void 0 : plasmicUpdateVariant({
           hovered: isHovered
         });
       },
       onFocus: () => {
-        updateVariant == null ? void 0 : updateVariant({
+        plasmicUpdateVariant == null ? void 0 : plasmicUpdateVariant({
           focused: true
         });
       },
       onBlur: () => {
-        updateVariant == null ? void 0 : updateVariant({
+        plasmicUpdateVariant == null ? void 0 : plasmicUpdateVariant({
           focused: false
         });
       }
@@ -1517,7 +1518,7 @@ const { variants: variants$9, withObservedValues: withObservedValues$8 } = pickA
   LIST_BOX_ITEM_VARIANTS
 );
 function BaseListBoxItem(props) {
-  const _a = props, { children, setControlContextData, updateVariant, id } = _a, rest = __objRest$i(_a, ["children", "setControlContextData", "updateVariant", "id"]);
+  const _a = props, { children, setControlContextData, plasmicUpdateVariant, id } = _a, rest = __objRest$i(_a, ["children", "setControlContextData", "plasmicUpdateVariant", "id"]);
   const listboxContext = React__default.default.useContext(PlasmicListBoxContext);
   const isStandalone = !listboxContext;
   const [registeredId, setRegisteredId] = React.useState();
@@ -1533,8 +1534,21 @@ function BaseListBoxItem(props) {
     };
   }, [id]);
   setControlContextData == null ? void 0 : setControlContextData({
-    // this means that a unique id was registered, different from the provided id
-    hasDuplicateId: !isStandalone && id !== registeredId
+    idError: (() => {
+      if (id === void 0) {
+        return "ID must be defined";
+      }
+      if (typeof id !== "string") {
+        return "ID must be a string";
+      }
+      if (!id.trim()) {
+        return "ID must be defined";
+      }
+      if (!isStandalone && id != registeredId) {
+        return "ID must be unique";
+      }
+      return void 0;
+    })()
   });
   const listboxItem = /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.ListBoxItem, __spreadValues$j({ key: registeredId, id: registeredId }, rest), ({
     isHovered,
@@ -1553,7 +1567,7 @@ function BaseListBoxItem(props) {
       selected: isSelected,
       disabled: isDisabled
     },
-    updateVariant
+    plasmicUpdateVariant
   ));
   if (isStandalone) {
     return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.ListBox, { selectionMode: "single" }, listboxItem);
@@ -1610,11 +1624,11 @@ function registerListBoxItem(loader, overrides) {
       props: {
         id: {
           type: "string",
-          description: "The id of the item",
+          description: "The ID of the item",
           required: true,
           validator: (_value, _props, ctx) => {
-            if (ctx == null ? void 0 : ctx.hasDuplicateId) {
-              return "Please make sure the id is unique!";
+            if (ctx == null ? void 0 : ctx.idError) {
+              return ctx.idError;
             }
             return true;
           }
@@ -2790,7 +2804,7 @@ const RADIO_VARIANTS = [
 ];
 const { variants: variants$8, withObservedValues: withObservedValues$7 } = pickAriaComponentVariants(RADIO_VARIANTS);
 function BaseRadio(props) {
-  const _a = props, { children, setControlContextData, updateVariant } = _a, rest = __objRest$9(_a, ["children", "setControlContextData", "updateVariant"]);
+  const _a = props, { children, setControlContextData, plasmicUpdateVariant } = _a, rest = __objRest$9(_a, ["children", "setControlContextData", "plasmicUpdateVariant"]);
   const contextProps = React__default.default.useContext(PlasmicRadioGroupContext);
   const isStandalone = !contextProps;
   setControlContextData == null ? void 0 : setControlContextData({
@@ -2815,7 +2829,7 @@ function BaseRadio(props) {
       disabled: isDisabled,
       readonly: isReadOnly
     },
-    updateVariant
+    plasmicUpdateVariant
   ));
   if (isStandalone) {
     return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.RadioGroup, null, radio);
@@ -2919,14 +2933,14 @@ var __objRest$8 = (source, exclude) => {
 const RADIO_GROUP_VARIANTS = ["disabled", "readonly"];
 const { variants: variants$7, withObservedValues: withObservedValues$6 } = pickAriaComponentVariants(RADIO_GROUP_VARIANTS);
 function BaseRadioGroup(props) {
-  const _a = props, { children, updateVariant } = _a, rest = __objRest$8(_a, ["children", "updateVariant"]);
+  const _a = props, { children, plasmicUpdateVariant } = _a, rest = __objRest$8(_a, ["children", "plasmicUpdateVariant"]);
   return /* @__PURE__ */ React__default.default.createElement(PlasmicRadioGroupContext.Provider, { value: props }, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.RadioGroup, __spreadValues$9({}, rest), ({ isDisabled, isReadOnly }) => withObservedValues$6(
     children,
     {
       disabled: isDisabled,
       readonly: isReadOnly
     },
-    updateVariant
+    plasmicUpdateVariant
   )));
 }
 const RADIO_GROUP_COMPONENT_NAME = makeComponentName("radioGroup");
@@ -3347,13 +3361,13 @@ const { variants: variants$6, withObservedValues: withObservedValues$5 } = pickA
   SLIDER_OUTPUT_VARIANTS
 );
 function BaseSliderOutput(props) {
-  const _a = props, { updateVariant, children } = _a, rest = __objRest$7(_a, ["updateVariant", "children"]);
+  const _a = props, { plasmicUpdateVariant, children } = _a, rest = __objRest$7(_a, ["plasmicUpdateVariant", "children"]);
   return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.SliderOutput, __spreadValues$7({}, rest), ({ isDisabled }) => withObservedValues$5(
     children,
     {
       disabled: isDisabled
     },
-    updateVariant
+    plasmicUpdateVariant
   ));
 }
 const SLIDER_OUTPUT_COMPONENT_NAME = makeComponentName("sliderOutput");
@@ -3440,11 +3454,11 @@ function BaseSliderThumb(_a) {
   var _b = _a, {
     children,
     advanced,
-    updateVariant
+    plasmicUpdateVariant
   } = _b, rest = __objRest$6(_b, [
     "children",
     "advanced",
-    "updateVariant"
+    "plasmicUpdateVariant"
   ]);
   const context = React__default.default.useContext(PlasmicSliderContext);
   const mergedProps = reactAria.mergeProps(context, rest);
@@ -3457,7 +3471,7 @@ function BaseSliderThumb(_a) {
       focusVisible: isFocusVisible,
       disabled: isDisabled
     },
-    updateVariant
+    plasmicUpdateVariant
   ));
   return /* @__PURE__ */ React__default.default.createElement(
     ErrorBoundary,
@@ -3563,7 +3577,7 @@ function BaseSliderTrack(props) {
   const context = React__default.default.useContext(PlasmicSliderContext);
   const isStandalone = !context;
   const mergedProps = reactAria.mergeProps(context, props);
-  const _a = mergedProps, { children, progressBar, updateVariant } = _a, rest = __objRest$5(_a, ["children", "progressBar", "updateVariant"]);
+  const _a = mergedProps, { children, progressBar, plasmicUpdateVariant } = _a, rest = __objRest$5(_a, ["children", "progressBar", "plasmicUpdateVariant"]);
   const isMultiValue = isMultiValueGuard(mergedProps.value);
   const { minIndex, maxIndex } = React.useMemo(() => {
     if (!context || !Array.isArray(context.value) || context.value.length <= 1) {
@@ -3612,7 +3626,7 @@ function BaseSliderTrack(props) {
     {
       hovered: isHovered
     },
-    updateVariant
+    plasmicUpdateVariant
   )));
   if (isStandalone) {
     return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Slider, { style: { height: "100%", width: "100%" } }, track);
@@ -3726,7 +3740,7 @@ const RANGE_SLIDER_COMPONENT_NAME = makeComponentName("range-slider");
 const SLIDER_VARIANTS = ["disabled"];
 const { variants: variants$3, withObservedValues: withObservedValues$2 } = pickAriaComponentVariants(SLIDER_VARIANTS);
 function BaseSlider(props) {
-  const _a = props, { children, updateVariant } = _a, rest = __objRest$4(_a, ["children", "updateVariant"]);
+  const _a = props, { children, plasmicUpdateVariant } = _a, rest = __objRest$4(_a, ["children", "plasmicUpdateVariant"]);
   return /* @__PURE__ */ React__default.default.createElement(
     PlasmicSliderContext.Provider,
     {
@@ -3741,7 +3755,7 @@ function BaseSlider(props) {
       {
         disabled: isDisabled
       },
-      updateVariant
+      plasmicUpdateVariant
     ))
   );
 }
@@ -4021,7 +4035,7 @@ const SWITCH_VARIANTS = [
 ];
 const { variants: variants$2, withObservedValues: withObservedValues$1 } = pickAriaComponentVariants(SWITCH_VARIANTS);
 function BaseSwitch(props) {
-  const _a = props, { children, updateVariant } = _a, rest = __objRest$3(_a, ["children", "updateVariant"]);
+  const _a = props, { children, plasmicUpdateVariant } = _a, rest = __objRest$3(_a, ["children", "plasmicUpdateVariant"]);
   return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Switch, __spreadValues$3({}, rest), ({
     isHovered,
     isPressed,
@@ -4041,7 +4055,7 @@ function BaseSwitch(props) {
       disabled: isDisabled,
       readonly: isReadOnly
     },
-    updateVariant
+    plasmicUpdateVariant
   ));
 }
 function registerSwitch(loader, overrides) {
@@ -4216,16 +4230,16 @@ const inputHelpers = {
 };
 function BaseTextArea(props) {
   var _b;
-  const _a = props, { disabled, updateVariant, setControlContextData } = _a, rest = __objRest$2(_a, ["disabled", "updateVariant", "setControlContextData"]);
+  const _a = props, { disabled, plasmicUpdateVariant, setControlContextData } = _a, rest = __objRest$2(_a, ["disabled", "plasmicUpdateVariant", "setControlContextData"]);
   const textFieldContext = React__default.default.useContext(PlasmicTextFieldContext);
   const mergedProps = reactAria.mergeProps(rest, {
     disabled: (_b = textFieldContext == null ? void 0 : textFieldContext.isDisabled) != null ? _b : disabled
   });
   React.useEffect(() => {
-    updateVariant == null ? void 0 : updateVariant({
+    plasmicUpdateVariant == null ? void 0 : plasmicUpdateVariant({
       disabled: mergedProps.disabled
     });
-  }, [mergedProps.disabled, updateVariant]);
+  }, [mergedProps.disabled, plasmicUpdateVariant]);
   setControlContextData == null ? void 0 : setControlContextData({
     parent: textFieldContext
   });
@@ -4233,17 +4247,17 @@ function BaseTextArea(props) {
     reactAriaComponents.TextArea,
     __spreadValues$2({
       onFocus: () => {
-        updateVariant == null ? void 0 : updateVariant({
+        plasmicUpdateVariant == null ? void 0 : plasmicUpdateVariant({
           focused: true
         });
       },
       onBlur: () => {
-        updateVariant == null ? void 0 : updateVariant({
+        plasmicUpdateVariant == null ? void 0 : plasmicUpdateVariant({
           focused: false
         });
       },
       onHoverChange: (isHovered) => {
-        updateVariant == null ? void 0 : updateVariant({
+        plasmicUpdateVariant == null ? void 0 : plasmicUpdateVariant({
           hovered: isHovered
         });
       }
@@ -4339,14 +4353,14 @@ var __objRest$1 = (source, exclude) => {
 const TEXT_FIELD_VARIANTS = ["disabled", "readonly"];
 const { variants, withObservedValues } = pickAriaComponentVariants(TEXT_FIELD_VARIANTS);
 function BaseTextField(props) {
-  const _a = props, { children, updateVariant, autoComplete } = _a, rest = __objRest$1(_a, ["children", "updateVariant", "autoComplete"]);
+  const _a = props, { children, plasmicUpdateVariant, autoComplete } = _a, rest = __objRest$1(_a, ["children", "plasmicUpdateVariant", "autoComplete"]);
   return /* @__PURE__ */ React__default.default.createElement(PlasmicTextFieldContext.Provider, { value: props }, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.TextField, __spreadValues$1({ autoComplete: resolveAutoComplete(autoComplete) }, rest), ({ isDisabled, isReadOnly }) => withObservedValues(
     children,
     {
       disabled: isDisabled,
       readonly: isReadOnly
     },
-    updateVariant
+    plasmicUpdateVariant
   )));
 }
 const TEXT_FIELD_COMPONENT_NAME = makeComponentName("textField");