@lotics/ui 7.2.0 → 7.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lotics/ui",
-  "version": "7.2.0",
+  "version": "7.3.0",
   "type": "module",
   "exports": {
     "./tokens": "./src/tokens.ts",

package/src/inline_member_select.tsx

@@ -18,6 +18,8 @@ interface InlineMemberSelectProps {
   placeholder?: string;
   disabled?: boolean;
   accessibilityLabel?: string;
+  /** Show an in-menu search box to filter the roster; default false. */
+  searchable?: boolean;
 }
 
 /**

package/src/inline_select.tsx

@@ -23,6 +23,8 @@ export interface InlineSelectProps<T extends string> {
   placeholder?: string;
   disabled?: boolean;
   accessibilityLabel?: string;
+  /** Show an in-menu search box; default false. */
+  searchable?: boolean;
 }
 
 /**
@@ -33,7 +35,7 @@ export interface InlineSelectProps<T extends string> {
  * standard and custom-rendered pickers are both supported here.
  */
 export function InlineSelect<T extends string>(props: InlineSelectProps<T>) {
-  const { value, onSave, options, renderOptionContent, renderSelected, placeholder, disabled, accessibilityLabel } = props;
+  const { value, onSave, options, renderOptionContent, renderSelected, placeholder, disabled, accessibilityLabel, searchable = false } = props;
   const [open, setOpen] = useState(false);
   const [saving, setSaving] = useState(false);
   const [error, setError] = useState<string | null>(null);
@@ -78,7 +80,7 @@ export function InlineSelect<T extends string>(props: InlineSelectProps<T>) {
         </PopoverTrigger>
         <PopoverContent disableBodyScroll>
           <OptionList
-            search={{ mode: "none" }}
+            search={{ mode: searchable ? "internal" : "none" }}
             options={options}
             value={value}
             onValueChange={(next) => void pick(next)}

package/src/member_select.tsx

@@ -32,6 +32,8 @@ interface MemberSelectProps<MULTI extends boolean = false> {
   placeholder?: string;
   disabled?: boolean;
   autoFocus?: boolean;
+  /** Show an in-menu search box to filter the roster; default false. */
+  searchable?: boolean;
   includeEmptyOption?: boolean;
   enableSelectAll?: boolean;
   /** Label for the "select all" link in multi-select mode. Pass a translated string. */