@pathscale/ui 1.1.34 → 1.1.35

package/dist/components/combo-box/ComboBox.d.ts

@@ -0,0 +1,86 @@
+import "./ComboBox.css";
+import { type Component, type JSX, type ParentComponent } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export type ComboBoxVariant = "primary" | "secondary";
+export type ComboBoxMenuTrigger = "focus" | "input" | "manual";
+export type ComboBoxKey = string | number;
+export type ComboBoxItem = {
+    id?: ComboBoxKey;
+    key?: ComboBoxKey;
+    label?: string;
+    textValue?: string;
+    disabled?: boolean;
+};
+export type ComboBoxRootProps<T = ComboBoxItem> = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
+    children?: JSX.Element;
+    startIcon?: JSX.Element;
+    endIcon?: JSX.Element;
+    items?: readonly T[];
+    selectedKey?: ComboBoxKey | null;
+    defaultSelectedKey?: ComboBoxKey | null;
+    onSelectionChange?: (key: string | null) => void;
+    inputValue?: string;
+    defaultInputValue?: string;
+    onInputChange?: (value: string) => void;
+    isOpen?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    fullWidth?: boolean;
+    variant?: ComboBoxVariant;
+    menuTrigger?: ComboBoxMenuTrigger;
+    isDisabled?: boolean;
+    disabled?: boolean;
+    isInvalid?: boolean;
+    allowsCustomValue?: boolean;
+    placeholder?: string;
+    name?: string;
+    isRequired?: boolean;
+    required?: boolean;
+    defaultFilter?: (textValue: string, inputValue: string) => boolean;
+    itemKey?: (item: T, index: number) => ComboBoxKey;
+    itemTextValue?: (item: T, index: number) => string;
+    itemDisabled?: (item: T, index: number) => boolean;
+};
+export type ComboBoxInputGroupProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
+    children?: JSX.Element;
+};
+export type ComboBoxInputProps = Omit<JSX.InputHTMLAttributes<HTMLInputElement>, "value" | "onInput" | "disabled"> & IComponentBaseProps & {
+    onInput?: JSX.EventHandlerUnion<HTMLInputElement, InputEvent>;
+};
+export type ComboBoxTriggerProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "disabled"> & IComponentBaseProps & {
+    startIcon?: JSX.Element;
+    endIcon?: JSX.Element;
+};
+export type ComboBoxPopoverProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
+    children?: JSX.Element;
+};
+export type ComboBoxListRenderItem = {
+    key: string;
+    textValue: string;
+    isSelected: boolean;
+    isActive: boolean;
+    isDisabled: boolean;
+    item: unknown;
+};
+export type ComboBoxListProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
+    children?: JSX.Element | ((item: ComboBoxListRenderItem) => JSX.Element);
+    renderEmptyState?: () => JSX.Element;
+    endIcon?: JSX.Element;
+};
+declare const ComboBoxRoot: ParentComponent<ComboBoxRootProps>;
+declare const ComboBoxInputGroup: ParentComponent<ComboBoxInputGroupProps>;
+declare const ComboBoxInput: Component<ComboBoxInputProps>;
+declare const ComboBoxTrigger: Component<ComboBoxTriggerProps>;
+declare const ComboBoxPopover: ParentComponent<ComboBoxPopoverProps>;
+declare const ComboBoxList: Component<ComboBoxListProps>;
+declare const ComboBox: ParentComponent<ComboBoxRootProps<ComboBoxItem>> & {
+    Root: ParentComponent<ComboBoxRootProps<ComboBoxItem>>;
+    InputGroup: ParentComponent<ComboBoxInputGroupProps>;
+    Input: Component<ComboBoxInputProps>;
+    Trigger: Component<ComboBoxTriggerProps>;
+    Popover: ParentComponent<ComboBoxPopoverProps>;
+    List: Component<ComboBoxListProps>;
+};
+export default ComboBox;
+export { ComboBox, ComboBoxRoot, ComboBoxInputGroup, ComboBoxInput, ComboBoxTrigger, ComboBoxPopover, ComboBoxList, };
+export type { ComboBoxRootProps as ComboBoxProps };