@a-type/ui 4.1.0-beta.6 → 4.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/autocomplete/Autocomplete.d.ts +12 -9
- package/dist/cjs/components/autocomplete/Autocomplete.js +19 -24
- package/dist/cjs/components/autocomplete/Autocomplete.js.map +1 -1
- package/dist/cjs/components/combobox/Combobox.d.ts +202 -0
- package/dist/cjs/components/combobox/Combobox.js +311 -0
- package/dist/cjs/components/combobox/Combobox.js.map +1 -0
- package/dist/cjs/components/combobox/Combobox.stories.d.ts +53 -0
- package/dist/cjs/components/combobox/Combobox.stories.js +115 -0
- package/dist/cjs/components/combobox/Combobox.stories.js.map +1 -0
- package/dist/cjs/components/input/Input.js +1 -1
- package/dist/cjs/components/input/Input.js.map +1 -1
- package/dist/cjs/components/input/Input.stories.d.ts +1 -0
- package/dist/cjs/components/input/Input.stories.js +4 -1
- package/dist/cjs/components/input/Input.stories.js.map +1 -1
- package/dist/css/main.css +4 -4
- package/dist/esm/components/autocomplete/Autocomplete.d.ts +12 -9
- package/dist/esm/components/autocomplete/Autocomplete.js +18 -24
- package/dist/esm/components/autocomplete/Autocomplete.js.map +1 -1
- package/dist/esm/components/combobox/Combobox.d.ts +202 -0
- package/dist/esm/components/combobox/Combobox.js +271 -0
- package/dist/esm/components/combobox/Combobox.js.map +1 -0
- package/dist/esm/components/combobox/Combobox.stories.d.ts +53 -0
- package/dist/esm/components/combobox/Combobox.stories.js +112 -0
- package/dist/esm/components/combobox/Combobox.stories.js.map +1 -0
- package/dist/esm/components/input/Input.js +1 -1
- package/dist/esm/components/input/Input.js.map +1 -1
- package/dist/esm/components/input/Input.stories.d.ts +1 -0
- package/dist/esm/components/input/Input.stories.js +3 -0
- package/dist/esm/components/input/Input.stories.js.map +1 -1
- package/package.json +3 -2
- package/src/components/autocomplete/Autocomplete.tsx +46 -66
- package/src/components/combobox/Combobox.stories.tsx +289 -0
- package/src/components/combobox/Combobox.tsx +757 -0
- package/src/components/input/Input.stories.tsx +10 -0
- package/src/components/input/Input.tsx +2 -1
|
@@ -1,16 +1,18 @@
|
|
|
1
|
-
import { Autocomplete as BaseAutocomplete, AutocompleteGroupProps as BaseAutocompleteGroupProps,
|
|
1
|
+
import { Autocomplete as BaseAutocomplete, AutocompleteGroupProps as BaseAutocompleteGroupProps, AutocompleteItemProps as BaseAutocompleteItemProps, AutocompleteListProps as BaseAutocompleteListProps, AutocompletePopupProps as BaseAutocompletePopupProps, AutocompletePositionerProps as BaseAutocompletePositionerProps, AutocompleteRootProps as BaseAutocompleteRootProps } from '@base-ui/react/autocomplete';
|
|
2
2
|
import { ButtonProps } from '@base-ui/react/button';
|
|
3
|
-
import { ComboboxRowProps as BaseAutocompleteRowProps } from '@base-ui/react/combobox';
|
|
3
|
+
import { ComboboxIconProps as BaseAutocompleteIconProps, ComboboxRowProps as BaseAutocompleteRowProps } from '@base-ui/react/combobox';
|
|
4
4
|
import { ReactNode } from 'react';
|
|
5
5
|
import { PaletteName } from '../../uno/index.js';
|
|
6
6
|
import { ChipProps } from '../chip/Chip.js';
|
|
7
|
-
|
|
7
|
+
import { ComboboxInputProps } from '../combobox/Combobox.js';
|
|
8
|
+
export interface AutocompleteInputProps extends ComboboxInputProps {
|
|
8
9
|
ref?: React.Ref<HTMLInputElement>;
|
|
9
10
|
icon?: ReactNode;
|
|
10
11
|
disableCaret?: boolean;
|
|
11
12
|
disableClear?: boolean;
|
|
12
13
|
children?: ReactNode;
|
|
13
14
|
}
|
|
15
|
+
export declare const AutocompleteIcon: import("react").FunctionComponent<BaseAutocompleteIconProps>;
|
|
14
16
|
export interface AutocompletePopoupProps extends BaseAutocompletePopupProps {
|
|
15
17
|
positioner?: BaseAutocompletePositionerProps;
|
|
16
18
|
ref?: React.Ref<HTMLDivElement>;
|
|
@@ -30,17 +32,18 @@ export type AutocompleteClearProps = ButtonProps & {
|
|
|
30
32
|
ref?: React.Ref<HTMLButtonElement>;
|
|
31
33
|
children?: ReactNode;
|
|
32
34
|
};
|
|
35
|
+
export declare const AutocompleteClear: ({ children, ...props }: AutocompleteClearProps) => import("react/jsx-runtime.js").JSX.Element;
|
|
33
36
|
declare function createAutocomplete<TItem>(): ((props: Omit<BaseAutocompleteRootProps<TItem>, "items"> & {
|
|
34
|
-
items
|
|
37
|
+
items?: readonly TItem[];
|
|
35
38
|
}) => import("react/jsx-runtime.js").JSX.Element) & {
|
|
36
|
-
Input: ({ disableCaret, icon, children, disableClear, ...props }: AutocompleteInputProps) => import("react/jsx-runtime.js").JSX.Element;
|
|
37
|
-
Content: ({ positioner, arrow, children, ...props }: AutocompletePopoupProps) => import("react/jsx-runtime.js").JSX.Element;
|
|
38
39
|
List: (props: Omit<BaseAutocompleteListProps, "children"> & {
|
|
39
40
|
children?: ReactNode | ((item: TItem, index: number) => ReactNode);
|
|
40
41
|
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
41
|
-
Empty: import("react").FunctionComponent<import("@base-ui/react/autocomplete/index.js").AutocompleteEmptyProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
42
42
|
Item: ({ className, color, ...props }: AutocompleteItemProps) => import("react/jsx-runtime.js").JSX.Element;
|
|
43
43
|
useFilter: (options?: import("@base-ui/react/autocomplete/index.js").AutocompleteFilterOptions) => import("@base-ui/react/autocomplete/index.js").AutocompleteFilter;
|
|
44
|
+
Input: ({ disableCaret, icon, children, disableClear, ...outerProps }: AutocompleteInputProps) => import("react/jsx-runtime.js").JSX.Element;
|
|
45
|
+
Content: ({ positioner, arrow, children, ...props }: AutocompletePopoupProps) => import("react/jsx-runtime.js").JSX.Element;
|
|
46
|
+
Empty: import("react").FunctionComponent<import("@base-ui/react/autocomplete/index.js").AutocompleteEmptyProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
44
47
|
Group: ({ className, ...props }: BaseAutocompleteGroupProps & {
|
|
45
48
|
ref?: React.Ref<HTMLDivElement>;
|
|
46
49
|
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
@@ -64,7 +67,7 @@ declare function createAutocompleteGrouped<TItemGroup extends {
|
|
|
64
67
|
}) => import("react/jsx-runtime.js").JSX.Element) & {
|
|
65
68
|
Content: ({ positioner, arrow, children, ...props }: AutocompletePopoupProps) => import("react/jsx-runtime.js").JSX.Element;
|
|
66
69
|
Item: typeof AutocompleteGroupItem;
|
|
67
|
-
Input: ({ disableCaret, icon, children, disableClear, ...
|
|
70
|
+
Input: ({ disableCaret, icon, children, disableClear, ...outerProps }: AutocompleteInputProps) => import("react/jsx-runtime.js").JSX.Element;
|
|
68
71
|
List: (props: Omit<BaseAutocompleteListProps, "children"> & {
|
|
69
72
|
children?: ReactNode | ((group: TItemGroup, groupIndex: number) => ReactNode);
|
|
70
73
|
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
@@ -88,7 +91,7 @@ declare function createAutocompleteGrouped<TItemGroup extends {
|
|
|
88
91
|
};
|
|
89
92
|
export declare const Autocomplete: ((props: BaseAutocompleteRootProps<any>) => import("react/jsx-runtime.js").JSX.Element) & {
|
|
90
93
|
useFilter: (options?: import("@base-ui/react/autocomplete/index.js").AutocompleteFilterOptions) => import("@base-ui/react/autocomplete/index.js").AutocompleteFilter;
|
|
91
|
-
Input: ({ disableCaret, icon, children, disableClear, ...
|
|
94
|
+
Input: ({ disableCaret, icon, children, disableClear, ...outerProps }: AutocompleteInputProps) => import("react/jsx-runtime.js").JSX.Element;
|
|
92
95
|
Content: ({ positioner, arrow, children, ...props }: AutocompletePopoupProps) => import("react/jsx-runtime.js").JSX.Element;
|
|
93
96
|
Empty: import("react").FunctionComponent<import("@base-ui/react/autocomplete/index.js").AutocompleteEmptyProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
94
97
|
List: import("react").FunctionComponent<BaseAutocompleteListProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -15,37 +15,31 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
15
15
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
16
16
|
};
|
|
17
17
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
exports.Autocomplete = void 0;
|
|
18
|
+
exports.Autocomplete = exports.AutocompleteClear = exports.AutocompleteIcon = void 0;
|
|
19
19
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
20
|
const autocomplete_1 = require("@base-ui/react/autocomplete");
|
|
21
21
|
const clsx_1 = __importDefault(require("clsx"));
|
|
22
|
-
const react_1 = require("react");
|
|
23
22
|
const hooks_js_1 = require("../../hooks.js");
|
|
24
23
|
const Button_js_1 = require("../button/Button.js");
|
|
25
24
|
const Chip_js_1 = require("../chip/Chip.js");
|
|
25
|
+
const Combobox_js_1 = require("../combobox/Combobox.js");
|
|
26
26
|
const Icon_js_1 = require("../icon/Icon.js");
|
|
27
|
-
const Input_js_1 = require("../input/Input.js");
|
|
28
27
|
const menus_js_1 = require("../primitives/menus.js");
|
|
29
28
|
const ArrowSvg_js_1 = require("../utility/ArrowSvg.js");
|
|
30
29
|
const SlotDiv_js_1 = require("../utility/SlotDiv.js");
|
|
31
|
-
const ValueContext = (0, react_1.createContext)(null);
|
|
32
30
|
const AutocompleteRoot = (props) => {
|
|
33
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
31
|
+
return ((0, jsx_runtime_1.jsx)(Combobox_js_1.ComboboxValueContext.Provider, { value: props.value || null, children: (0, jsx_runtime_1.jsx)(autocomplete_1.Autocomplete.Root, Object.assign({}, props)) }));
|
|
34
32
|
};
|
|
35
33
|
const AutocompleteInput = (_a) => {
|
|
36
|
-
var { disableCaret, icon, children, disableClear } = _a,
|
|
37
|
-
|
|
38
|
-
return ((0, jsx_runtime_1.jsx)(autocomplete_1.Autocomplete.Input, Object.assign({ render: (_a, state) => {
|
|
39
|
-
var { ref, className } = _a, props = __rest(_a, ["ref", "className"]);
|
|
40
|
-
return ((0, jsx_runtime_1.jsxs)(Input_js_1.Input.Border, { ref: ref, className: className, children: [icon, (0, jsx_runtime_1.jsx)(Input_js_1.Input.Input, Object.assign({ autoComplete: "off" }, props)), ((!disableClear && valueFromContext !== null) || !disableCaret) && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center", children: [!disableClear && valueFromContext !== null && ((0, jsx_runtime_1.jsx)(AutocompleteClear, {})), !disableCaret && ((0, jsx_runtime_1.jsx)(autocomplete_1.Autocomplete.Trigger, { render: (0, jsx_runtime_1.jsx)(Button_js_1.Button, { emphasis: "ghost", size: "small" }), children: (0, jsx_runtime_1.jsx)(AutocompleteIcon, { "data-open": state.open ? true : undefined }) }))] })), children] }));
|
|
41
|
-
} }, props)));
|
|
34
|
+
var { disableCaret, icon, children, disableClear } = _a, outerProps = __rest(_a, ["disableCaret", "icon", "children", "disableClear"]);
|
|
35
|
+
return ((0, jsx_runtime_1.jsx)(autocomplete_1.Autocomplete.Input, Object.assign({ render: (props, state) => ((0, jsx_runtime_1.jsx)(Combobox_js_1.ComboboxComposedInput, Object.assign({}, props, { open: state.open, disableCaret: disableCaret, disableClear: disableClear, icon: icon, children: children }))) }, outerProps)));
|
|
42
36
|
};
|
|
43
|
-
|
|
37
|
+
exports.AutocompleteIcon = (0, hooks_js_1.withClassName)((_a) => {
|
|
44
38
|
var { className } = _a, props = __rest(_a, ["className"]);
|
|
45
|
-
return ((0, jsx_runtime_1.jsx)(autocomplete_1.Autocomplete.Icon, Object.assign({}, props, { className: (0, clsx_1.default)(
|
|
39
|
+
return ((0, jsx_runtime_1.jsx)(autocomplete_1.Autocomplete.Icon, Object.assign({}, props, { className: (0, clsx_1.default)(Combobox_js_1.comboboxIconClassName, className), children: (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "chevron" }) })));
|
|
46
40
|
});
|
|
47
|
-
const AutocompletePopup = (0, hooks_js_1.withClassName)(autocomplete_1.Autocomplete.Popup,
|
|
48
|
-
const AutocompleteBackdrop = (0, hooks_js_1.withClassName)(autocomplete_1.Autocomplete.Backdrop,
|
|
41
|
+
const AutocompletePopup = (0, hooks_js_1.withClassName)(autocomplete_1.Autocomplete.Popup, Combobox_js_1.comboboxPopupClassName);
|
|
42
|
+
const AutocompleteBackdrop = (0, hooks_js_1.withClassName)(autocomplete_1.Autocomplete.Backdrop, Combobox_js_1.comboboxBackdropClassName);
|
|
49
43
|
const AutocompleteArrow = (_a) => {
|
|
50
44
|
var { className } = _a, props = __rest(_a, ["className"]);
|
|
51
45
|
return ((0, jsx_runtime_1.jsx)(autocomplete_1.Autocomplete.Arrow, Object.assign({}, props, { className: (0, clsx_1.default)(menus_js_1.arrowClassName, className), children: (0, jsx_runtime_1.jsx)(ArrowSvg_js_1.ArrowSvg, {}) })));
|
|
@@ -54,28 +48,29 @@ const AutocompleteContent = (_a) => {
|
|
|
54
48
|
var { positioner, arrow, children } = _a, props = __rest(_a, ["positioner", "arrow", "children"]);
|
|
55
49
|
return ((0, jsx_runtime_1.jsxs)(autocomplete_1.Autocomplete.Portal, { children: [(0, jsx_runtime_1.jsx)(AutocompleteBackdrop, {}), (0, jsx_runtime_1.jsx)(autocomplete_1.Autocomplete.Positioner, Object.assign({ sideOffset: 8 }, positioner, { children: (0, jsx_runtime_1.jsxs)(AutocompletePopup, Object.assign({}, props, { children: [arrow && (0, jsx_runtime_1.jsx)(AutocompleteArrow, {}), children] })) }))] }));
|
|
56
50
|
};
|
|
57
|
-
const AutocompleteList = (0, hooks_js_1.withClassName)(autocomplete_1.Autocomplete.List,
|
|
58
|
-
const AutocompleteEmpty = (0, hooks_js_1.withClassName)(autocomplete_1.Autocomplete.Empty,
|
|
51
|
+
const AutocompleteList = (0, hooks_js_1.withClassName)(autocomplete_1.Autocomplete.List, Combobox_js_1.comboboxListClassName);
|
|
52
|
+
const AutocompleteEmpty = (0, hooks_js_1.withClassName)(autocomplete_1.Autocomplete.Empty, Combobox_js_1.comboboxEmptyClassName);
|
|
59
53
|
const AutocompleteItem = (_a) => {
|
|
60
54
|
var { className, color = 'gray' } = _a, props = __rest(_a, ["className", "color"]);
|
|
61
55
|
return ((0, jsx_runtime_1.jsx)(autocomplete_1.Autocomplete.Item, Object.assign({ className: (0, clsx_1.default)(color && `palette-${color}`, menus_js_1.itemClassName, className) }, props)));
|
|
62
56
|
};
|
|
63
57
|
const AutocompleteGroup = (_a) => {
|
|
64
58
|
var { className } = _a, props = __rest(_a, ["className"]);
|
|
65
|
-
return ((0, jsx_runtime_1.jsx)(autocomplete_1.Autocomplete.Group, Object.assign({}, props, { className: (0, clsx_1.default)(
|
|
59
|
+
return ((0, jsx_runtime_1.jsx)(autocomplete_1.Autocomplete.Group, Object.assign({}, props, { className: (0, clsx_1.default)(Combobox_js_1.comboboxGroupClassName, className) })));
|
|
66
60
|
};
|
|
67
|
-
const AutocompleteGroupItemList = (0, hooks_js_1.withClassName)(SlotDiv_js_1.SlotDiv,
|
|
68
|
-
const AutocompleteGroupLabel = (0, hooks_js_1.withClassName)(autocomplete_1.Autocomplete.GroupLabel,
|
|
69
|
-
const AutocompleteRow = (0, hooks_js_1.withClassName)(autocomplete_1.Autocomplete.Row,
|
|
61
|
+
const AutocompleteGroupItemList = (0, hooks_js_1.withClassName)(SlotDiv_js_1.SlotDiv, Combobox_js_1.comboboxGroupItemListClassName);
|
|
62
|
+
const AutocompleteGroupLabel = (0, hooks_js_1.withClassName)(autocomplete_1.Autocomplete.GroupLabel, Combobox_js_1.comboboxGroupLabelClassName);
|
|
63
|
+
const AutocompleteRow = (0, hooks_js_1.withClassName)(autocomplete_1.Autocomplete.Row, Combobox_js_1.comboboxRowClassName);
|
|
70
64
|
const AutocompleteSeparator = (0, hooks_js_1.withClassName)(autocomplete_1.Autocomplete.Separator, menus_js_1.separatorClassName);
|
|
71
65
|
function AutocompleteGroupItem(_a) {
|
|
72
66
|
var { className, replace, render } = _a, props = __rest(_a, ["className", "replace", "render"]);
|
|
73
|
-
return ((0, jsx_runtime_1.jsx)(autocomplete_1.Autocomplete.Item, Object.assign({ render: replace !== null && replace !== void 0 ? replace : (0, jsx_runtime_1.jsx)(Button_js_1.Button, { render: (0, jsx_runtime_1.jsx)(Chip_js_1.Chip, { render: render }) }) }, props, { className: (0, clsx_1.default)(
|
|
67
|
+
return ((0, jsx_runtime_1.jsx)(autocomplete_1.Autocomplete.Item, Object.assign({ render: replace !== null && replace !== void 0 ? replace : (0, jsx_runtime_1.jsx)(Button_js_1.Button, { render: (0, jsx_runtime_1.jsx)(Chip_js_1.Chip, { render: render }) }) }, props, { className: (0, clsx_1.default)(Combobox_js_1.comboboxGroupItemClassName, className) })));
|
|
74
68
|
}
|
|
75
69
|
const AutocompleteClear = (_a) => {
|
|
76
70
|
var { children } = _a, props = __rest(_a, ["children"]);
|
|
77
71
|
return ((0, jsx_runtime_1.jsx)(autocomplete_1.Autocomplete.Clear, Object.assign({ render: (0, jsx_runtime_1.jsx)(Button_js_1.Button, { emphasis: "ghost", size: "small" }) }, props, { children: children !== null && children !== void 0 ? children : (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "x" }) })));
|
|
78
72
|
};
|
|
73
|
+
exports.AutocompleteClear = AutocompleteClear;
|
|
79
74
|
const baseSubComponents = {
|
|
80
75
|
useFilter: autocomplete_1.Autocomplete.useFilter,
|
|
81
76
|
Input: AutocompleteInput,
|
|
@@ -88,7 +83,7 @@ const baseSubComponents = {
|
|
|
88
83
|
GroupList: AutocompleteGroupItemList,
|
|
89
84
|
Row: AutocompleteRow,
|
|
90
85
|
Separator: AutocompleteSeparator,
|
|
91
|
-
Clear: AutocompleteClear,
|
|
86
|
+
Clear: exports.AutocompleteClear,
|
|
92
87
|
Positioner: autocomplete_1.Autocomplete.Positioner,
|
|
93
88
|
Portal: autocomplete_1.Autocomplete.Portal,
|
|
94
89
|
Popup: AutocompletePopup,
|
|
@@ -104,7 +99,7 @@ function createAutocomplete() {
|
|
|
104
99
|
function TypedList(props) {
|
|
105
100
|
return (0, jsx_runtime_1.jsx)(AutocompleteList, Object.assign({}, props));
|
|
106
101
|
}
|
|
107
|
-
return Object.assign(TypedRoot, Object.assign(Object.assign({}, baseSubComponents), {
|
|
102
|
+
return Object.assign(TypedRoot, Object.assign(Object.assign({}, baseSubComponents), { List: TypedList, Item: AutocompleteItem }));
|
|
108
103
|
}
|
|
109
104
|
function createAutocompleteGrouped() {
|
|
110
105
|
function TypedRoot(props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../../src/components/autocomplete/Autocomplete.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../../src/components/autocomplete/Autocomplete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,202 @@
|
|
|
1
|
+
import { ButtonProps } from '@base-ui/react/button';
|
|
2
|
+
import * as BaseCombobox from '@base-ui/react/combobox';
|
|
3
|
+
import { ReactNode, Ref } from 'react';
|
|
4
|
+
import { PaletteName } from '../../uno/index.js';
|
|
5
|
+
import { ChipProps } from '../chip/Chip.js';
|
|
6
|
+
import { InputProps } from '../input/Input.js';
|
|
7
|
+
import { SlotDivProps } from '../utility/SlotDiv.js';
|
|
8
|
+
export declare const comboboxPopupClassName: string;
|
|
9
|
+
export declare const comboboxBackdropClassName: string;
|
|
10
|
+
export declare const comboboxListClassName: string;
|
|
11
|
+
export declare const comboboxIconClassName: string;
|
|
12
|
+
export declare const comboboxEmptyClassName: string;
|
|
13
|
+
export declare const comboboxGroupClassName: string;
|
|
14
|
+
export declare const comboboxGroupItemListClassName: string;
|
|
15
|
+
export declare const comboboxGroupLabelClassName: string;
|
|
16
|
+
export declare const comboboxRowClassName: string;
|
|
17
|
+
export declare const comboboxGroupItemClassName: string;
|
|
18
|
+
export interface ComboboxInputProps extends Omit<BaseCombobox.ComboboxInputProps, 'className' | 'render'> {
|
|
19
|
+
ref?: React.Ref<HTMLInputElement>;
|
|
20
|
+
icon?: ReactNode;
|
|
21
|
+
disableCaret?: boolean;
|
|
22
|
+
disableClear?: boolean;
|
|
23
|
+
children?: ReactNode;
|
|
24
|
+
className?: string;
|
|
25
|
+
}
|
|
26
|
+
export declare function ComboboxComposedInput({ open, ref, className, icon, children, disableCaret, disableClear, ...props }: ComboboxInputProps & {
|
|
27
|
+
className?: string;
|
|
28
|
+
ref?: React.Ref<HTMLInputElement>;
|
|
29
|
+
open: boolean;
|
|
30
|
+
disableCaret?: boolean;
|
|
31
|
+
disableClear?: boolean;
|
|
32
|
+
children?: React.ReactNode;
|
|
33
|
+
icon?: React.ReactNode;
|
|
34
|
+
render?: InputProps['render'];
|
|
35
|
+
}): import("react/jsx-runtime.js").JSX.Element;
|
|
36
|
+
export declare const ComboboxValueContext: import("react").Context<any>;
|
|
37
|
+
declare function makeCreatableItem(input: string): any;
|
|
38
|
+
declare function isCreatableItem(item: any): item is {
|
|
39
|
+
value: string;
|
|
40
|
+
label: string;
|
|
41
|
+
};
|
|
42
|
+
export interface ComboboxProps<TItem, Multiple extends boolean | undefined = false> extends BaseCombobox.ComboboxRootProps<TItem, Multiple> {
|
|
43
|
+
onCreate?: (value: string) => void;
|
|
44
|
+
showCreatableItem?: boolean;
|
|
45
|
+
}
|
|
46
|
+
declare function ComboboxInput({ disableCaret, disableClear, icon, children, onKeyDown: userOnKeyDown, ...outerProps }: ComboboxInputProps): import("react/jsx-runtime.js").JSX.Element;
|
|
47
|
+
declare function ComboboxChips({ className, ...props }: BaseCombobox.ComboboxChipsProps): import("react/jsx-runtime.js").JSX.Element;
|
|
48
|
+
declare function ComboboxChip({ className, children, ...props }: BaseCombobox.ComboboxChipProps): import("react/jsx-runtime.js").JSX.Element;
|
|
49
|
+
declare function ComboboxIcon({ className, ...props }: BaseCombobox.ComboboxIconProps): import("react/jsx-runtime.js").JSX.Element;
|
|
50
|
+
declare function ComboboxArrow({ className, ...props }: BaseCombobox.ComboboxArrowProps): import("react/jsx-runtime.js").JSX.Element;
|
|
51
|
+
export interface ComboboxPopupProps extends BaseCombobox.ComboboxPopupProps {
|
|
52
|
+
positioner?: BaseCombobox.ComboboxPositionerProps;
|
|
53
|
+
ref?: Ref<HTMLDivElement>;
|
|
54
|
+
arrow?: boolean;
|
|
55
|
+
}
|
|
56
|
+
declare function ComboboxContent({ positioner, arrow, children, ...props }: ComboboxPopupProps): import("react/jsx-runtime.js").JSX.Element;
|
|
57
|
+
declare function ComboboxList({ className, ...props }: BaseCombobox.ComboboxListProps): import("react/jsx-runtime.js").JSX.Element;
|
|
58
|
+
export interface ComboboxItemProps extends BaseCombobox.ComboboxItemProps {
|
|
59
|
+
ref?: Ref<HTMLDivElement>;
|
|
60
|
+
color?: PaletteName;
|
|
61
|
+
}
|
|
62
|
+
declare function ComboboxItem({ className, color, children, ...props }: ComboboxItemProps): import("react/jsx-runtime.js").JSX.Element;
|
|
63
|
+
export interface ComboboxGroupItemProps extends Omit<BaseCombobox.ComboboxItemProps, 'render'> {
|
|
64
|
+
ref?: Ref<HTMLDivElement>;
|
|
65
|
+
replace?: BaseCombobox.ComboboxItemProps['render'];
|
|
66
|
+
render?: ChipProps['render'];
|
|
67
|
+
color?: ChipProps['color'];
|
|
68
|
+
}
|
|
69
|
+
declare function ComboboxGroupItem({ className, replace, render, color, children, ...props }: ComboboxGroupItemProps): import("react/jsx-runtime.js").JSX.Element;
|
|
70
|
+
export interface ComboboxMultiValueProps extends BaseCombobox.ComboboxValueProps, Omit<SlotDivProps, 'children'> {
|
|
71
|
+
}
|
|
72
|
+
declare function ComboboxMultiValue({ children, className, ...props }: ComboboxMultiValueProps): import("react/jsx-runtime.js").JSX.Element;
|
|
73
|
+
export type ComboboxClearProps = ButtonProps & {
|
|
74
|
+
ref?: Ref<HTMLButtonElement>;
|
|
75
|
+
children?: ReactNode;
|
|
76
|
+
};
|
|
77
|
+
declare function ComboboxClear({ children, ...props }: ComboboxClearProps): import("react/jsx-runtime.js").JSX.Element;
|
|
78
|
+
declare function createCombobox<TItem>(): ((props: Omit<ComboboxProps<TItem, false>, "items"> & {
|
|
79
|
+
items?: readonly TItem[];
|
|
80
|
+
}) => import("react/jsx-runtime.js").JSX.Element) & {
|
|
81
|
+
Multi: (props: Omit<ComboboxProps<TItem, true>, "items"> & {
|
|
82
|
+
items?: readonly TItem[];
|
|
83
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
84
|
+
Item: (props: Omit<ComboboxItemProps, "value"> & {
|
|
85
|
+
value: TItem;
|
|
86
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
87
|
+
List: (props: Omit<BaseCombobox.ComboboxListProps, "children"> & {
|
|
88
|
+
children?: ReactNode | ((item: TItem, index: number) => ReactNode);
|
|
89
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
90
|
+
Value: (props: Omit<BaseCombobox.ComboboxValueProps, "children"> & {
|
|
91
|
+
children?: ReactNode | ((item: TItem | null) => ReactNode);
|
|
92
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
93
|
+
MultiValue: (props: Omit<ComboboxMultiValueProps, "children"> & {
|
|
94
|
+
children?: ReactNode | ((items: TItem[]) => ReactNode);
|
|
95
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
96
|
+
useFilter: typeof BaseCombobox.Combobox.useFilter;
|
|
97
|
+
makeCreatableItem: typeof makeCreatableItem;
|
|
98
|
+
isCreatableItem: typeof isCreatableItem;
|
|
99
|
+
Input: typeof ComboboxInput;
|
|
100
|
+
Content: typeof ComboboxContent;
|
|
101
|
+
Empty: import("react").FunctionComponent<BaseCombobox.ComboboxEmptyProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
102
|
+
Group: import("react").FunctionComponent<BaseCombobox.ComboboxGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
103
|
+
GroupItemList: import("react").FunctionComponent<SlotDivProps>;
|
|
104
|
+
GroupLabel: import("react").FunctionComponent<BaseCombobox.ComboboxGroupLabelProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
105
|
+
Row: import("react").FunctionComponent<BaseCombobox.ComboboxRowProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
106
|
+
Separator: import("react").FunctionComponent<import("@base-ui/react/separator/Separator.js").SeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
107
|
+
ItemGroup: typeof ComboboxGroupItem;
|
|
108
|
+
Icon: typeof ComboboxIcon;
|
|
109
|
+
Clear: typeof ComboboxClear;
|
|
110
|
+
Chips: typeof ComboboxChips;
|
|
111
|
+
Chip: typeof ComboboxChip;
|
|
112
|
+
ChipsList: import("react").FunctionComponent<SlotDivProps>;
|
|
113
|
+
Positioner: import("react").ForwardRefExoticComponent<BaseCombobox.ComboboxPositionerProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
114
|
+
Portal: import("react").ForwardRefExoticComponent<BaseCombobox.ComboboxPortalProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
115
|
+
Backdrop: import("react").FunctionComponent<BaseCombobox.ComboboxBackdropProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
116
|
+
Arrow: typeof ComboboxArrow;
|
|
117
|
+
Popup: import("react").FunctionComponent<BaseCombobox.ComboboxPopupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
118
|
+
ListItem: typeof ComboboxItem;
|
|
119
|
+
GroupItem: typeof ComboboxGroupItem;
|
|
120
|
+
Unstyled: typeof BaseCombobox.Combobox;
|
|
121
|
+
};
|
|
122
|
+
declare function createComboboxGrouped<TItemGroup extends {
|
|
123
|
+
items: readonly any[];
|
|
124
|
+
}>(): ((props: Omit<ComboboxProps<TItemGroup["items"][number], false>, "items"> & {
|
|
125
|
+
items?: readonly TItemGroup[];
|
|
126
|
+
}) => import("react/jsx-runtime.js").JSX.Element) & {
|
|
127
|
+
Multi: (props: Omit<ComboboxProps<TItemGroup["items"][number], true>, "items"> & {
|
|
128
|
+
items?: readonly TItemGroup[];
|
|
129
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
130
|
+
Item: (props: Omit<ComboboxGroupItemProps, "value"> & {
|
|
131
|
+
value: TItemGroup["items"][number];
|
|
132
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
133
|
+
List: (props: Omit<BaseCombobox.ComboboxListProps, "children"> & {
|
|
134
|
+
children?: ReactNode | ((item: TItemGroup, index: number) => ReactNode);
|
|
135
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
136
|
+
Group: import("react").FunctionComponent<BaseCombobox.ComboboxGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
137
|
+
GroupList: import("react").FunctionComponent<SlotDivProps>;
|
|
138
|
+
GroupLabel: import("react").FunctionComponent<BaseCombobox.ComboboxGroupLabelProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
139
|
+
Row: import("react").FunctionComponent<BaseCombobox.ComboboxRowProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
140
|
+
Value: (props: Omit<BaseCombobox.ComboboxValueProps, "children"> & {
|
|
141
|
+
children?: ReactNode | ((item: TItemGroup["items"][number] | null) => ReactNode);
|
|
142
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
143
|
+
MultiValue: (props: Omit<ComboboxMultiValueProps, "children"> & {
|
|
144
|
+
children?: ReactNode | ((items: TItemGroup["items"][number][]) => ReactNode);
|
|
145
|
+
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
146
|
+
useFilter: typeof BaseCombobox.Combobox.useFilter;
|
|
147
|
+
makeCreatableItem: typeof makeCreatableItem;
|
|
148
|
+
isCreatableItem: typeof isCreatableItem;
|
|
149
|
+
Input: typeof ComboboxInput;
|
|
150
|
+
Content: typeof ComboboxContent;
|
|
151
|
+
Empty: import("react").FunctionComponent<BaseCombobox.ComboboxEmptyProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
152
|
+
GroupItemList: import("react").FunctionComponent<SlotDivProps>;
|
|
153
|
+
Separator: import("react").FunctionComponent<import("@base-ui/react/separator/Separator.js").SeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
154
|
+
ItemGroup: typeof ComboboxGroupItem;
|
|
155
|
+
Icon: typeof ComboboxIcon;
|
|
156
|
+
Clear: typeof ComboboxClear;
|
|
157
|
+
Chips: typeof ComboboxChips;
|
|
158
|
+
Chip: typeof ComboboxChip;
|
|
159
|
+
ChipsList: import("react").FunctionComponent<SlotDivProps>;
|
|
160
|
+
Positioner: import("react").ForwardRefExoticComponent<BaseCombobox.ComboboxPositionerProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
161
|
+
Portal: import("react").ForwardRefExoticComponent<BaseCombobox.ComboboxPortalProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
162
|
+
Backdrop: import("react").FunctionComponent<BaseCombobox.ComboboxBackdropProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
163
|
+
Arrow: typeof ComboboxArrow;
|
|
164
|
+
Popup: import("react").FunctionComponent<BaseCombobox.ComboboxPopupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
165
|
+
ListItem: typeof ComboboxItem;
|
|
166
|
+
GroupItem: typeof ComboboxGroupItem;
|
|
167
|
+
Unstyled: typeof BaseCombobox.Combobox;
|
|
168
|
+
};
|
|
169
|
+
export declare const Combobox: (({ onCreate, items: userItems, onItemHighlighted, itemToStringLabel: userItemToStringLabel, inputValue: userInputValue, onInputValueChange: userOnInputValueChange, onValueChange: userOnValueChange, showCreatableItem, ...props }: ComboboxProps<any, any>) => import("react/jsx-runtime.js").JSX.Element) & {
|
|
170
|
+
useFilter: typeof BaseCombobox.Combobox.useFilter;
|
|
171
|
+
makeCreatableItem: typeof makeCreatableItem;
|
|
172
|
+
isCreatableItem: typeof isCreatableItem;
|
|
173
|
+
Input: typeof ComboboxInput;
|
|
174
|
+
Content: typeof ComboboxContent;
|
|
175
|
+
Empty: import("react").FunctionComponent<BaseCombobox.ComboboxEmptyProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
176
|
+
List: typeof ComboboxList;
|
|
177
|
+
Item: typeof ComboboxItem;
|
|
178
|
+
Group: import("react").FunctionComponent<BaseCombobox.ComboboxGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
179
|
+
GroupItemList: import("react").FunctionComponent<SlotDivProps>;
|
|
180
|
+
GroupLabel: import("react").FunctionComponent<BaseCombobox.ComboboxGroupLabelProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
181
|
+
Row: import("react").FunctionComponent<BaseCombobox.ComboboxRowProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
182
|
+
Separator: import("react").FunctionComponent<import("@base-ui/react/separator/Separator.js").SeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
183
|
+
ItemGroup: typeof ComboboxGroupItem;
|
|
184
|
+
Icon: typeof ComboboxIcon;
|
|
185
|
+
Clear: typeof ComboboxClear;
|
|
186
|
+
Chips: typeof ComboboxChips;
|
|
187
|
+
Chip: typeof ComboboxChip;
|
|
188
|
+
ChipsList: import("react").FunctionComponent<SlotDivProps>;
|
|
189
|
+
Value: typeof BaseCombobox.ComboboxValue;
|
|
190
|
+
MultiValue: typeof ComboboxMultiValue;
|
|
191
|
+
Positioner: import("react").ForwardRefExoticComponent<BaseCombobox.ComboboxPositionerProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
192
|
+
Portal: import("react").ForwardRefExoticComponent<BaseCombobox.ComboboxPortalProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
193
|
+
Backdrop: import("react").FunctionComponent<BaseCombobox.ComboboxBackdropProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
194
|
+
Arrow: typeof ComboboxArrow;
|
|
195
|
+
Popup: import("react").FunctionComponent<BaseCombobox.ComboboxPopupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
196
|
+
ListItem: typeof ComboboxItem;
|
|
197
|
+
GroupItem: typeof ComboboxGroupItem;
|
|
198
|
+
Unstyled: typeof BaseCombobox.Combobox;
|
|
199
|
+
create: typeof createCombobox;
|
|
200
|
+
createGrouped: typeof createComboboxGrouped;
|
|
201
|
+
};
|
|
202
|
+
export {};
|