@plasmicpkgs/react-aria 0.0.54 → 0.0.56

package/dist/ListBoxItemIdManager.d.ts

@@ -4,7 +4,7 @@ export declare class ListBoxItemIdManager {
     private readonly _observers;
     private generateDuplicateId;
     private generateMissingId;
-    register(id?: string): string;
+    register(id?: unknown): string;
     unregister(id: string): void;
     subscribe(observer: Observer): void;
     notify(): void;

package/dist/react-aria.esm.js

@@ -512,7 +512,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.createElement(Button, __spreadValues$q({ type }, rest), ({ isHovered, isPressed, isFocused, isFocusVisible, isDisabled }) => withObservedValues$b(
     children,
@@ -523,7 +523,7 @@ function BaseButton(props) {
       focusVisible: isFocusVisible,
       disabled: isDisabled
     },
-    updateVariant
+    plasmicUpdateVariant
   ));
 }
 const BUTTON_COMPONENT_NAME = makeComponentName("button");
@@ -639,7 +639,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.useContext(PlasmicCheckboxGroupContext);
   setControlContextData == null ? void 0 : setControlContextData({
     parent: contextProps
@@ -665,7 +665,7 @@ function BaseCheckbox(props) {
       selected: isSelected,
       readonly: isReadOnly
     },
-    updateVariant
+    plasmicUpdateVariant
   )));
 }
 const makeDefaultCheckboxChildren = ({
@@ -1115,14 +1115,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.createElement(PlasmicCheckboxGroupContext.Provider, { value: rest }, /* @__PURE__ */ React.createElement(CheckboxGroup, __spreadValues$l({}, rest), ({ isDisabled, isReadOnly }) => withObservedValues$9(
     children,
     {
       disabled: isDisabled,
       readonly: isReadOnly
     },
-    updateVariant
+    plasmicUpdateVariant
   )));
 }
 const componentName = makeComponentName("checkboxGroup");
@@ -1280,13 +1280,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();
@@ -1354,12 +1355,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"
@@ -1377,26 +1378,26 @@ function BaseInput(props) {
     disabled: (_b = textFieldContext == null ? void 0 : textFieldContext.isDisabled) != null ? _b : disabled
   });
   useEffect(() => {
-    updateVariant == null ? void 0 : updateVariant({
+    plasmicUpdateVariant == null ? void 0 : plasmicUpdateVariant({
       disabled: mergedProps.disabled
     });
-  }, [mergedProps.disabled, updateVariant]);
+  }, [mergedProps.disabled, plasmicUpdateVariant]);
   return /* @__PURE__ */ React.createElement(
     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
         });
       }
@@ -1509,7 +1510,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.useContext(PlasmicListBoxContext);
   const isStandalone = !listboxContext;
   const [registeredId, setRegisteredId] = useState();
@@ -1525,8 +1526,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.createElement(ListBoxItem, __spreadValues$j({ key: registeredId, id: registeredId }, rest), ({
     isHovered,
@@ -1545,7 +1559,7 @@ function BaseListBoxItem(props) {
       selected: isSelected,
       disabled: isDisabled
     },
-    updateVariant
+    plasmicUpdateVariant
   ));
   if (isStandalone) {
     return /* @__PURE__ */ React.createElement(ListBox, { selectionMode: "single" }, listboxItem);
@@ -1602,11 +1616,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;
           }
@@ -2782,7 +2796,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.useContext(PlasmicRadioGroupContext);
   const isStandalone = !contextProps;
   setControlContextData == null ? void 0 : setControlContextData({
@@ -2807,7 +2821,7 @@ function BaseRadio(props) {
       disabled: isDisabled,
       readonly: isReadOnly
     },
-    updateVariant
+    plasmicUpdateVariant
   ));
   if (isStandalone) {
     return /* @__PURE__ */ React.createElement(RadioGroup, null, radio);
@@ -2911,14 +2925,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.createElement(PlasmicRadioGroupContext.Provider, { value: props }, /* @__PURE__ */ React.createElement(RadioGroup, __spreadValues$9({}, rest), ({ isDisabled, isReadOnly }) => withObservedValues$6(
     children,
     {
       disabled: isDisabled,
       readonly: isReadOnly
     },
-    updateVariant
+    plasmicUpdateVariant
   )));
 }
 const RADIO_GROUP_COMPONENT_NAME = makeComponentName("radioGroup");
@@ -3339,13 +3353,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.createElement(SliderOutput, __spreadValues$7({}, rest), ({ isDisabled }) => withObservedValues$5(
     children,
     {
       disabled: isDisabled
     },
-    updateVariant
+    plasmicUpdateVariant
   ));
 }
 const SLIDER_OUTPUT_COMPONENT_NAME = makeComponentName("sliderOutput");
@@ -3432,11 +3446,11 @@ function BaseSliderThumb(_a) {
   var _b = _a, {
     children,
     advanced,
-    updateVariant
+    plasmicUpdateVariant
   } = _b, rest = __objRest$6(_b, [
     "children",
     "advanced",
-    "updateVariant"
+    "plasmicUpdateVariant"
   ]);
   const context = React.useContext(PlasmicSliderContext);
   const mergedProps = mergeProps(context, rest);
@@ -3449,7 +3463,7 @@ function BaseSliderThumb(_a) {
       focusVisible: isFocusVisible,
       disabled: isDisabled
     },
-    updateVariant
+    plasmicUpdateVariant
   ));
   return /* @__PURE__ */ React.createElement(
     ErrorBoundary,
@@ -3555,7 +3569,7 @@ function BaseSliderTrack(props) {
   const context = React.useContext(PlasmicSliderContext);
   const isStandalone = !context;
   const mergedProps = 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 } = useMemo(() => {
     if (!context || !Array.isArray(context.value) || context.value.length <= 1) {
@@ -3604,7 +3618,7 @@ function BaseSliderTrack(props) {
     {
       hovered: isHovered
     },
-    updateVariant
+    plasmicUpdateVariant
   )));
   if (isStandalone) {
     return /* @__PURE__ */ React.createElement(Slider, { style: { height: "100%", width: "100%" } }, track);
@@ -3718,7 +3732,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.createElement(
     PlasmicSliderContext.Provider,
     {
@@ -3733,7 +3747,7 @@ function BaseSlider(props) {
       {
         disabled: isDisabled
       },
-      updateVariant
+      plasmicUpdateVariant
     ))
   );
 }
@@ -4013,7 +4027,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.createElement(Switch, __spreadValues$3({}, rest), ({
     isHovered,
     isPressed,
@@ -4033,7 +4047,7 @@ function BaseSwitch(props) {
       disabled: isDisabled,
       readonly: isReadOnly
     },
-    updateVariant
+    plasmicUpdateVariant
   ));
 }
 function registerSwitch(loader, overrides) {
@@ -4208,16 +4222,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.useContext(PlasmicTextFieldContext);
   const mergedProps = mergeProps(rest, {
     disabled: (_b = textFieldContext == null ? void 0 : textFieldContext.isDisabled) != null ? _b : disabled
   });
   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
   });
@@ -4225,17 +4239,17 @@ function BaseTextArea(props) {
     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
         });
       }
@@ -4331,14 +4345,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.createElement(PlasmicTextFieldContext.Provider, { value: props }, /* @__PURE__ */ React.createElement(TextField, __spreadValues$1({ autoComplete: resolveAutoComplete(autoComplete) }, rest), ({ isDisabled, isReadOnly }) => withObservedValues(
     children,
     {
       disabled: isDisabled,
       readonly: isReadOnly
     },
-    updateVariant
+    plasmicUpdateVariant
   )));
 }
 const TEXT_FIELD_COMPONENT_NAME = makeComponentName("textField");