@yamada-ui/autocomplete 0.0.0-dev-20231125084935 → 0.0.0-dev-20231125112239
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-create.js +1 -0
- package/dist/autocomplete-create.mjs +1 -1
- package/dist/autocomplete-empty.js +1 -0
- package/dist/autocomplete-empty.mjs +1 -1
- package/dist/autocomplete-icon.js +1 -0
- package/dist/autocomplete-icon.mjs +1 -1
- package/dist/autocomplete-list.js +3 -2
- package/dist/autocomplete-list.mjs +1 -1
- package/dist/autocomplete-option-group.d.mts +1 -1
- package/dist/autocomplete-option-group.d.ts +1 -1
- package/dist/autocomplete-option-group.js +1 -0
- package/dist/autocomplete-option-group.mjs +1 -1
- package/dist/autocomplete-option.d.mts +1 -1
- package/dist/autocomplete-option.d.ts +1 -1
- package/dist/autocomplete-option.js +1 -0
- package/dist/autocomplete-option.mjs +1 -1
- package/dist/autocomplete.d.mts +1 -1
- package/dist/autocomplete.d.ts +1 -1
- package/dist/autocomplete.js +7 -5
- package/dist/autocomplete.mjs +1 -1
- package/dist/{chunk-PBKSV4YJ.mjs → chunk-FUKAI7NL.mjs} +4 -2
- package/dist/index.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +12 -10
- package/dist/index.mjs +1 -1
- package/dist/multi-autocomplete.d.mts +1 -1
- package/dist/multi-autocomplete.d.ts +1 -1
- package/dist/multi-autocomplete.js +7 -5
- package/dist/multi-autocomplete.mjs +1 -1
- package/dist/{use-autocomplete-2c76e025.d.ts → use-autocomplete-67b1aea6.d.ts} +6 -16
- package/dist/use-autocomplete.d.mts +1 -1
- package/dist/use-autocomplete.d.ts +1 -1
- package/dist/use-autocomplete.js +4 -2
- package/dist/use-autocomplete.mjs +1 -1
- package/package.json +10 -10
|
@@ -37,6 +37,7 @@ var import_react2 = require("react");
|
|
|
37
37
|
// src/use-autocomplete.tsx
|
|
38
38
|
var import_core = require("@yamada-ui/core");
|
|
39
39
|
var import_form_control = require("@yamada-ui/form-control");
|
|
40
|
+
var import_popover = require("@yamada-ui/popover");
|
|
40
41
|
var import_use_controllable_state = require("@yamada-ui/use-controllable-state");
|
|
41
42
|
var import_use_descendant = require("@yamada-ui/use-descendant");
|
|
42
43
|
var import_use_outside_click = require("@yamada-ui/use-outside-click");
|
|
@@ -37,6 +37,7 @@ var import_react2 = require("react");
|
|
|
37
37
|
// src/use-autocomplete.tsx
|
|
38
38
|
var import_core = require("@yamada-ui/core");
|
|
39
39
|
var import_form_control = require("@yamada-ui/form-control");
|
|
40
|
+
var import_popover = require("@yamada-ui/popover");
|
|
40
41
|
var import_use_controllable_state = require("@yamada-ui/use-controllable-state");
|
|
41
42
|
var import_use_descendant = require("@yamada-ui/use-descendant");
|
|
42
43
|
var import_use_outside_click = require("@yamada-ui/use-outside-click");
|
|
@@ -35,6 +35,7 @@ var import_react2 = require("react");
|
|
|
35
35
|
// src/use-autocomplete.tsx
|
|
36
36
|
var import_core = require("@yamada-ui/core");
|
|
37
37
|
var import_form_control = require("@yamada-ui/form-control");
|
|
38
|
+
var import_popover = require("@yamada-ui/popover");
|
|
38
39
|
var import_use_controllable_state = require("@yamada-ui/use-controllable-state");
|
|
39
40
|
var import_use_descendant = require("@yamada-ui/use-descendant");
|
|
40
41
|
var import_use_outside_click = require("@yamada-ui/use-outside-click");
|
|
@@ -25,12 +25,13 @@ __export(autocomplete_list_exports, {
|
|
|
25
25
|
});
|
|
26
26
|
module.exports = __toCommonJS(autocomplete_list_exports);
|
|
27
27
|
var import_core2 = require("@yamada-ui/core");
|
|
28
|
-
var
|
|
28
|
+
var import_popover2 = require("@yamada-ui/popover");
|
|
29
29
|
var import_utils2 = require("@yamada-ui/utils");
|
|
30
30
|
|
|
31
31
|
// src/use-autocomplete.tsx
|
|
32
32
|
var import_core = require("@yamada-ui/core");
|
|
33
33
|
var import_form_control = require("@yamada-ui/form-control");
|
|
34
|
+
var import_popover = require("@yamada-ui/popover");
|
|
34
35
|
var import_use_controllable_state = require("@yamada-ui/use-controllable-state");
|
|
35
36
|
var import_use_descendant = require("@yamada-ui/use-descendant");
|
|
36
37
|
var import_use_outside_click = require("@yamada-ui/use-outside-click");
|
|
@@ -118,7 +119,7 @@ var AutocompleteList = (0, import_core2.forwardRef)(
|
|
|
118
119
|
minW = (_h = minW != null ? minW : minWidth) != null ? _h : (_g = (_e = styles.list) == null ? void 0 : _e.minW) != null ? _g : (_f = styles.list) == null ? void 0 : _f.minWidth;
|
|
119
120
|
const css = { ...styles.list };
|
|
120
121
|
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
121
|
-
|
|
122
|
+
import_popover2.PopoverContent,
|
|
122
123
|
{
|
|
123
124
|
className: (0, import_utils2.cx)("ui-autocomplete__list", className),
|
|
124
125
|
w,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as _yamada_ui_core from '@yamada-ui/core';
|
|
2
2
|
import { HTMLUIProps } from '@yamada-ui/core';
|
|
3
|
-
import { U as UseAutocompleteOptionGroupProps } from './use-autocomplete-
|
|
3
|
+
import { U as UseAutocompleteOptionGroupProps } from './use-autocomplete-67b1aea6.js';
|
|
4
4
|
import 'react/jsx-runtime';
|
|
5
5
|
import 'react';
|
|
6
6
|
import '@yamada-ui/form-control';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as _yamada_ui_core from '@yamada-ui/core';
|
|
2
2
|
import { HTMLUIProps } from '@yamada-ui/core';
|
|
3
|
-
import { U as UseAutocompleteOptionGroupProps } from './use-autocomplete-
|
|
3
|
+
import { U as UseAutocompleteOptionGroupProps } from './use-autocomplete-67b1aea6.js';
|
|
4
4
|
import 'react/jsx-runtime';
|
|
5
5
|
import 'react';
|
|
6
6
|
import '@yamada-ui/form-control';
|
|
@@ -30,6 +30,7 @@ var import_utils2 = require("@yamada-ui/utils");
|
|
|
30
30
|
// src/use-autocomplete.tsx
|
|
31
31
|
var import_core = require("@yamada-ui/core");
|
|
32
32
|
var import_form_control = require("@yamada-ui/form-control");
|
|
33
|
+
var import_popover = require("@yamada-ui/popover");
|
|
33
34
|
var import_use_controllable_state = require("@yamada-ui/use-controllable-state");
|
|
34
35
|
var import_use_descendant = require("@yamada-ui/use-descendant");
|
|
35
36
|
var import_use_outside_click = require("@yamada-ui/use-outside-click");
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import '@yamada-ui/core';
|
|
2
2
|
import 'react';
|
|
3
|
-
export { A as AutocompleteOption, a as AutocompleteOptionProps } from './use-autocomplete-
|
|
3
|
+
export { A as AutocompleteOption, a as AutocompleteOptionProps } from './use-autocomplete-67b1aea6.js';
|
|
4
4
|
import 'react/jsx-runtime';
|
|
5
5
|
import '@yamada-ui/form-control';
|
|
6
6
|
import '@yamada-ui/popover';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import '@yamada-ui/core';
|
|
2
2
|
import 'react';
|
|
3
|
-
export { A as AutocompleteOption, a as AutocompleteOptionProps } from './use-autocomplete-
|
|
3
|
+
export { A as AutocompleteOption, a as AutocompleteOptionProps } from './use-autocomplete-67b1aea6.js';
|
|
4
4
|
import 'react/jsx-runtime';
|
|
5
5
|
import '@yamada-ui/form-control';
|
|
6
6
|
import '@yamada-ui/popover';
|
|
@@ -37,6 +37,7 @@ var import_react2 = require("react");
|
|
|
37
37
|
// src/use-autocomplete.tsx
|
|
38
38
|
var import_core = require("@yamada-ui/core");
|
|
39
39
|
var import_form_control = require("@yamada-ui/form-control");
|
|
40
|
+
var import_popover = require("@yamada-ui/popover");
|
|
40
41
|
var import_use_controllable_state = require("@yamada-ui/use-controllable-state");
|
|
41
42
|
var import_use_descendant = require("@yamada-ui/use-descendant");
|
|
42
43
|
var import_use_outside_click = require("@yamada-ui/use-outside-click");
|
package/dist/autocomplete.d.mts
CHANGED
|
@@ -2,7 +2,7 @@ import * as _yamada_ui_core from '@yamada-ui/core';
|
|
|
2
2
|
import { ThemeProps, HTMLUIProps } from '@yamada-ui/core';
|
|
3
3
|
import { AutocompleteIconProps } from './autocomplete-icon.mjs';
|
|
4
4
|
import { AutocompleteListProps } from './autocomplete-list.mjs';
|
|
5
|
-
import { c as UseAutocompleteProps } from './use-autocomplete-
|
|
5
|
+
import { c as UseAutocompleteProps } from './use-autocomplete-67b1aea6.js';
|
|
6
6
|
import 'react';
|
|
7
7
|
import 'react/jsx-runtime';
|
|
8
8
|
import '@yamada-ui/form-control';
|
package/dist/autocomplete.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import * as _yamada_ui_core from '@yamada-ui/core';
|
|
|
2
2
|
import { ThemeProps, HTMLUIProps } from '@yamada-ui/core';
|
|
3
3
|
import { AutocompleteIconProps } from './autocomplete-icon.js';
|
|
4
4
|
import { AutocompleteListProps } from './autocomplete-list.js';
|
|
5
|
-
import { c as UseAutocompleteProps } from './use-autocomplete-
|
|
5
|
+
import { c as UseAutocompleteProps } from './use-autocomplete-67b1aea6.js';
|
|
6
6
|
import 'react';
|
|
7
7
|
import 'react/jsx-runtime';
|
|
8
8
|
import '@yamada-ui/form-control';
|
package/dist/autocomplete.js
CHANGED
|
@@ -25,7 +25,7 @@ __export(autocomplete_exports, {
|
|
|
25
25
|
});
|
|
26
26
|
module.exports = __toCommonJS(autocomplete_exports);
|
|
27
27
|
var import_core8 = require("@yamada-ui/core");
|
|
28
|
-
var
|
|
28
|
+
var import_popover3 = require("@yamada-ui/popover");
|
|
29
29
|
var import_utils8 = require("@yamada-ui/utils");
|
|
30
30
|
|
|
31
31
|
// src/autocomplete-icon.tsx
|
|
@@ -38,6 +38,7 @@ var import_react2 = require("react");
|
|
|
38
38
|
// src/use-autocomplete.tsx
|
|
39
39
|
var import_core6 = require("@yamada-ui/core");
|
|
40
40
|
var import_form_control = require("@yamada-ui/form-control");
|
|
41
|
+
var import_popover2 = require("@yamada-ui/popover");
|
|
41
42
|
var import_use_controllable_state = require("@yamada-ui/use-controllable-state");
|
|
42
43
|
var import_use_descendant = require("@yamada-ui/use-descendant");
|
|
43
44
|
var import_use_outside_click = require("@yamada-ui/use-outside-click");
|
|
@@ -404,12 +405,13 @@ var useAutocomplete = ({
|
|
|
404
405
|
const formControlProps = (0, import_utils6.pickObject)(rest, import_form_control.formControlProperties);
|
|
405
406
|
const [containerProps, inputProps] = (0, import_utils6.splitObject)(
|
|
406
407
|
(0, import_utils6.omitObject)(rest, [
|
|
408
|
+
...import_popover2.popoverProperties,
|
|
407
409
|
"id",
|
|
408
410
|
"value",
|
|
409
411
|
"defaultValue",
|
|
410
412
|
"onChange",
|
|
411
|
-
"
|
|
412
|
-
"
|
|
413
|
+
"onCreate",
|
|
414
|
+
"onSearch"
|
|
413
415
|
]),
|
|
414
416
|
import_core6.layoutStylesProperties
|
|
415
417
|
);
|
|
@@ -1494,7 +1496,7 @@ var Autocomplete = (0, import_core8.forwardRef)(
|
|
|
1494
1496
|
isEmpty,
|
|
1495
1497
|
styles
|
|
1496
1498
|
},
|
|
1497
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
1499
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_popover3.Popover, { ...getPopoverProps(), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
|
|
1498
1500
|
import_core8.ui.div,
|
|
1499
1501
|
{
|
|
1500
1502
|
className: (0, import_utils8.cx)("ui-autocomplete", className),
|
|
@@ -1535,7 +1537,7 @@ var AutocompleteField = (0, import_core8.forwardRef)(
|
|
|
1535
1537
|
...styles.field,
|
|
1536
1538
|
cursor: "text"
|
|
1537
1539
|
};
|
|
1538
|
-
return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
1540
|
+
return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_popover3.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
1539
1541
|
import_core8.ui.div,
|
|
1540
1542
|
{
|
|
1541
1543
|
className: (0, import_utils8.cx)("ui-autocomplete__field", className),
|
package/dist/autocomplete.mjs
CHANGED
|
@@ -11,6 +11,7 @@ import {
|
|
|
11
11
|
formControlProperties,
|
|
12
12
|
useFormControlProps
|
|
13
13
|
} from "@yamada-ui/form-control";
|
|
14
|
+
import { popoverProperties } from "@yamada-ui/popover";
|
|
14
15
|
import { useControllableState } from "@yamada-ui/use-controllable-state";
|
|
15
16
|
import { createDescendant } from "@yamada-ui/use-descendant";
|
|
16
17
|
import { useOutsideClick } from "@yamada-ui/use-outside-click";
|
|
@@ -797,12 +798,13 @@ var useAutocomplete = ({
|
|
|
797
798
|
const formControlProps = pickObject(rest, formControlProperties);
|
|
798
799
|
const [containerProps, inputProps] = splitObject(
|
|
799
800
|
omitObject(rest, [
|
|
801
|
+
...popoverProperties,
|
|
800
802
|
"id",
|
|
801
803
|
"value",
|
|
802
804
|
"defaultValue",
|
|
803
805
|
"onChange",
|
|
804
|
-
"
|
|
805
|
-
"
|
|
806
|
+
"onCreate",
|
|
807
|
+
"onSearch"
|
|
806
808
|
]),
|
|
807
809
|
layoutStylesProperties
|
|
808
810
|
);
|
package/dist/index.d.mts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { Autocomplete, AutocompleteProps } from './autocomplete.mjs';
|
|
2
2
|
export { AutocompleteOptionGroup, AutocompleteOptionGroupProps } from './autocomplete-option-group.mjs';
|
|
3
|
-
export { b as AutocompleteItem, A as AutocompleteOption, a as AutocompleteOptionProps } from './use-autocomplete-
|
|
3
|
+
export { b as AutocompleteItem, A as AutocompleteOption, a as AutocompleteOptionProps } from './use-autocomplete-67b1aea6.js';
|
|
4
4
|
export { AutocompleteCreate, AutocompleteCreateProps } from './autocomplete-create.mjs';
|
|
5
5
|
export { AutocompleteEmpty, AutocompleteEmptyProps } from './autocomplete-empty.mjs';
|
|
6
6
|
export { MultiAutocomplete, MultiAutocompleteProps } from './multi-autocomplete.mjs';
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { Autocomplete, AutocompleteProps } from './autocomplete.js';
|
|
2
2
|
export { AutocompleteOptionGroup, AutocompleteOptionGroupProps } from './autocomplete-option-group.js';
|
|
3
|
-
export { b as AutocompleteItem, A as AutocompleteOption, a as AutocompleteOptionProps } from './use-autocomplete-
|
|
3
|
+
export { b as AutocompleteItem, A as AutocompleteOption, a as AutocompleteOptionProps } from './use-autocomplete-67b1aea6.js';
|
|
4
4
|
export { AutocompleteCreate, AutocompleteCreateProps } from './autocomplete-create.js';
|
|
5
5
|
export { AutocompleteEmpty, AutocompleteEmptyProps } from './autocomplete-empty.js';
|
|
6
6
|
export { MultiAutocomplete, MultiAutocompleteProps } from './multi-autocomplete.js';
|
package/dist/index.js
CHANGED
|
@@ -32,7 +32,7 @@ module.exports = __toCommonJS(src_exports);
|
|
|
32
32
|
|
|
33
33
|
// src/autocomplete.tsx
|
|
34
34
|
var import_core4 = require("@yamada-ui/core");
|
|
35
|
-
var
|
|
35
|
+
var import_popover3 = require("@yamada-ui/popover");
|
|
36
36
|
var import_utils4 = require("@yamada-ui/utils");
|
|
37
37
|
|
|
38
38
|
// src/autocomplete-icon.tsx
|
|
@@ -45,6 +45,7 @@ var import_react2 = require("react");
|
|
|
45
45
|
// src/use-autocomplete.tsx
|
|
46
46
|
var import_core = require("@yamada-ui/core");
|
|
47
47
|
var import_form_control = require("@yamada-ui/form-control");
|
|
48
|
+
var import_popover = require("@yamada-ui/popover");
|
|
48
49
|
var import_use_controllable_state = require("@yamada-ui/use-controllable-state");
|
|
49
50
|
var import_use_descendant = require("@yamada-ui/use-descendant");
|
|
50
51
|
var import_use_outside_click = require("@yamada-ui/use-outside-click");
|
|
@@ -205,12 +206,13 @@ var useAutocomplete = ({
|
|
|
205
206
|
const formControlProps = (0, import_utils.pickObject)(rest, import_form_control.formControlProperties);
|
|
206
207
|
const [containerProps, inputProps] = (0, import_utils.splitObject)(
|
|
207
208
|
(0, import_utils.omitObject)(rest, [
|
|
209
|
+
...import_popover.popoverProperties,
|
|
208
210
|
"id",
|
|
209
211
|
"value",
|
|
210
212
|
"defaultValue",
|
|
211
213
|
"onChange",
|
|
212
|
-
"
|
|
213
|
-
"
|
|
214
|
+
"onCreate",
|
|
215
|
+
"onSearch"
|
|
214
216
|
]),
|
|
215
217
|
import_core.layoutStylesProperties
|
|
216
218
|
);
|
|
@@ -1268,7 +1270,7 @@ var AutocompleteItemIcon = (0, import_core2.forwardRef)(({ className, ...rest },
|
|
|
1268
1270
|
|
|
1269
1271
|
// src/autocomplete-list.tsx
|
|
1270
1272
|
var import_core3 = require("@yamada-ui/core");
|
|
1271
|
-
var
|
|
1273
|
+
var import_popover2 = require("@yamada-ui/popover");
|
|
1272
1274
|
var import_utils3 = require("@yamada-ui/utils");
|
|
1273
1275
|
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
1274
1276
|
var AutocompleteList = (0, import_core3.forwardRef)(
|
|
@@ -1280,7 +1282,7 @@ var AutocompleteList = (0, import_core3.forwardRef)(
|
|
|
1280
1282
|
minW = (_h = minW != null ? minW : minWidth) != null ? _h : (_g = (_e = styles.list) == null ? void 0 : _e.minW) != null ? _g : (_f = styles.list) == null ? void 0 : _f.minWidth;
|
|
1281
1283
|
const css = { ...styles.list };
|
|
1282
1284
|
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
1283
|
-
|
|
1285
|
+
import_popover2.PopoverContent,
|
|
1284
1286
|
{
|
|
1285
1287
|
className: (0, import_utils3.cx)("ui-autocomplete__list", className),
|
|
1286
1288
|
w,
|
|
@@ -1344,7 +1346,7 @@ var Autocomplete = (0, import_core4.forwardRef)(
|
|
|
1344
1346
|
isEmpty,
|
|
1345
1347
|
styles
|
|
1346
1348
|
},
|
|
1347
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
1349
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover3.Popover, { ...getPopoverProps(), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
|
|
1348
1350
|
import_core4.ui.div,
|
|
1349
1351
|
{
|
|
1350
1352
|
className: (0, import_utils4.cx)("ui-autocomplete", className),
|
|
@@ -1385,7 +1387,7 @@ var AutocompleteField = (0, import_core4.forwardRef)(
|
|
|
1385
1387
|
...styles.field,
|
|
1386
1388
|
cursor: "text"
|
|
1387
1389
|
};
|
|
1388
|
-
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
1390
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover3.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
1389
1391
|
import_core4.ui.div,
|
|
1390
1392
|
{
|
|
1391
1393
|
className: (0, import_utils4.cx)("ui-autocomplete__field", className),
|
|
@@ -1589,7 +1591,7 @@ var MinusIcon = () => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("svg", { view
|
|
|
1589
1591
|
|
|
1590
1592
|
// src/multi-autocomplete.tsx
|
|
1591
1593
|
var import_core9 = require("@yamada-ui/core");
|
|
1592
|
-
var
|
|
1594
|
+
var import_popover4 = require("@yamada-ui/popover");
|
|
1593
1595
|
var import_utils9 = require("@yamada-ui/utils");
|
|
1594
1596
|
var import_react3 = require("react");
|
|
1595
1597
|
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
@@ -1660,7 +1662,7 @@ var MultiAutocomplete = (0, import_core9.forwardRef)(
|
|
|
1660
1662
|
isEmpty,
|
|
1661
1663
|
styles
|
|
1662
1664
|
},
|
|
1663
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
1665
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_popover4.Popover, { ...getPopoverProps(), children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
|
|
1664
1666
|
import_core9.ui.div,
|
|
1665
1667
|
{
|
|
1666
1668
|
className: (0, import_utils9.cx)("ui-autocomplete", className),
|
|
@@ -1765,7 +1767,7 @@ var MultiAutocompleteField = (0, import_core9.forwardRef)(
|
|
|
1765
1767
|
...styles.field,
|
|
1766
1768
|
cursor: "text"
|
|
1767
1769
|
};
|
|
1768
|
-
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
|
|
1770
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_popover4.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
|
|
1769
1771
|
import_core9.ui.div,
|
|
1770
1772
|
{
|
|
1771
1773
|
className: (0, import_utils9.cx)("ui-autocomplete__field", className),
|
package/dist/index.mjs
CHANGED
|
@@ -3,7 +3,7 @@ import { ThemeProps, HTMLUIProps } from '@yamada-ui/core';
|
|
|
3
3
|
import { FC, MouseEventHandler } from 'react';
|
|
4
4
|
import { AutocompleteIconProps } from './autocomplete-icon.mjs';
|
|
5
5
|
import { AutocompleteListProps } from './autocomplete-list.mjs';
|
|
6
|
-
import { c as UseAutocompleteProps } from './use-autocomplete-
|
|
6
|
+
import { c as UseAutocompleteProps } from './use-autocomplete-67b1aea6.js';
|
|
7
7
|
import 'react/jsx-runtime';
|
|
8
8
|
import '@yamada-ui/form-control';
|
|
9
9
|
import '@yamada-ui/popover';
|
|
@@ -3,7 +3,7 @@ import { ThemeProps, HTMLUIProps } from '@yamada-ui/core';
|
|
|
3
3
|
import { FC, MouseEventHandler } from 'react';
|
|
4
4
|
import { AutocompleteIconProps } from './autocomplete-icon.js';
|
|
5
5
|
import { AutocompleteListProps } from './autocomplete-list.js';
|
|
6
|
-
import { c as UseAutocompleteProps } from './use-autocomplete-
|
|
6
|
+
import { c as UseAutocompleteProps } from './use-autocomplete-67b1aea6.js';
|
|
7
7
|
import 'react/jsx-runtime';
|
|
8
8
|
import '@yamada-ui/form-control';
|
|
9
9
|
import '@yamada-ui/popover';
|
|
@@ -25,7 +25,7 @@ __export(multi_autocomplete_exports, {
|
|
|
25
25
|
});
|
|
26
26
|
module.exports = __toCommonJS(multi_autocomplete_exports);
|
|
27
27
|
var import_core8 = require("@yamada-ui/core");
|
|
28
|
-
var
|
|
28
|
+
var import_popover3 = require("@yamada-ui/popover");
|
|
29
29
|
var import_utils8 = require("@yamada-ui/utils");
|
|
30
30
|
var import_react3 = require("react");
|
|
31
31
|
|
|
@@ -39,6 +39,7 @@ var import_react2 = require("react");
|
|
|
39
39
|
// src/use-autocomplete.tsx
|
|
40
40
|
var import_core6 = require("@yamada-ui/core");
|
|
41
41
|
var import_form_control = require("@yamada-ui/form-control");
|
|
42
|
+
var import_popover2 = require("@yamada-ui/popover");
|
|
42
43
|
var import_use_controllable_state = require("@yamada-ui/use-controllable-state");
|
|
43
44
|
var import_use_descendant = require("@yamada-ui/use-descendant");
|
|
44
45
|
var import_use_outside_click = require("@yamada-ui/use-outside-click");
|
|
@@ -405,12 +406,13 @@ var useAutocomplete = ({
|
|
|
405
406
|
const formControlProps = (0, import_utils6.pickObject)(rest, import_form_control.formControlProperties);
|
|
406
407
|
const [containerProps, inputProps] = (0, import_utils6.splitObject)(
|
|
407
408
|
(0, import_utils6.omitObject)(rest, [
|
|
409
|
+
...import_popover2.popoverProperties,
|
|
408
410
|
"id",
|
|
409
411
|
"value",
|
|
410
412
|
"defaultValue",
|
|
411
413
|
"onChange",
|
|
412
|
-
"
|
|
413
|
-
"
|
|
414
|
+
"onCreate",
|
|
415
|
+
"onSearch"
|
|
414
416
|
]),
|
|
415
417
|
import_core6.layoutStylesProperties
|
|
416
418
|
);
|
|
@@ -1535,7 +1537,7 @@ var MultiAutocomplete = (0, import_core8.forwardRef)(
|
|
|
1535
1537
|
isEmpty,
|
|
1536
1538
|
styles
|
|
1537
1539
|
},
|
|
1538
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
1540
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_popover3.Popover, { ...getPopoverProps(), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
|
|
1539
1541
|
import_core8.ui.div,
|
|
1540
1542
|
{
|
|
1541
1543
|
className: (0, import_utils8.cx)("ui-autocomplete", className),
|
|
@@ -1640,7 +1642,7 @@ var MultiAutocompleteField = (0, import_core8.forwardRef)(
|
|
|
1640
1642
|
...styles.field,
|
|
1641
1643
|
cursor: "text"
|
|
1642
1644
|
};
|
|
1643
|
-
return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
1645
|
+
return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_popover3.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
|
|
1644
1646
|
import_core8.ui.div,
|
|
1645
1647
|
{
|
|
1646
1648
|
className: (0, import_utils8.cx)("ui-autocomplete__field", className),
|
|
@@ -394,9 +394,7 @@ declare const AutocompleteDescendantsContextProvider: react.Provider<{
|
|
|
394
394
|
} & {
|
|
395
395
|
node: HTMLElement;
|
|
396
396
|
index: number;
|
|
397
|
-
})[];
|
|
398
|
-
* The value of the autocomplete.
|
|
399
|
-
*/
|
|
397
|
+
})[];
|
|
400
398
|
enabledValue: (index: number, filter?: ((value: {
|
|
401
399
|
disabled?: boolean | undefined;
|
|
402
400
|
id?: string | undefined;
|
|
@@ -993,9 +991,7 @@ declare const useAutocompleteDescendantsContext: () => {
|
|
|
993
991
|
} & {
|
|
994
992
|
node: HTMLElement;
|
|
995
993
|
index: number;
|
|
996
|
-
})[];
|
|
997
|
-
* The value of the autocomplete.
|
|
998
|
-
*/
|
|
994
|
+
})[];
|
|
999
995
|
enabledValue: (index: number, filter?: ((value: {
|
|
1000
996
|
disabled?: boolean | undefined;
|
|
1001
997
|
id?: string | undefined;
|
|
@@ -1592,9 +1588,7 @@ declare const useAutocompleteDescendants: () => {
|
|
|
1592
1588
|
} & {
|
|
1593
1589
|
node: HTMLElement;
|
|
1594
1590
|
index: number;
|
|
1595
|
-
})[];
|
|
1596
|
-
* The value of the autocomplete.
|
|
1597
|
-
*/
|
|
1591
|
+
})[];
|
|
1598
1592
|
enabledValue: (index: number, filter?: ((value: {
|
|
1599
1593
|
disabled?: boolean | undefined;
|
|
1600
1594
|
id?: string | undefined;
|
|
@@ -2762,9 +2756,7 @@ declare const useAutocompleteDescendant: (options?: {
|
|
|
2762
2756
|
} & {
|
|
2763
2757
|
node: HTMLElement;
|
|
2764
2758
|
index: number;
|
|
2765
|
-
})[];
|
|
2766
|
-
* The value of the autocomplete.
|
|
2767
|
-
*/
|
|
2759
|
+
})[];
|
|
2768
2760
|
enabledValue: (index: number, filter?: ((value: {
|
|
2769
2761
|
disabled?: boolean | undefined;
|
|
2770
2762
|
id?: string | undefined;
|
|
@@ -3805,9 +3797,7 @@ declare const useAutocomplete: <T extends string | string[] = string>({ defaultI
|
|
|
3805
3797
|
} & {
|
|
3806
3798
|
node: HTMLElement;
|
|
3807
3799
|
index: number;
|
|
3808
|
-
})[];
|
|
3809
|
-
* The value of the autocomplete.
|
|
3810
|
-
*/
|
|
3800
|
+
})[];
|
|
3811
3801
|
enabledValue: (index: number, filter?: ((value: {
|
|
3812
3802
|
disabled?: boolean | undefined;
|
|
3813
3803
|
id?: string | undefined;
|
|
@@ -4075,7 +4065,7 @@ declare const useAutocomplete: <T extends string | string[] = string>({ defaultI
|
|
|
4075
4065
|
getPopoverProps: (props?: PopoverProps) => PopoverProps;
|
|
4076
4066
|
getContainerProps: PropGetter;
|
|
4077
4067
|
getFieldProps: PropGetter;
|
|
4078
|
-
inputProps: Omit<
|
|
4068
|
+
inputProps: Omit<Dict, string>;
|
|
4079
4069
|
};
|
|
4080
4070
|
type UseAutocompleteReturn = ReturnType<typeof useAutocomplete>;
|
|
4081
4071
|
declare const useAutocompleteInput: () => {
|
|
@@ -4,4 +4,4 @@ import '@yamada-ui/core';
|
|
|
4
4
|
import '@yamada-ui/form-control';
|
|
5
5
|
import '@yamada-ui/popover';
|
|
6
6
|
import '@yamada-ui/utils';
|
|
7
|
-
export { d as AutocompleteDescendantsContextProvider, b as AutocompleteItem, g as AutocompleteProvider, t as UseAutocompleteCreateReturn, w as UseAutocompleteEmptyReturn, l as UseAutocompleteInputReturn, U as UseAutocompleteOptionGroupProps, o as UseAutocompleteOptionGroupReturn, p as UseAutocompleteOptionProps, r as UseAutocompleteOptionReturn, c as UseAutocompleteProps, j as UseAutocompleteReturn, i as useAutocomplete, h as useAutocompleteContext, s as useAutocompleteCreate, f as useAutocompleteDescendant, e as useAutocompleteDescendants, u as useAutocompleteDescendantsContext, v as useAutocompleteEmpty, k as useAutocompleteInput, m as useAutocompleteList, q as useAutocompleteOption, n as useAutocompleteOptionGroup } from './use-autocomplete-
|
|
7
|
+
export { d as AutocompleteDescendantsContextProvider, b as AutocompleteItem, g as AutocompleteProvider, t as UseAutocompleteCreateReturn, w as UseAutocompleteEmptyReturn, l as UseAutocompleteInputReturn, U as UseAutocompleteOptionGroupProps, o as UseAutocompleteOptionGroupReturn, p as UseAutocompleteOptionProps, r as UseAutocompleteOptionReturn, c as UseAutocompleteProps, j as UseAutocompleteReturn, i as useAutocomplete, h as useAutocompleteContext, s as useAutocompleteCreate, f as useAutocompleteDescendant, e as useAutocompleteDescendants, u as useAutocompleteDescendantsContext, v as useAutocompleteEmpty, k as useAutocompleteInput, m as useAutocompleteList, q as useAutocompleteOption, n as useAutocompleteOptionGroup } from './use-autocomplete-67b1aea6.js';
|
|
@@ -4,4 +4,4 @@ import '@yamada-ui/core';
|
|
|
4
4
|
import '@yamada-ui/form-control';
|
|
5
5
|
import '@yamada-ui/popover';
|
|
6
6
|
import '@yamada-ui/utils';
|
|
7
|
-
export { d as AutocompleteDescendantsContextProvider, b as AutocompleteItem, g as AutocompleteProvider, t as UseAutocompleteCreateReturn, w as UseAutocompleteEmptyReturn, l as UseAutocompleteInputReturn, U as UseAutocompleteOptionGroupProps, o as UseAutocompleteOptionGroupReturn, p as UseAutocompleteOptionProps, r as UseAutocompleteOptionReturn, c as UseAutocompleteProps, j as UseAutocompleteReturn, i as useAutocomplete, h as useAutocompleteContext, s as useAutocompleteCreate, f as useAutocompleteDescendant, e as useAutocompleteDescendants, u as useAutocompleteDescendantsContext, v as useAutocompleteEmpty, k as useAutocompleteInput, m as useAutocompleteList, q as useAutocompleteOption, n as useAutocompleteOptionGroup } from './use-autocomplete-
|
|
7
|
+
export { d as AutocompleteDescendantsContextProvider, b as AutocompleteItem, g as AutocompleteProvider, t as UseAutocompleteCreateReturn, w as UseAutocompleteEmptyReturn, l as UseAutocompleteInputReturn, U as UseAutocompleteOptionGroupProps, o as UseAutocompleteOptionGroupReturn, p as UseAutocompleteOptionProps, r as UseAutocompleteOptionReturn, c as UseAutocompleteProps, j as UseAutocompleteReturn, i as useAutocomplete, h as useAutocompleteContext, s as useAutocompleteCreate, f as useAutocompleteDescendant, e as useAutocompleteDescendants, u as useAutocompleteDescendantsContext, v as useAutocompleteEmpty, k as useAutocompleteInput, m as useAutocompleteList, q as useAutocompleteOption, n as useAutocompleteOptionGroup } from './use-autocomplete-67b1aea6.js';
|
package/dist/use-autocomplete.js
CHANGED
|
@@ -38,6 +38,7 @@ __export(use_autocomplete_exports, {
|
|
|
38
38
|
module.exports = __toCommonJS(use_autocomplete_exports);
|
|
39
39
|
var import_core4 = require("@yamada-ui/core");
|
|
40
40
|
var import_form_control = require("@yamada-ui/form-control");
|
|
41
|
+
var import_popover = require("@yamada-ui/popover");
|
|
41
42
|
var import_use_controllable_state = require("@yamada-ui/use-controllable-state");
|
|
42
43
|
var import_use_descendant = require("@yamada-ui/use-descendant");
|
|
43
44
|
var import_use_outside_click = require("@yamada-ui/use-outside-click");
|
|
@@ -356,12 +357,13 @@ var useAutocomplete = ({
|
|
|
356
357
|
const formControlProps = (0, import_utils4.pickObject)(rest, import_form_control.formControlProperties);
|
|
357
358
|
const [containerProps, inputProps] = (0, import_utils4.splitObject)(
|
|
358
359
|
(0, import_utils4.omitObject)(rest, [
|
|
360
|
+
...import_popover.popoverProperties,
|
|
359
361
|
"id",
|
|
360
362
|
"value",
|
|
361
363
|
"defaultValue",
|
|
362
364
|
"onChange",
|
|
363
|
-
"
|
|
364
|
-
"
|
|
365
|
+
"onCreate",
|
|
366
|
+
"onSearch"
|
|
365
367
|
]),
|
|
366
368
|
import_core4.layoutStylesProperties
|
|
367
369
|
);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@yamada-ui/autocomplete",
|
|
3
|
-
"version": "0.0.0-dev-
|
|
3
|
+
"version": "0.0.0-dev-20231125112239",
|
|
4
4
|
"description": "Yamada UI autocomplete component",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"yamada",
|
|
@@ -36,16 +36,16 @@
|
|
|
36
36
|
"url": "https://github.com/hirotomoyamada/yamada-ui/issues"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@yamada-ui/core": "0.0.0-dev-
|
|
39
|
+
"@yamada-ui/core": "0.0.0-dev-20231125112239",
|
|
40
40
|
"@yamada-ui/utils": "0.3.3",
|
|
41
|
-
"@yamada-ui/icon": "0.0.0-dev-
|
|
42
|
-
"@yamada-ui/select": "0.0.0-dev-
|
|
43
|
-
"@yamada-ui/form-control": "0.0.0-dev-
|
|
44
|
-
"@yamada-ui/popover": "0.0.0-dev-
|
|
45
|
-
"@yamada-ui/use-descendant": "0.0.0-dev-
|
|
46
|
-
"@yamada-ui/use-clickable": "0.0.0-dev-
|
|
47
|
-
"@yamada-ui/use-outside-click": "0.0.0-dev-
|
|
48
|
-
"@yamada-ui/use-controllable-state": "0.0.0-dev-
|
|
41
|
+
"@yamada-ui/icon": "0.0.0-dev-20231125112239",
|
|
42
|
+
"@yamada-ui/select": "0.0.0-dev-20231125112239",
|
|
43
|
+
"@yamada-ui/form-control": "0.0.0-dev-20231125112239",
|
|
44
|
+
"@yamada-ui/popover": "0.0.0-dev-20231125112239",
|
|
45
|
+
"@yamada-ui/use-descendant": "0.0.0-dev-20231125112239",
|
|
46
|
+
"@yamada-ui/use-clickable": "0.0.0-dev-20231125112239",
|
|
47
|
+
"@yamada-ui/use-outside-click": "0.0.0-dev-20231125112239",
|
|
48
|
+
"@yamada-ui/use-controllable-state": "0.0.0-dev-20231125112239"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
51
51
|
"react": "^18.0.0",
|