@heroui/autocomplete 2.3.23-beta.1 → 2.3.23-beta.2
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/autocomplete.js +14 -15
- package/dist/autocomplete.mjs +2 -2
- package/dist/{chunk-BT5DRV5A.mjs → chunk-JHANFQCV.mjs} +1 -2
- package/dist/{chunk-EG3YEEN2.mjs → chunk-PRL2CTH4.mjs} +1 -1
- package/dist/index.js +14 -15
- package/dist/index.mjs +2 -2
- package/dist/use-autocomplete.d.mts +2 -2
- package/dist/use-autocomplete.d.ts +2 -2
- package/dist/use-autocomplete.js +14 -15
- package/dist/use-autocomplete.mjs +1 -1
- package/package.json +12 -13
package/dist/autocomplete.js
CHANGED
|
@@ -34,7 +34,6 @@ var import_input = require("@heroui/input");
|
|
|
34
34
|
var import_framer_motion = require("framer-motion");
|
|
35
35
|
|
|
36
36
|
// src/use-autocomplete.ts
|
|
37
|
-
var import_utils = require("@react-aria/utils");
|
|
38
37
|
var import_shared_utils = require("@heroui/shared-utils");
|
|
39
38
|
var import_react = require("react");
|
|
40
39
|
var import_react_utils = require("@heroui/react-utils");
|
|
@@ -138,7 +137,7 @@ function useAutocomplete(originalProps) {
|
|
|
138
137
|
);
|
|
139
138
|
const isInvalid = originalProps.isInvalid || isAriaInvalid;
|
|
140
139
|
const slotsProps = {
|
|
141
|
-
inputProps: (0,
|
|
140
|
+
inputProps: (0, import_shared_utils.mergeProps)(
|
|
142
141
|
{
|
|
143
142
|
label,
|
|
144
143
|
ref: inputRef,
|
|
@@ -153,7 +152,7 @@ function useAutocomplete(originalProps) {
|
|
|
153
152
|
},
|
|
154
153
|
userInputProps
|
|
155
154
|
),
|
|
156
|
-
popoverProps: (0,
|
|
155
|
+
popoverProps: (0, import_shared_utils.mergeProps)(
|
|
157
156
|
{
|
|
158
157
|
offset: 5,
|
|
159
158
|
placement: "bottom",
|
|
@@ -162,7 +161,7 @@ function useAutocomplete(originalProps) {
|
|
|
162
161
|
},
|
|
163
162
|
popoverProps
|
|
164
163
|
),
|
|
165
|
-
scrollShadowProps: (0,
|
|
164
|
+
scrollShadowProps: (0, import_shared_utils.mergeProps)(
|
|
166
165
|
{
|
|
167
166
|
ref: scrollShadowRef,
|
|
168
167
|
isEnabled: (_d = showScrollIndicators && state.collection.size > 5) != null ? _d : true,
|
|
@@ -171,7 +170,7 @@ function useAutocomplete(originalProps) {
|
|
|
171
170
|
},
|
|
172
171
|
scrollShadowProps
|
|
173
172
|
),
|
|
174
|
-
listboxProps: (0,
|
|
173
|
+
listboxProps: (0, import_shared_utils.mergeProps)(
|
|
175
174
|
{
|
|
176
175
|
hideEmptyContent: allowsCustomValue,
|
|
177
176
|
emptyContent: "No results found.",
|
|
@@ -179,7 +178,7 @@ function useAutocomplete(originalProps) {
|
|
|
179
178
|
},
|
|
180
179
|
listboxProps
|
|
181
180
|
),
|
|
182
|
-
selectorButtonProps: (0,
|
|
181
|
+
selectorButtonProps: (0, import_shared_utils.mergeProps)(
|
|
183
182
|
{
|
|
184
183
|
isLoading,
|
|
185
184
|
size: "sm",
|
|
@@ -191,7 +190,7 @@ function useAutocomplete(originalProps) {
|
|
|
191
190
|
},
|
|
192
191
|
selectorButtonProps
|
|
193
192
|
),
|
|
194
|
-
clearButtonProps: (0,
|
|
193
|
+
clearButtonProps: (0, import_shared_utils.mergeProps)(
|
|
195
194
|
{
|
|
196
195
|
size: "sm",
|
|
197
196
|
variant: "light",
|
|
@@ -276,7 +275,7 @@ function useAutocomplete(originalProps) {
|
|
|
276
275
|
var _a2;
|
|
277
276
|
return {
|
|
278
277
|
ref: buttonRef,
|
|
279
|
-
...(0,
|
|
278
|
+
...(0, import_shared_utils.mergeProps)(buttonProps, slotsProps.selectorButtonProps),
|
|
280
279
|
"data-open": (0, import_shared_utils.dataAttr)(state.isOpen),
|
|
281
280
|
className: slots.selectorButton({
|
|
282
281
|
class: (0, import_shared_utils.clsx)(classNames == null ? void 0 : classNames.selectorButton, (_a2 = slotsProps.selectorButtonProps) == null ? void 0 : _a2.className)
|
|
@@ -286,7 +285,7 @@ function useAutocomplete(originalProps) {
|
|
|
286
285
|
const getClearButtonProps = () => {
|
|
287
286
|
var _a2, _b2;
|
|
288
287
|
return {
|
|
289
|
-
...(0,
|
|
288
|
+
...(0, import_shared_utils.mergeProps)(buttonProps, slotsProps.clearButtonProps),
|
|
290
289
|
// disable original focus and state toggle from react aria
|
|
291
290
|
onPressStart: () => {
|
|
292
291
|
var _a3;
|
|
@@ -316,7 +315,7 @@ function useAutocomplete(originalProps) {
|
|
|
316
315
|
isInvalid: hasUncommittedValidation ? void 0 : isInvalid,
|
|
317
316
|
validationBehavior,
|
|
318
317
|
errorMessage: typeof errorMessage === "function" ? errorMessage({ isInvalid, validationErrors, validationDetails }) : errorMessage || (validationErrors == null ? void 0 : validationErrors.join(" ")),
|
|
319
|
-
onClick: (0,
|
|
318
|
+
onClick: (0, import_shared_utils.chain)(slotsProps.inputProps.onClick, otherProps.onClick)
|
|
320
319
|
});
|
|
321
320
|
const getListBoxProps = () => {
|
|
322
321
|
const shouldVirtualize = isVirtualized != null ? isVirtualized : state.collection.size > 50;
|
|
@@ -329,14 +328,14 @@ function useAutocomplete(originalProps) {
|
|
|
329
328
|
itemHeight
|
|
330
329
|
} : void 0,
|
|
331
330
|
scrollShadowProps: slotsProps.scrollShadowProps,
|
|
332
|
-
...(0,
|
|
331
|
+
...(0, import_shared_utils.mergeProps)(slotsProps.listboxProps, listBoxProps, {
|
|
333
332
|
shouldHighlightOnFocus: true
|
|
334
333
|
})
|
|
335
334
|
};
|
|
336
335
|
};
|
|
337
336
|
const getPopoverProps = (props2 = {}) => {
|
|
338
337
|
var _a2, _b2, _c2;
|
|
339
|
-
const popoverProps2 = (0,
|
|
338
|
+
const popoverProps2 = (0, import_shared_utils.mergeProps)(slotsProps.popoverProps, props2);
|
|
340
339
|
return {
|
|
341
340
|
state,
|
|
342
341
|
ref: popoverRef,
|
|
@@ -368,7 +367,7 @@ function useAutocomplete(originalProps) {
|
|
|
368
367
|
const getListBoxWrapperProps = (props2 = {}) => {
|
|
369
368
|
var _a2, _b2;
|
|
370
369
|
return {
|
|
371
|
-
...(0,
|
|
370
|
+
...(0, import_shared_utils.mergeProps)(slotsProps.scrollShadowProps, props2),
|
|
372
371
|
className: slots.listboxWrapper({
|
|
373
372
|
class: (0, import_shared_utils.clsx)(
|
|
374
373
|
classNames == null ? void 0 : classNames.listboxWrapper,
|
|
@@ -385,13 +384,13 @@ function useAutocomplete(originalProps) {
|
|
|
385
384
|
className: slots.endContentWrapper({
|
|
386
385
|
class: (0, import_shared_utils.clsx)(classNames == null ? void 0 : classNames.endContentWrapper, props2 == null ? void 0 : props2.className)
|
|
387
386
|
}),
|
|
388
|
-
onPointerDown: (0,
|
|
387
|
+
onPointerDown: (0, import_shared_utils.chain)(props2.onPointerDown, (e) => {
|
|
389
388
|
var _a2;
|
|
390
389
|
if (e.button === 0 && e.currentTarget === e.target) {
|
|
391
390
|
(_a2 = inputRef.current) == null ? void 0 : _a2.focus();
|
|
392
391
|
}
|
|
393
392
|
}),
|
|
394
|
-
onMouseDown: (0,
|
|
393
|
+
onMouseDown: (0, import_shared_utils.chain)(props2.onMouseDown, (e) => {
|
|
395
394
|
if (e.button === 0 && e.currentTarget === e.target) {
|
|
396
395
|
e.preventDefault();
|
|
397
396
|
}
|
package/dist/autocomplete.mjs
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
|
|
3
3
|
// src/use-autocomplete.ts
|
|
4
|
-
import { chain, mergeProps } from "@
|
|
5
|
-
import { clsx, dataAttr, objectToDeps } from "@heroui/shared-utils";
|
|
4
|
+
import { clsx, dataAttr, objectToDeps, chain, mergeProps } from "@heroui/shared-utils";
|
|
6
5
|
import { useEffect, useMemo, useRef } from "react";
|
|
7
6
|
import { useDOMRef } from "@heroui/react-utils";
|
|
8
7
|
import { useComboBoxState } from "@react-stately/combobox";
|
package/dist/index.js
CHANGED
|
@@ -40,7 +40,6 @@ var import_input = require("@heroui/input");
|
|
|
40
40
|
var import_framer_motion = require("framer-motion");
|
|
41
41
|
|
|
42
42
|
// src/use-autocomplete.ts
|
|
43
|
-
var import_utils = require("@react-aria/utils");
|
|
44
43
|
var import_shared_utils = require("@heroui/shared-utils");
|
|
45
44
|
var import_react = require("react");
|
|
46
45
|
var import_react_utils = require("@heroui/react-utils");
|
|
@@ -144,7 +143,7 @@ function useAutocomplete(originalProps) {
|
|
|
144
143
|
);
|
|
145
144
|
const isInvalid = originalProps.isInvalid || isAriaInvalid;
|
|
146
145
|
const slotsProps = {
|
|
147
|
-
inputProps: (0,
|
|
146
|
+
inputProps: (0, import_shared_utils.mergeProps)(
|
|
148
147
|
{
|
|
149
148
|
label,
|
|
150
149
|
ref: inputRef,
|
|
@@ -159,7 +158,7 @@ function useAutocomplete(originalProps) {
|
|
|
159
158
|
},
|
|
160
159
|
userInputProps
|
|
161
160
|
),
|
|
162
|
-
popoverProps: (0,
|
|
161
|
+
popoverProps: (0, import_shared_utils.mergeProps)(
|
|
163
162
|
{
|
|
164
163
|
offset: 5,
|
|
165
164
|
placement: "bottom",
|
|
@@ -168,7 +167,7 @@ function useAutocomplete(originalProps) {
|
|
|
168
167
|
},
|
|
169
168
|
popoverProps
|
|
170
169
|
),
|
|
171
|
-
scrollShadowProps: (0,
|
|
170
|
+
scrollShadowProps: (0, import_shared_utils.mergeProps)(
|
|
172
171
|
{
|
|
173
172
|
ref: scrollShadowRef,
|
|
174
173
|
isEnabled: (_d = showScrollIndicators && state.collection.size > 5) != null ? _d : true,
|
|
@@ -177,7 +176,7 @@ function useAutocomplete(originalProps) {
|
|
|
177
176
|
},
|
|
178
177
|
scrollShadowProps
|
|
179
178
|
),
|
|
180
|
-
listboxProps: (0,
|
|
179
|
+
listboxProps: (0, import_shared_utils.mergeProps)(
|
|
181
180
|
{
|
|
182
181
|
hideEmptyContent: allowsCustomValue,
|
|
183
182
|
emptyContent: "No results found.",
|
|
@@ -185,7 +184,7 @@ function useAutocomplete(originalProps) {
|
|
|
185
184
|
},
|
|
186
185
|
listboxProps
|
|
187
186
|
),
|
|
188
|
-
selectorButtonProps: (0,
|
|
187
|
+
selectorButtonProps: (0, import_shared_utils.mergeProps)(
|
|
189
188
|
{
|
|
190
189
|
isLoading,
|
|
191
190
|
size: "sm",
|
|
@@ -197,7 +196,7 @@ function useAutocomplete(originalProps) {
|
|
|
197
196
|
},
|
|
198
197
|
selectorButtonProps
|
|
199
198
|
),
|
|
200
|
-
clearButtonProps: (0,
|
|
199
|
+
clearButtonProps: (0, import_shared_utils.mergeProps)(
|
|
201
200
|
{
|
|
202
201
|
size: "sm",
|
|
203
202
|
variant: "light",
|
|
@@ -282,7 +281,7 @@ function useAutocomplete(originalProps) {
|
|
|
282
281
|
var _a2;
|
|
283
282
|
return {
|
|
284
283
|
ref: buttonRef,
|
|
285
|
-
...(0,
|
|
284
|
+
...(0, import_shared_utils.mergeProps)(buttonProps, slotsProps.selectorButtonProps),
|
|
286
285
|
"data-open": (0, import_shared_utils.dataAttr)(state.isOpen),
|
|
287
286
|
className: slots.selectorButton({
|
|
288
287
|
class: (0, import_shared_utils.clsx)(classNames == null ? void 0 : classNames.selectorButton, (_a2 = slotsProps.selectorButtonProps) == null ? void 0 : _a2.className)
|
|
@@ -292,7 +291,7 @@ function useAutocomplete(originalProps) {
|
|
|
292
291
|
const getClearButtonProps = () => {
|
|
293
292
|
var _a2, _b2;
|
|
294
293
|
return {
|
|
295
|
-
...(0,
|
|
294
|
+
...(0, import_shared_utils.mergeProps)(buttonProps, slotsProps.clearButtonProps),
|
|
296
295
|
// disable original focus and state toggle from react aria
|
|
297
296
|
onPressStart: () => {
|
|
298
297
|
var _a3;
|
|
@@ -322,7 +321,7 @@ function useAutocomplete(originalProps) {
|
|
|
322
321
|
isInvalid: hasUncommittedValidation ? void 0 : isInvalid,
|
|
323
322
|
validationBehavior,
|
|
324
323
|
errorMessage: typeof errorMessage === "function" ? errorMessage({ isInvalid, validationErrors, validationDetails }) : errorMessage || (validationErrors == null ? void 0 : validationErrors.join(" ")),
|
|
325
|
-
onClick: (0,
|
|
324
|
+
onClick: (0, import_shared_utils.chain)(slotsProps.inputProps.onClick, otherProps.onClick)
|
|
326
325
|
});
|
|
327
326
|
const getListBoxProps = () => {
|
|
328
327
|
const shouldVirtualize = isVirtualized != null ? isVirtualized : state.collection.size > 50;
|
|
@@ -335,14 +334,14 @@ function useAutocomplete(originalProps) {
|
|
|
335
334
|
itemHeight
|
|
336
335
|
} : void 0,
|
|
337
336
|
scrollShadowProps: slotsProps.scrollShadowProps,
|
|
338
|
-
...(0,
|
|
337
|
+
...(0, import_shared_utils.mergeProps)(slotsProps.listboxProps, listBoxProps, {
|
|
339
338
|
shouldHighlightOnFocus: true
|
|
340
339
|
})
|
|
341
340
|
};
|
|
342
341
|
};
|
|
343
342
|
const getPopoverProps = (props2 = {}) => {
|
|
344
343
|
var _a2, _b2, _c2;
|
|
345
|
-
const popoverProps2 = (0,
|
|
344
|
+
const popoverProps2 = (0, import_shared_utils.mergeProps)(slotsProps.popoverProps, props2);
|
|
346
345
|
return {
|
|
347
346
|
state,
|
|
348
347
|
ref: popoverRef,
|
|
@@ -374,7 +373,7 @@ function useAutocomplete(originalProps) {
|
|
|
374
373
|
const getListBoxWrapperProps = (props2 = {}) => {
|
|
375
374
|
var _a2, _b2;
|
|
376
375
|
return {
|
|
377
|
-
...(0,
|
|
376
|
+
...(0, import_shared_utils.mergeProps)(slotsProps.scrollShadowProps, props2),
|
|
378
377
|
className: slots.listboxWrapper({
|
|
379
378
|
class: (0, import_shared_utils.clsx)(
|
|
380
379
|
classNames == null ? void 0 : classNames.listboxWrapper,
|
|
@@ -391,13 +390,13 @@ function useAutocomplete(originalProps) {
|
|
|
391
390
|
className: slots.endContentWrapper({
|
|
392
391
|
class: (0, import_shared_utils.clsx)(classNames == null ? void 0 : classNames.endContentWrapper, props2 == null ? void 0 : props2.className)
|
|
393
392
|
}),
|
|
394
|
-
onPointerDown: (0,
|
|
393
|
+
onPointerDown: (0, import_shared_utils.chain)(props2.onPointerDown, (e) => {
|
|
395
394
|
var _a2;
|
|
396
395
|
if (e.button === 0 && e.currentTarget === e.target) {
|
|
397
396
|
(_a2 = inputRef.current) == null ? void 0 : _a2.focus();
|
|
398
397
|
}
|
|
399
398
|
}),
|
|
400
|
-
onMouseDown: (0,
|
|
399
|
+
onMouseDown: (0, import_shared_utils.chain)(props2.onMouseDown, (e) => {
|
|
401
400
|
if (e.button === 0 && e.currentTarget === e.target) {
|
|
402
401
|
e.preventDefault();
|
|
403
402
|
}
|
package/dist/index.mjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
autocomplete_default
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-PRL2CTH4.mjs";
|
|
5
5
|
import {
|
|
6
6
|
useAutocomplete
|
|
7
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-JHANFQCV.mjs";
|
|
8
8
|
|
|
9
9
|
// src/index.ts
|
|
10
10
|
import { ListboxItem, ListboxSection } from "@heroui/listbox";
|
|
@@ -4,8 +4,8 @@ import { FilterFn } from '@react-stately/combobox';
|
|
|
4
4
|
import * as react from 'react';
|
|
5
5
|
import { ReactNode } from 'react';
|
|
6
6
|
import * as _heroui_system from '@heroui/system';
|
|
7
|
-
import { PropGetter, DOMAttributes
|
|
8
|
-
import {
|
|
7
|
+
import { HTMLHeroUIProps, PropGetter, DOMAttributes } from '@heroui/system';
|
|
8
|
+
import { SlotsToClasses, AutocompleteSlots, AutocompleteVariantProps } from '@heroui/theme';
|
|
9
9
|
import { ReactRef } from '@heroui/react-utils';
|
|
10
10
|
import { ComboBoxProps } from '@react-types/combobox';
|
|
11
11
|
import { PopoverProps } from '@heroui/popover';
|
|
@@ -4,8 +4,8 @@ import { FilterFn } from '@react-stately/combobox';
|
|
|
4
4
|
import * as react from 'react';
|
|
5
5
|
import { ReactNode } from 'react';
|
|
6
6
|
import * as _heroui_system from '@heroui/system';
|
|
7
|
-
import { PropGetter, DOMAttributes
|
|
8
|
-
import {
|
|
7
|
+
import { HTMLHeroUIProps, PropGetter, DOMAttributes } from '@heroui/system';
|
|
8
|
+
import { SlotsToClasses, AutocompleteSlots, AutocompleteVariantProps } from '@heroui/theme';
|
|
9
9
|
import { ReactRef } from '@heroui/react-utils';
|
|
10
10
|
import { ComboBoxProps } from '@react-types/combobox';
|
|
11
11
|
import { PopoverProps } from '@heroui/popover';
|
package/dist/use-autocomplete.js
CHANGED
|
@@ -24,7 +24,6 @@ __export(use_autocomplete_exports, {
|
|
|
24
24
|
useAutocomplete: () => useAutocomplete
|
|
25
25
|
});
|
|
26
26
|
module.exports = __toCommonJS(use_autocomplete_exports);
|
|
27
|
-
var import_utils = require("@react-aria/utils");
|
|
28
27
|
var import_shared_utils = require("@heroui/shared-utils");
|
|
29
28
|
var import_react = require("react");
|
|
30
29
|
var import_react_utils = require("@heroui/react-utils");
|
|
@@ -128,7 +127,7 @@ function useAutocomplete(originalProps) {
|
|
|
128
127
|
);
|
|
129
128
|
const isInvalid = originalProps.isInvalid || isAriaInvalid;
|
|
130
129
|
const slotsProps = {
|
|
131
|
-
inputProps: (0,
|
|
130
|
+
inputProps: (0, import_shared_utils.mergeProps)(
|
|
132
131
|
{
|
|
133
132
|
label,
|
|
134
133
|
ref: inputRef,
|
|
@@ -143,7 +142,7 @@ function useAutocomplete(originalProps) {
|
|
|
143
142
|
},
|
|
144
143
|
userInputProps
|
|
145
144
|
),
|
|
146
|
-
popoverProps: (0,
|
|
145
|
+
popoverProps: (0, import_shared_utils.mergeProps)(
|
|
147
146
|
{
|
|
148
147
|
offset: 5,
|
|
149
148
|
placement: "bottom",
|
|
@@ -152,7 +151,7 @@ function useAutocomplete(originalProps) {
|
|
|
152
151
|
},
|
|
153
152
|
popoverProps
|
|
154
153
|
),
|
|
155
|
-
scrollShadowProps: (0,
|
|
154
|
+
scrollShadowProps: (0, import_shared_utils.mergeProps)(
|
|
156
155
|
{
|
|
157
156
|
ref: scrollShadowRef,
|
|
158
157
|
isEnabled: (_d = showScrollIndicators && state.collection.size > 5) != null ? _d : true,
|
|
@@ -161,7 +160,7 @@ function useAutocomplete(originalProps) {
|
|
|
161
160
|
},
|
|
162
161
|
scrollShadowProps
|
|
163
162
|
),
|
|
164
|
-
listboxProps: (0,
|
|
163
|
+
listboxProps: (0, import_shared_utils.mergeProps)(
|
|
165
164
|
{
|
|
166
165
|
hideEmptyContent: allowsCustomValue,
|
|
167
166
|
emptyContent: "No results found.",
|
|
@@ -169,7 +168,7 @@ function useAutocomplete(originalProps) {
|
|
|
169
168
|
},
|
|
170
169
|
listboxProps
|
|
171
170
|
),
|
|
172
|
-
selectorButtonProps: (0,
|
|
171
|
+
selectorButtonProps: (0, import_shared_utils.mergeProps)(
|
|
173
172
|
{
|
|
174
173
|
isLoading,
|
|
175
174
|
size: "sm",
|
|
@@ -181,7 +180,7 @@ function useAutocomplete(originalProps) {
|
|
|
181
180
|
},
|
|
182
181
|
selectorButtonProps
|
|
183
182
|
),
|
|
184
|
-
clearButtonProps: (0,
|
|
183
|
+
clearButtonProps: (0, import_shared_utils.mergeProps)(
|
|
185
184
|
{
|
|
186
185
|
size: "sm",
|
|
187
186
|
variant: "light",
|
|
@@ -266,7 +265,7 @@ function useAutocomplete(originalProps) {
|
|
|
266
265
|
var _a2;
|
|
267
266
|
return {
|
|
268
267
|
ref: buttonRef,
|
|
269
|
-
...(0,
|
|
268
|
+
...(0, import_shared_utils.mergeProps)(buttonProps, slotsProps.selectorButtonProps),
|
|
270
269
|
"data-open": (0, import_shared_utils.dataAttr)(state.isOpen),
|
|
271
270
|
className: slots.selectorButton({
|
|
272
271
|
class: (0, import_shared_utils.clsx)(classNames == null ? void 0 : classNames.selectorButton, (_a2 = slotsProps.selectorButtonProps) == null ? void 0 : _a2.className)
|
|
@@ -276,7 +275,7 @@ function useAutocomplete(originalProps) {
|
|
|
276
275
|
const getClearButtonProps = () => {
|
|
277
276
|
var _a2, _b2;
|
|
278
277
|
return {
|
|
279
|
-
...(0,
|
|
278
|
+
...(0, import_shared_utils.mergeProps)(buttonProps, slotsProps.clearButtonProps),
|
|
280
279
|
// disable original focus and state toggle from react aria
|
|
281
280
|
onPressStart: () => {
|
|
282
281
|
var _a3;
|
|
@@ -306,7 +305,7 @@ function useAutocomplete(originalProps) {
|
|
|
306
305
|
isInvalid: hasUncommittedValidation ? void 0 : isInvalid,
|
|
307
306
|
validationBehavior,
|
|
308
307
|
errorMessage: typeof errorMessage === "function" ? errorMessage({ isInvalid, validationErrors, validationDetails }) : errorMessage || (validationErrors == null ? void 0 : validationErrors.join(" ")),
|
|
309
|
-
onClick: (0,
|
|
308
|
+
onClick: (0, import_shared_utils.chain)(slotsProps.inputProps.onClick, otherProps.onClick)
|
|
310
309
|
});
|
|
311
310
|
const getListBoxProps = () => {
|
|
312
311
|
const shouldVirtualize = isVirtualized != null ? isVirtualized : state.collection.size > 50;
|
|
@@ -319,14 +318,14 @@ function useAutocomplete(originalProps) {
|
|
|
319
318
|
itemHeight
|
|
320
319
|
} : void 0,
|
|
321
320
|
scrollShadowProps: slotsProps.scrollShadowProps,
|
|
322
|
-
...(0,
|
|
321
|
+
...(0, import_shared_utils.mergeProps)(slotsProps.listboxProps, listBoxProps, {
|
|
323
322
|
shouldHighlightOnFocus: true
|
|
324
323
|
})
|
|
325
324
|
};
|
|
326
325
|
};
|
|
327
326
|
const getPopoverProps = (props2 = {}) => {
|
|
328
327
|
var _a2, _b2, _c2;
|
|
329
|
-
const popoverProps2 = (0,
|
|
328
|
+
const popoverProps2 = (0, import_shared_utils.mergeProps)(slotsProps.popoverProps, props2);
|
|
330
329
|
return {
|
|
331
330
|
state,
|
|
332
331
|
ref: popoverRef,
|
|
@@ -358,7 +357,7 @@ function useAutocomplete(originalProps) {
|
|
|
358
357
|
const getListBoxWrapperProps = (props2 = {}) => {
|
|
359
358
|
var _a2, _b2;
|
|
360
359
|
return {
|
|
361
|
-
...(0,
|
|
360
|
+
...(0, import_shared_utils.mergeProps)(slotsProps.scrollShadowProps, props2),
|
|
362
361
|
className: slots.listboxWrapper({
|
|
363
362
|
class: (0, import_shared_utils.clsx)(
|
|
364
363
|
classNames == null ? void 0 : classNames.listboxWrapper,
|
|
@@ -375,13 +374,13 @@ function useAutocomplete(originalProps) {
|
|
|
375
374
|
className: slots.endContentWrapper({
|
|
376
375
|
class: (0, import_shared_utils.clsx)(classNames == null ? void 0 : classNames.endContentWrapper, props2 == null ? void 0 : props2.className)
|
|
377
376
|
}),
|
|
378
|
-
onPointerDown: (0,
|
|
377
|
+
onPointerDown: (0, import_shared_utils.chain)(props2.onPointerDown, (e) => {
|
|
379
378
|
var _a2;
|
|
380
379
|
if (e.button === 0 && e.currentTarget === e.target) {
|
|
381
380
|
(_a2 = inputRef.current) == null ? void 0 : _a2.focus();
|
|
382
381
|
}
|
|
383
382
|
}),
|
|
384
|
-
onMouseDown: (0,
|
|
383
|
+
onMouseDown: (0, import_shared_utils.chain)(props2.onMouseDown, (e) => {
|
|
385
384
|
if (e.button === 0 && e.currentTarget === e.target) {
|
|
386
385
|
e.preventDefault();
|
|
387
386
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@heroui/autocomplete",
|
|
3
|
-
"version": "2.3.23-beta.
|
|
3
|
+
"version": "2.3.23-beta.2",
|
|
4
4
|
"description": "An autocomplete combines a text input with a listbox, allowing users to filter a list of options to items matching a query.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"autocomplete"
|
|
@@ -34,21 +34,20 @@
|
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@react-aria/combobox": "3.12.5",
|
|
36
36
|
"@react-aria/i18n": "3.12.10",
|
|
37
|
-
"@react-aria/utils": "3.29.1",
|
|
38
37
|
"@react-stately/combobox": "3.10.6",
|
|
39
38
|
"@react-types/combobox": "3.13.6",
|
|
40
39
|
"@react-types/shared": "3.30.0",
|
|
41
|
-
"@heroui/
|
|
42
|
-
"@heroui/
|
|
43
|
-
"@heroui/button": "2.2.22-beta.
|
|
44
|
-
"@heroui/input": "2.4.22-beta.
|
|
45
|
-
"@heroui/listbox": "2.3.21-beta.
|
|
46
|
-
"@heroui/
|
|
47
|
-
"@heroui/
|
|
48
|
-
"@heroui/
|
|
49
|
-
"@heroui/
|
|
50
|
-
"@heroui/shared-utils": "2.1.10-beta.
|
|
51
|
-
"@heroui/use-safe-layout-effect": "2.1.8-beta.
|
|
40
|
+
"@heroui/aria-utils": "2.2.19-beta.2",
|
|
41
|
+
"@heroui/form": "2.1.21-beta.2",
|
|
42
|
+
"@heroui/button": "2.2.22-beta.2",
|
|
43
|
+
"@heroui/input": "2.4.22-beta.2",
|
|
44
|
+
"@heroui/listbox": "2.3.21-beta.2",
|
|
45
|
+
"@heroui/popover": "2.3.22-beta.2",
|
|
46
|
+
"@heroui/react-utils": "2.1.12-beta.2",
|
|
47
|
+
"@heroui/scroll-shadow": "2.3.15-beta.2",
|
|
48
|
+
"@heroui/shared-icons": "2.1.10-beta.2",
|
|
49
|
+
"@heroui/shared-utils": "2.1.10-beta.4",
|
|
50
|
+
"@heroui/use-safe-layout-effect": "2.1.8-beta.4"
|
|
52
51
|
},
|
|
53
52
|
"clean-package": "../../../clean-package.config.json",
|
|
54
53
|
"module": "dist/index.mjs",
|