@plasmicpkgs/react-aria 0.0.89 → 0.0.90

package/dist/react-aria.js

@@ -785,12 +785,50 @@ const CHECKBOX_VARIANTS = [
 ];
 const { variants: variants$g, withObservedValues: withObservedValues$d } = pickAriaComponentVariants(CHECKBOX_VARIANTS);
 function BaseCheckbox(props) {
-  const _a = props, { children, plasmicUpdateVariant, setControlContextData } = _a, rest = __objRest$l(_a, ["children", "plasmicUpdateVariant", "setControlContextData"]);
+  const _a = props, {
+    children,
+    plasmicUpdateVariant,
+    setControlContextData,
+    value
+  } = _a, rest = __objRest$l(_a, [
+    "children",
+    "plasmicUpdateVariant",
+    "setControlContextData",
+    "value"
+  ]);
   const contextProps = React__default.default.useContext(PlasmicCheckboxGroupContext);
+  const isStandalone = !contextProps;
+  const [registeredId, setRegisteredId] = React.useState();
+  React.useEffect(() => {
+    if (!(contextProps == null ? void 0 : contextProps.idManager)) {
+      return;
+    }
+    const localId = contextProps.idManager.register(value);
+    setRegisteredId(localId);
+    return () => {
+      contextProps.idManager.unregister(localId);
+      setRegisteredId(void 0);
+    };
+  }, [value, contextProps == null ? void 0 : contextProps.idManager]);
   setControlContextData == null ? void 0 : setControlContextData({
-    parent: contextProps
+    parent: contextProps,
+    idError: (() => {
+      if (value === void 0) {
+        return "Value must be defined";
+      }
+      if (typeof value !== "string") {
+        return "Value must be a string";
+      }
+      if (!value.trim()) {
+        return "Value must be defined";
+      }
+      if (!isStandalone && value != registeredId) {
+        return "Value must be unique";
+      }
+      return void 0;
+    })()
   });
-  return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Checkbox, __spreadValues$o({}, rest), ({
+  return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Checkbox, __spreadProps$f(__spreadValues$o({}, rest), { value: registeredId, key: registeredId }), ({
     isHovered,
     isPressed,
     isFocused,
@@ -890,7 +928,13 @@ function registerCheckbox(loader, overrides) {
         value: {
           type: "string",
           description: 'The value of the checkbox in "selected" state, used when submitting an HTML form.',
-          defaultValueHint: "on"
+          defaultValueHint: "on",
+          validator: (_value, _props, ctx) => {
+            if (ctx == null ? void 0 : ctx.idError) {
+              return ctx.idError;
+            }
+            return true;
+          }
         },
         isSelected: {
           type: "boolean",
@@ -939,6 +983,58 @@ function registerCheckbox(loader, overrides) {
   );
 }
 
+class OptionsItemIdManager {
+  constructor() {
+    this._ids = /* @__PURE__ */ new Set();
+    this._observers = /* @__PURE__ */ new Set();
+  }
+  generateDuplicateId(id, count = 1) {
+    const dupId = `${id} duplicate(${count})`;
+    if (this._ids.has(dupId)) {
+      return this.generateDuplicateId(id, count + 1);
+    } else {
+      return dupId;
+    }
+  }
+  generateMissingId(count = 1) {
+    const missingId = `missing(${count})`;
+    if (this._ids.has(missingId)) {
+      return this.generateMissingId(count + 1);
+    } else {
+      return missingId;
+    }
+  }
+  register(id) {
+    const idStr = id === void 0 ? void 0 : String(id).trim();
+    let newId;
+    if (!idStr) {
+      newId = this.generateMissingId();
+    } else if (this._ids.has(idStr)) {
+      newId = this.generateDuplicateId(idStr);
+    } else {
+      newId = idStr;
+    }
+    this._ids.add(newId);
+    this.notify();
+    return newId;
+  }
+  unregister(id) {
+    this._ids.delete(id);
+    this.notify();
+  }
+  subscribe(observer) {
+    this._observers.add(observer);
+    observer(this.ids);
+  }
+  // Notify all observers about an event.
+  notify() {
+    this._observers.forEach((observer) => observer(this.ids));
+  }
+  get ids() {
+    return Array.from(this._ids);
+  }
+}
+
 var __defProp$n = Object.defineProperty;
 var __defProps$e = Object.defineProperties;
 var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
@@ -1140,8 +1236,20 @@ const { variants: variants$f, withObservedValues: withObservedValues$c } = pickA
   CHECKBOX_GROUP_VARIANTS
 );
 function BaseCheckboxGroup(props) {
-  const _a = props, { children, plasmicUpdateVariant } = _a, rest = __objRest$i(_a, ["children", "plasmicUpdateVariant"]);
-  return /* @__PURE__ */ React__default.default.createElement(PlasmicCheckboxGroupContext.Provider, { value: rest }, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.CheckboxGroup, __spreadValues$k({}, rest), ({ isDisabled, isReadOnly }) => withObservedValues$c(
+  const _a = props, { children, plasmicUpdateVariant, setControlContextData } = _a, rest = __objRest$i(_a, ["children", "plasmicUpdateVariant", "setControlContextData"]);
+  const [ids, setIds] = React.useState([]);
+  const idManager = React.useMemo(() => new OptionsItemIdManager(), []);
+  React.useEffect(() => {
+    setControlContextData == null ? void 0 : setControlContextData({
+      values: ids
+    });
+  }, [ids, setControlContextData]);
+  React.useEffect(() => {
+    idManager.subscribe((_ids) => {
+      setIds(_ids);
+    });
+  }, [idManager]);
+  return /* @__PURE__ */ React__default.default.createElement(PlasmicCheckboxGroupContext.Provider, { value: __spreadProps$b(__spreadValues$k({}, rest), { idManager }) }, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.CheckboxGroup, __spreadValues$k({}, rest), ({ isDisabled, isReadOnly }) => withObservedValues$c(
     children,
     {
       disabled: isDisabled,
@@ -1152,10 +1260,6 @@ function BaseCheckboxGroup(props) {
 }
 const componentName = makeComponentName("checkboxGroup");
 function registerCheckboxGroup(loader, overrides) {
-  makeChildComponentName(
-    overrides == null ? void 0 : overrides.parentComponentName,
-    componentName
-  );
   registerComponentHelper(
     loader,
     BaseCheckboxGroup,
@@ -1242,10 +1346,12 @@ function registerCheckboxGroup(loader, overrides) {
           ]
         },
         value: {
-          type: "array",
+          type: "choice",
           editOnly: true,
           uncontrolledProp: "defaultValue",
-          description: "The current value"
+          description: "The current value",
+          options: (_props, ctx) => (ctx == null ? void 0 : ctx.values) ? Array.from(ctx.values) : [],
+          multiSelect: true
         },
         isInvalid: {
           displayName: "Invalid",
@@ -1278,58 +1384,6 @@ function registerCheckboxGroup(loader, overrides) {
   );
 }
 
-class ListBoxItemIdManager {
-  constructor() {
-    this._ids = /* @__PURE__ */ new Set();
-    this._observers = /* @__PURE__ */ new Set();
-  }
-  generateDuplicateId(id, count = 1) {
-    const dupId = `${id} duplicate(${count})`;
-    if (this._ids.has(dupId)) {
-      return this.generateDuplicateId(id, count + 1);
-    } else {
-      return dupId;
-    }
-  }
-  generateMissingId(count = 1) {
-    const missingId = `missing(${count})`;
-    if (this._ids.has(missingId)) {
-      return this.generateMissingId(count + 1);
-    } else {
-      return missingId;
-    }
-  }
-  register(id) {
-    const idStr = id === void 0 ? void 0 : String(id).trim();
-    let newId;
-    if (!idStr) {
-      newId = this.generateMissingId();
-    } else if (this._ids.has(idStr)) {
-      newId = this.generateDuplicateId(idStr);
-    } else {
-      newId = idStr;
-    }
-    this._ids.add(newId);
-    this.notify();
-    return newId;
-  }
-  unregister(id) {
-    this._ids.delete(id);
-    this.notify();
-  }
-  subscribe(observer) {
-    this._observers.add(observer);
-    observer(this.ids);
-  }
-  // Notify all observers about an event.
-  notify() {
-    this._observers.forEach((observer) => observer(this.ids));
-  }
-  get ids() {
-    return Array.from(this._ids);
-  }
-}
-
 var __defProp$j = Object.defineProperty;
 var __getOwnPropSymbols$j = Object.getOwnPropertySymbols;
 var __hasOwnProp$j = Object.prototype.hasOwnProperty;
@@ -1798,7 +1852,7 @@ function BaseListBox(props) {
   const idManager = React.useMemo(
     () => {
       var _a2;
-      return (_a2 = context == null ? void 0 : context.idManager) != null ? _a2 : new ListBoxItemIdManager();
+      return (_a2 = context == null ? void 0 : context.idManager) != null ? _a2 : new OptionsItemIdManager();
     },
     []
   );
@@ -2245,7 +2299,7 @@ function BaseComboBox(props) {
     },
     [className, plasmicUpdateVariant]
   );
-  const idManager = React.useMemo(() => new ListBoxItemIdManager(), []);
+  const idManager = React.useMemo(() => new OptionsItemIdManager(), []);
   React.useEffect(() => {
     idManager.subscribe((ids) => {
       setControlContextData == null ? void 0 : setControlContextData({
@@ -2870,13 +2924,50 @@ const RADIO_VARIANTS = [
 ];
 const { variants: variants$9, withObservedValues: withObservedValues$8 } = pickAriaComponentVariants(RADIO_VARIANTS);
 function BaseRadio(props) {
-  const _a = props, { children, setControlContextData, plasmicUpdateVariant } = _a, rest = __objRest$8(_a, ["children", "setControlContextData", "plasmicUpdateVariant"]);
+  const _a = props, {
+    children,
+    setControlContextData,
+    plasmicUpdateVariant,
+    value
+  } = _a, rest = __objRest$8(_a, [
+    "children",
+    "setControlContextData",
+    "plasmicUpdateVariant",
+    "value"
+  ]);
   const contextProps = React__default.default.useContext(PlasmicRadioGroupContext);
   const isStandalone = !contextProps;
+  const [registeredId, setRegisteredId] = React.useState("");
+  React.useEffect(() => {
+    if (!(contextProps == null ? void 0 : contextProps.idManager)) {
+      return;
+    }
+    const localId = contextProps.idManager.register(value);
+    setRegisteredId(localId);
+    return () => {
+      contextProps.idManager.unregister(localId);
+      setRegisteredId("");
+    };
+  }, [value, contextProps == null ? void 0 : contextProps.idManager]);
   setControlContextData == null ? void 0 : setControlContextData({
-    parent: contextProps
+    parent: contextProps,
+    idError: (() => {
+      if (value === void 0) {
+        return "Value must be defined";
+      }
+      if (typeof value !== "string") {
+        return "Value must be a string";
+      }
+      if (!value.trim()) {
+        return "Value must be defined";
+      }
+      if (!isStandalone && value != registeredId) {
+        return "Value must be unique";
+      }
+      return void 0;
+    })()
   });
-  const radio = /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Radio, __spreadValues$a({}, rest), ({
+  const radio = /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Radio, __spreadProps$7(__spreadValues$a({}, rest), { value: registeredId, key: registeredId }), ({
     isHovered,
     isPressed,
     isFocused,
@@ -2956,7 +3047,13 @@ function registerRadio(loader, overrides) {
         },
         value: {
           type: "string",
-          description: "The value of the input element, used when submitting an HTML form."
+          description: "The value of the input element, used when submitting an HTML form.",
+          validator: (_value, _props, ctx) => {
+            if (ctx == null ? void 0 : ctx.idError) {
+              return ctx.idError;
+            }
+            return true;
+          }
         }
       }),
       trapsFocus: true
@@ -2999,8 +3096,20 @@ var __objRest$7 = (source, exclude) => {
 const RADIO_GROUP_VARIANTS = ["disabled", "readonly"];
 const { variants: variants$8, withObservedValues: withObservedValues$7 } = pickAriaComponentVariants(RADIO_GROUP_VARIANTS);
 function BaseRadioGroup(props) {
-  const _a = props, { children, plasmicUpdateVariant } = _a, rest = __objRest$7(_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$7(
+  const _a = props, { children, plasmicUpdateVariant, setControlContextData } = _a, rest = __objRest$7(_a, ["children", "plasmicUpdateVariant", "setControlContextData"]);
+  const [ids, setIds] = React.useState([]);
+  const idManager = React.useMemo(() => new OptionsItemIdManager(), []);
+  React.useEffect(() => {
+    setControlContextData == null ? void 0 : setControlContextData({
+      values: ids
+    });
+  }, [ids, setControlContextData]);
+  React.useEffect(() => {
+    idManager.subscribe((_ids) => {
+      setIds(_ids);
+    });
+  }, [idManager]);
+  return /* @__PURE__ */ React__default.default.createElement(PlasmicRadioGroupContext.Provider, { value: __spreadProps$6(__spreadValues$9({}, props), { idManager }) }, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.RadioGroup, __spreadValues$9({}, rest), ({ isDisabled, isReadOnly }) => withObservedValues$7(
     children,
     {
       disabled: isDisabled,
@@ -3093,11 +3202,13 @@ function registerRadioGroup(loader, overrides) {
           ]
         },
         value: {
-          type: "string",
+          type: "choice",
           editOnly: true,
           displayName: "Initial value",
           uncontrolledProp: "defaultValue",
-          description: "The current value"
+          description: "The current value",
+          options: (_props, ctx) => (ctx == null ? void 0 : ctx.values) ? Array.from(ctx.values) : [],
+          multiSelect: false
         },
         isInvalid: {
           displayName: "Invalid",
@@ -3192,7 +3303,7 @@ function BaseSelect(props) {
     plasmicUpdateVariant,
     "aria-label": ariaLabel
   } = props;
-  const idManager = React.useMemo(() => new ListBoxItemIdManager(), []);
+  const idManager = React.useMemo(() => new OptionsItemIdManager(), []);
   React.useEffect(() => {
     idManager.subscribe((ids) => {
       setControlContextData == null ? void 0 : setControlContextData({