@collective-intelligence/ui-react 0.1.9 → 0.1.11

package/dist/components/ui/index.d.ts

@@ -132,18 +132,15 @@ export declare const CollapsibleContent: ({ ...props }: React$1.ComponentProps<t
 export interface ComboboxOption {
 	value: string;
 	label: string;
+	/** Listed but not selectable, e.g. once a selection reaches its limit. */
+	disabled?: boolean;
 }
 export interface ComboboxActionOption extends ComboboxOption {
 	icon?: React$1.ReactNode;
 }
-export interface ComboboxProps {
+export interface ComboboxBaseProps {
 	options: ComboboxOption[];
 	id?: string;
-	value?: string;
-	/** A durable label for a selected value that is not in the loaded page. */
-	selectedLabel?: string;
-	defaultValue?: string;
-	onChange?: (value: string) => void;
 	placeholder?: string;
 	searchPlaceholder?: string;
 	emptyMessage?: string;
@@ -170,7 +167,28 @@ export interface ComboboxProps {
 	actionOption?: ComboboxActionOption;
 	/** Enables modal focus and scroll handling for use inside another modal. */
 	modal?: boolean;
+	/** Reports when the option list opens or closes, e.g. to fetch options lazily. */
+	onOpenChange?: (open: boolean) => void;
+}
+/** Picks one value; picking the selected value again clears it. */
+export interface ComboboxSingleProps extends ComboboxBaseProps {
+	multiple?: false;
+	value?: string;
+	/** A durable label for a selected value that is not in the loaded page. */
+	selectedLabel?: string;
+	defaultValue?: string;
+	onChange?: (value: string) => void;
+}
+/** Picks several values; picking a selected value again removes it. */
+export interface ComboboxMultipleProps extends ComboboxBaseProps {
+	multiple: true;
+	value?: readonly string[];
+	/** Durable labels, by value, for selected values not in the loaded page. */
+	selectedLabels?: Readonly<Record<string, string>>;
+	defaultValue?: readonly string[];
+	onChange?: (value: string[]) => void;
 }
+export type ComboboxProps = ComboboxSingleProps | ComboboxMultipleProps;
 export declare const Combobox: React$1.ForwardRefExoticComponent<ComboboxProps & React$1.RefAttributes<HTMLButtonElement>>;
 export declare const Dialog: ({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Root>) => React$1.JSX.Element;
 export declare const DialogTrigger: ({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Trigger>) => React$1.JSX.Element;