@plasmicpkgs/react-aria 0.0.55 → 0.0.57

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

@@ -561,7 +561,7 @@ function registerButton(loader, overrides) {
           type: "boolean",
           displayName: "Submits form?",
           defaultValueHint: false,
-          hidden: (ps) => Boolean(ps.resetsForm),
+          hidden: (props) => Boolean(props.resetsForm),
           description: "Whether clicking this button should submit the enclosing form.",
           advanced: true
         },
@@ -569,7 +569,7 @@ function registerButton(loader, overrides) {
           type: "boolean",
           displayName: "Resets form?",
           defaultValueHint: false,
-          hidden: (ps) => Boolean(ps.submitsForm),
+          hidden: (props) => Boolean(props.submitsForm),
           description: "Whether clicking this button should reset the enclosing form.",
           advanced: true
         },
@@ -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();
@@ -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,
@@ -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;
           }
@@ -2089,7 +2103,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: (_ps, ctx) => {
+          defaultValueHint: (_props, ctx) => {
             var _a;
             return (_a = ctx == null ? void 0 : ctx.defaultShouldFlip) != null ? _a : true;
           }
@@ -2192,6 +2206,13 @@ function registerComboBox(loader) {
         // React Aria ComboBox do not support multiple comboBoxions yet
         multiSelect: false
       },
+      disabledKeys: {
+        type: "choice",
+        description: "The item keys 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
+      },
       isOpen: {
         type: "boolean",
         defaultValue: false,
@@ -3079,6 +3100,7 @@ function BaseSelect(props) {
     className,
     style,
     children,
+    disabledKeys,
     name,
     isOpen,
     setControlContextData,
@@ -3105,6 +3127,7 @@ function BaseSelect(props) {
       className,
       style,
       name,
+      disabledKeys,
       "aria-label": ariaLabel,
       isOpen: openProp
     }, extractPlasmicDataProps(props)),
@@ -3139,7 +3162,7 @@ function registerSelect(loader) {
             value: "Selected value..."
           }
         ],
-        hidden: (ps) => !ps.customize
+        hidden: (props) => !props.customize
       },
       className: {
         type: "class",
@@ -3492,7 +3515,7 @@ function registerSliderThumb(loader, overrides) {
         children: {
           type: "slot",
           mergeWithParent: true,
-          hidden: (ps) => !ps.advanced
+          hidden: (props) => !props.advanced
         }
       }),
       trapsFocus: true