@m4l/components 9.80.0 → 9.80.1-beta-docs-autocomplete-async-with-add-mf-sync.1
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/components/extended/mui/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/components/extended/mui/Autocomplete/Autocomplete.js +55 -54
- package/components/extended/mui/Autocomplete/hooks/useAutocomplete/useAutocomplete.d.ts.map +1 -1
- package/components/extended/mui/Autocomplete/hooks/useAutocomplete/useAutocomplete.js +81 -72
- package/components/extended/mui/Autocomplete/types.d.ts +1 -1
- package/components/extended/mui/Autocomplete/types.d.ts.map +1 -1
- package/components/extended/mui/AutocompleteAsync/AutocompleteAddButton.d.ts +4 -0
- package/components/extended/mui/AutocompleteAsync/AutocompleteAddButton.d.ts.map +1 -0
- package/components/extended/mui/AutocompleteAsync/AutocompleteAddButton.js +23 -0
- package/components/extended/mui/AutocompleteAsync/AutocompleteAsync.d.ts +5 -9
- package/components/extended/mui/AutocompleteAsync/AutocompleteAsync.d.ts.map +1 -1
- package/components/extended/mui/AutocompleteAsync/AutocompleteAsync.js +87 -56
- package/components/extended/mui/AutocompleteAsync/constants.d.ts +4 -1
- package/components/extended/mui/AutocompleteAsync/constants.d.ts.map +1 -1
- package/components/extended/mui/AutocompleteAsync/constants.js +24 -12
- package/components/extended/mui/AutocompleteAsync/hooks/useAutocompleteAdd.d.ts +9 -0
- package/components/extended/mui/AutocompleteAsync/hooks/useAutocompleteAdd.d.ts.map +1 -0
- package/components/extended/mui/AutocompleteAsync/hooks/useAutocompleteAdd.js +97 -0
- package/components/extended/mui/AutocompleteAsync/hooks/useFetchOptions.d.ts.map +1 -1
- package/components/extended/mui/AutocompleteAsync/hooks/useFetchOptions.js +47 -46
- package/components/extended/mui/AutocompleteAsync/index.d.ts +1 -1
- package/components/extended/mui/AutocompleteAsync/index.d.ts.map +1 -1
- package/components/extended/mui/AutocompleteAsync/reducer/AutocompleteAsyncReducer.d.ts.map +1 -1
- package/components/extended/mui/AutocompleteAsync/reducer/AutocompleteAsyncReducer.js +50 -28
- package/components/extended/mui/AutocompleteAsync/slots/addStyled.d.ts +6 -0
- package/components/extended/mui/AutocompleteAsync/slots/addStyled.d.ts.map +1 -0
- package/components/extended/mui/AutocompleteAsync/slots/addStyled.js +19 -0
- package/components/extended/mui/AutocompleteAsync/tests/add/constants.d.ts +5 -0
- package/components/extended/mui/AutocompleteAsync/tests/add/constants.d.ts.map +1 -0
- package/components/extended/mui/AutocompleteAsync/tests/add/helpers.d.ts +8 -0
- package/components/extended/mui/AutocompleteAsync/tests/add/helpers.d.ts.map +1 -0
- package/components/extended/mui/AutocompleteAsync/tests/add/types.d.ts +20 -0
- package/components/extended/mui/AutocompleteAsync/tests/add/types.d.ts.map +1 -0
- package/components/extended/mui/AutocompleteAsync/tests/support/ControlledAsyncField.d.ts +4 -0
- package/components/extended/mui/AutocompleteAsync/tests/support/ControlledAsyncField.d.ts.map +1 -0
- package/components/extended/mui/AutocompleteAsync/tests/support/constants.d.ts +8 -0
- package/components/extended/mui/AutocompleteAsync/tests/support/constants.d.ts.map +1 -0
- package/components/extended/mui/AutocompleteAsync/tests/support/createDeferred.d.ts +4 -0
- package/components/extended/mui/AutocompleteAsync/tests/support/createDeferred.d.ts.map +1 -0
- package/components/extended/mui/AutocompleteAsync/tests/support/mockAutocompleteAnchor.d.ts +3 -0
- package/components/extended/mui/AutocompleteAsync/tests/support/mockAutocompleteAnchor.d.ts.map +1 -0
- package/components/extended/mui/AutocompleteAsync/tests/support/types.d.ts +21 -0
- package/components/extended/mui/AutocompleteAsync/tests/support/types.d.ts.map +1 -0
- package/components/extended/mui/AutocompleteAsync/types.d.ts +47 -0
- package/components/extended/mui/AutocompleteAsync/types.d.ts.map +1 -1
- package/components/extended/mui/AutocompleteAsync/types.js +4 -2
- package/components/hook-form/RHFAutocompleteAsync/RHFAutocompleteAsync.d.ts +1 -1
- package/components/hook-form/RHFAutocompleteAsync/index.d.ts +1 -0
- package/components/hook-form/RHFAutocompleteAsync/index.d.ts.map +1 -1
- package/components/hook-form/RHFAutocompleteAsync/tests/addConstants.d.ts +3 -0
- package/components/hook-form/RHFAutocompleteAsync/tests/addConstants.d.ts.map +1 -0
- package/components/hook-form/RHFAutocompleteAsync/tests/addHelpers.d.ts +4 -0
- package/components/hook-form/RHFAutocompleteAsync/tests/addHelpers.d.ts.map +1 -0
- package/components/hook-form/RHFAutocompleteAsync/tests/addTypes.d.ts +12 -0
- package/components/hook-form/RHFAutocompleteAsync/tests/addTypes.d.ts.map +1 -0
- package/components/hook-form/index.d.ts +1 -0
- package/components/hook-form/index.d.ts.map +1 -1
- package/package.json +9 -9
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,GAAG,EAEJ,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,GAAG,EAEJ,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAqJ5C,eAAO,MAAM,YAAY,EAAwC,CAAC,CAAC,EAAE,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,SAAS,EACnH,KAAK,EAAE,iBAAiB,CAAC,CAAC,EAAE,QAAQ,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAA;CAAE,KAC1F,GAAG,CAAC,OAAO,CAAC"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { jsx as o } from "@emotion/react/jsx-runtime";
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
import { useAutocomplete as
|
|
4
|
-
import { AUTOCOMPLETE_CLASSES as
|
|
5
|
-
import
|
|
6
|
-
import { PopperComponent as
|
|
7
|
-
import { PaperComponent as
|
|
8
|
-
import { SkeletonAutocompleteStyled as
|
|
9
|
-
import { NoOptionsText as
|
|
10
|
-
import { LoadingText as
|
|
11
|
-
function
|
|
2
|
+
import { forwardRef as j, useCallback as i } from "react";
|
|
3
|
+
import { useAutocomplete as B } from "./hooks/useAutocomplete/useAutocomplete.js";
|
|
4
|
+
import { AUTOCOMPLETE_CLASSES as U } from "./constants.js";
|
|
5
|
+
import _ from "clsx";
|
|
6
|
+
import { PopperComponent as v } from "./subcomponents/PopperComponent/PopperComponent.js";
|
|
7
|
+
import { PaperComponent as G } from "./subcomponents/PaperComponent/PaperComponent.js";
|
|
8
|
+
import { SkeletonAutocompleteStyled as H, AutocompleteRootStyled as J } from "./slots/AutocompleteSlots.js";
|
|
9
|
+
import { NoOptionsText as Q } from "./subcomponents/NoOptionsText/NoOptionsText.js";
|
|
10
|
+
import { LoadingText as X } from "./subcomponents/LoadingText/LoadingText.js";
|
|
11
|
+
function Y(l, d) {
|
|
12
12
|
const {
|
|
13
13
|
options: f,
|
|
14
14
|
disabled: C,
|
|
@@ -19,87 +19,88 @@ function X(l, d) {
|
|
|
19
19
|
className: O,
|
|
20
20
|
menuMinWidth: h,
|
|
21
21
|
minWidth: g,
|
|
22
|
-
htmlFor: P
|
|
22
|
+
htmlFor: P,
|
|
23
|
+
id: S
|
|
23
24
|
} = l, {
|
|
24
25
|
// useAutocomplete values
|
|
25
26
|
ownerState: t,
|
|
26
|
-
isSkeleton:
|
|
27
|
-
memoizedRenderOption:
|
|
28
|
-
memoizedRenderInput:
|
|
27
|
+
isSkeleton: T,
|
|
28
|
+
memoizedRenderOption: V,
|
|
29
|
+
memoizedRenderInput: w,
|
|
29
30
|
// useValuesAndHandlers values
|
|
30
|
-
open:
|
|
31
|
-
selectedValue:
|
|
32
|
-
inputValue:
|
|
33
|
-
isOptionEqualToValueLocal:
|
|
34
|
-
handleChange:
|
|
35
|
-
handleInputChange:
|
|
36
|
-
onCloseLocal:
|
|
37
|
-
onOpenLocal:
|
|
31
|
+
open: x,
|
|
32
|
+
selectedValue: A,
|
|
33
|
+
inputValue: z,
|
|
34
|
+
isOptionEqualToValueLocal: I,
|
|
35
|
+
handleChange: y,
|
|
36
|
+
handleInputChange: E,
|
|
37
|
+
onCloseLocal: M,
|
|
38
|
+
onOpenLocal: R,
|
|
38
39
|
getOptionLabelLocal: n,
|
|
39
|
-
checkKeyDown:
|
|
40
|
+
checkKeyDown: k,
|
|
40
41
|
scrollPositionOptionsRef: s
|
|
41
|
-
} =
|
|
42
|
-
|
|
42
|
+
} = B(l), u = h ?? g, W = i((e) => /* @__PURE__ */ o(
|
|
43
|
+
v,
|
|
43
44
|
{
|
|
44
45
|
...e,
|
|
45
46
|
currentSize: t.size,
|
|
46
47
|
menuMinWidth: u
|
|
47
48
|
}
|
|
48
|
-
), [t.size, u]),
|
|
49
|
-
|
|
49
|
+
), [t.size, u]), b = i((e) => /* @__PURE__ */ o(
|
|
50
|
+
G,
|
|
50
51
|
{
|
|
51
52
|
...e,
|
|
52
53
|
scrollPositionOptionsRef: s
|
|
53
54
|
}
|
|
54
|
-
), [s]),
|
|
55
|
+
), [s]), D = i((e, N) => {
|
|
55
56
|
if (p)
|
|
56
57
|
return e;
|
|
57
|
-
const r =
|
|
58
|
+
const r = N.inputValue.trim().toLowerCase();
|
|
58
59
|
return r ? e.filter((c) => {
|
|
59
|
-
const
|
|
60
|
-
return
|
|
60
|
+
const q = c, F = n(c).toLowerCase(), K = a?.(q)?.toLowerCase() ?? "";
|
|
61
|
+
return F.includes(r) || K.includes(r);
|
|
61
62
|
}) : e;
|
|
62
63
|
}, [a, n, p]);
|
|
63
|
-
return
|
|
64
|
-
|
|
64
|
+
return T ? /* @__PURE__ */ o(
|
|
65
|
+
H,
|
|
65
66
|
{
|
|
66
67
|
ownerState: t
|
|
67
68
|
}
|
|
68
69
|
) : /* @__PURE__ */ o(
|
|
69
|
-
|
|
70
|
+
J,
|
|
70
71
|
{
|
|
71
72
|
ownerState: t,
|
|
72
|
-
id: P,
|
|
73
|
+
id: P ?? S,
|
|
73
74
|
multiple: m,
|
|
74
|
-
onKeyDown:
|
|
75
|
+
onKeyDown: k,
|
|
75
76
|
ref: d,
|
|
76
77
|
forcePopupIcon: !1,
|
|
77
|
-
className:
|
|
78
|
+
className: _(O, m && U.multiple),
|
|
78
79
|
autoSelect: !1,
|
|
79
80
|
options: f,
|
|
80
81
|
getOptionLabel: n,
|
|
81
82
|
clearOnBlur: !1,
|
|
82
|
-
PopperComponent:
|
|
83
|
-
PaperComponent:
|
|
84
|
-
isOptionEqualToValue:
|
|
85
|
-
value:
|
|
86
|
-
inputValue:
|
|
87
|
-
onOpen:
|
|
88
|
-
onClose:
|
|
89
|
-
open:
|
|
90
|
-
onInputChange:
|
|
91
|
-
onChange:
|
|
83
|
+
PopperComponent: W,
|
|
84
|
+
PaperComponent: b,
|
|
85
|
+
isOptionEqualToValue: I,
|
|
86
|
+
value: A,
|
|
87
|
+
inputValue: z,
|
|
88
|
+
onOpen: R,
|
|
89
|
+
onClose: M,
|
|
90
|
+
open: x,
|
|
91
|
+
onInputChange: E,
|
|
92
|
+
onChange: y,
|
|
92
93
|
loading: L,
|
|
93
|
-
loadingText: /* @__PURE__ */ o(
|
|
94
|
+
loadingText: /* @__PURE__ */ o(X, {}),
|
|
94
95
|
disabled: C,
|
|
95
|
-
noOptionsText: /* @__PURE__ */ o(
|
|
96
|
-
filterOptions:
|
|
97
|
-
renderOption:
|
|
98
|
-
renderInput:
|
|
96
|
+
noOptionsText: /* @__PURE__ */ o(Q, {}),
|
|
97
|
+
filterOptions: D,
|
|
98
|
+
renderOption: V,
|
|
99
|
+
renderInput: w
|
|
99
100
|
}
|
|
100
101
|
);
|
|
101
102
|
}
|
|
102
|
-
const
|
|
103
|
+
const ae = j(Y);
|
|
103
104
|
export {
|
|
104
|
-
|
|
105
|
+
ae as Autocomplete
|
|
105
106
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAutocomplete.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/extended/mui/Autocomplete/hooks/useAutocomplete/useAutocomplete.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAUxE;;GAEG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,QAAQ,SAAS,OAAO,GAAG,SAAS,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,EAAE,QAAQ,CAAC;;;;
|
|
1
|
+
{"version":3,"file":"useAutocomplete.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/extended/mui/Autocomplete/hooks/useAutocomplete/useAutocomplete.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAUxE;;GAEG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,QAAQ,SAAS,OAAO,GAAG,SAAS,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,EAAE,QAAQ,CAAC;;;;wCA6FrD,GAAG,UAAU,GAAG;kCA4BtB,GAAG;;;;;;;;;;;;;;;;EAmFrD"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useModuleSkeleton as
|
|
3
|
-
import { useValuesAndHandlers as
|
|
4
|
-
import { useComponentSize as
|
|
5
|
-
import { useMemo as
|
|
6
|
-
import { useMultipleChips as
|
|
7
|
-
import { useEndAdornments as
|
|
8
|
-
import { renderOption as
|
|
9
|
-
import { RenderInputStyled as
|
|
10
|
-
function
|
|
1
|
+
import { jsx as U } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import { useModuleSkeleton as X } from "@m4l/core";
|
|
3
|
+
import { useValuesAndHandlers as Y } from "../useValuesAndHandlers.js";
|
|
4
|
+
import { useComponentSize as Z } from "../../../../../../hooks/useComponentSize/index.js";
|
|
5
|
+
import { useMemo as $, useCallback as N } from "react";
|
|
6
|
+
import { useMultipleChips as ee } from "../useMultipleChips.js";
|
|
7
|
+
import { useEndAdornments as te } from "../useEndAdornments.js";
|
|
8
|
+
import { renderOption as ne } from "../../subcomponents/renderOptions/index.js";
|
|
9
|
+
import { RenderInputStyled as oe } from "../../slots/AutocompleteSlots.js";
|
|
10
|
+
function Ae(m) {
|
|
11
11
|
const {
|
|
12
12
|
size: c,
|
|
13
13
|
variant: i,
|
|
@@ -15,89 +15,92 @@ function me(m) {
|
|
|
15
15
|
multiple: o,
|
|
16
16
|
error: u,
|
|
17
17
|
readOnly: r,
|
|
18
|
-
startAdornment:
|
|
19
|
-
endAdornment:
|
|
18
|
+
startAdornment: v,
|
|
19
|
+
endAdornment: D,
|
|
20
20
|
getOptionStartAdornment: h,
|
|
21
|
-
getOptionEndAdornment:
|
|
21
|
+
getOptionEndAdornment: p,
|
|
22
22
|
getOptionDescription: A,
|
|
23
|
-
loading:
|
|
24
|
-
refresh:
|
|
25
|
-
placeholder: P
|
|
23
|
+
loading: E,
|
|
24
|
+
refresh: M,
|
|
25
|
+
placeholder: P,
|
|
26
|
+
inputRef: g,
|
|
27
|
+
name: z,
|
|
28
|
+
onBlur: I
|
|
26
29
|
} = m, {
|
|
27
|
-
open:
|
|
30
|
+
open: b,
|
|
28
31
|
selectedValue: e,
|
|
29
|
-
inputValue:
|
|
30
|
-
isOptionEqualToValueLocal:
|
|
31
|
-
handleDelete:
|
|
32
|
-
handleRefresh:
|
|
33
|
-
handleChange:
|
|
34
|
-
handleInputChange:
|
|
35
|
-
onCloseLocal:
|
|
36
|
-
onOpenLocal:
|
|
32
|
+
inputValue: w,
|
|
33
|
+
isOptionEqualToValueLocal: d,
|
|
34
|
+
handleDelete: L,
|
|
35
|
+
handleRefresh: R,
|
|
36
|
+
handleChange: x,
|
|
37
|
+
handleInputChange: _,
|
|
38
|
+
onCloseLocal: q,
|
|
39
|
+
onOpenLocal: k,
|
|
37
40
|
getOptionLabelLocal: l,
|
|
38
|
-
checkKeyDown:
|
|
39
|
-
scrollPositionOptionsRef:
|
|
40
|
-
} =
|
|
41
|
+
checkKeyDown: H,
|
|
42
|
+
scrollPositionOptionsRef: K
|
|
43
|
+
} = Y(m), { currentSize: s } = Z(c), T = X(), V = !!m.startAdornment, j = !!(o && Array.isArray(e) && e.length > 0), B = Array.isArray(e) ? e.length > 0 : e != null, a = $(() => ({
|
|
41
44
|
size: s,
|
|
42
45
|
variant: i,
|
|
43
46
|
disabled: t,
|
|
44
47
|
multiple: !!o,
|
|
45
48
|
error: u,
|
|
46
49
|
readOnly: r,
|
|
47
|
-
startAdornment:
|
|
48
|
-
hasChips:
|
|
49
|
-
hasValue:
|
|
50
|
-
}), [s, i, t, o, u, r,
|
|
50
|
+
startAdornment: V,
|
|
51
|
+
hasChips: j,
|
|
52
|
+
hasValue: B
|
|
53
|
+
}), [s, i, t, o, u, r, V, j, B]), f = ee({
|
|
51
54
|
selectedValue: e,
|
|
52
55
|
multiple: o,
|
|
53
56
|
adjustedSize: s,
|
|
54
57
|
getOptionLabelLocal: l,
|
|
55
58
|
ownerState: a,
|
|
56
|
-
handleDelete:
|
|
59
|
+
handleDelete: L,
|
|
57
60
|
disabled: t,
|
|
58
61
|
readOnly: r,
|
|
59
|
-
startAdornment:
|
|
62
|
+
startAdornment: v,
|
|
60
63
|
getOptionStartAdornment: h,
|
|
61
|
-
getOptionEndAdornment:
|
|
64
|
+
getOptionEndAdornment: p,
|
|
62
65
|
getOptionDescription: A
|
|
63
|
-
}), C =
|
|
64
|
-
loading:
|
|
66
|
+
}), C = te({
|
|
67
|
+
loading: E,
|
|
65
68
|
adjustedSize: s,
|
|
66
69
|
ownerState: a,
|
|
67
|
-
refresh:
|
|
68
|
-
handleRefresh:
|
|
70
|
+
refresh: M,
|
|
71
|
+
handleRefresh: R,
|
|
69
72
|
disabled: t,
|
|
70
|
-
onOpenLocal:
|
|
71
|
-
open:
|
|
73
|
+
onOpenLocal: k,
|
|
74
|
+
open: b,
|
|
72
75
|
readOnly: r,
|
|
73
76
|
multiple: o,
|
|
74
77
|
selectedValue: e,
|
|
75
78
|
getOptionLabelLocal: l,
|
|
76
|
-
getOptionEndAdornment:
|
|
77
|
-
endAdornment:
|
|
78
|
-
}),
|
|
79
|
-
const S = o ? Array.isArray(e) && e.some((y) =>
|
|
80
|
-
return
|
|
79
|
+
getOptionEndAdornment: p,
|
|
80
|
+
endAdornment: D
|
|
81
|
+
}), W = N((O, n) => {
|
|
82
|
+
const S = o ? Array.isArray(e) && e.some((y) => d(n, y)) : d(n, e);
|
|
83
|
+
return ne(O, {
|
|
81
84
|
...typeof n == "object" && n !== null ? n : {},
|
|
82
85
|
label: l(n),
|
|
83
86
|
selected: S,
|
|
84
87
|
disabled: t,
|
|
85
88
|
size: c
|
|
86
|
-
}, h,
|
|
89
|
+
}, h, p, A);
|
|
87
90
|
}, [
|
|
88
91
|
o,
|
|
89
92
|
e,
|
|
90
|
-
|
|
93
|
+
d,
|
|
91
94
|
l,
|
|
92
95
|
t,
|
|
93
96
|
c,
|
|
94
97
|
h,
|
|
95
|
-
|
|
98
|
+
p,
|
|
96
99
|
A
|
|
97
|
-
]),
|
|
98
|
-
const { InputLabelProps: n, inputProps: S, InputProps: y, ...
|
|
99
|
-
return /* @__PURE__ */
|
|
100
|
-
|
|
100
|
+
]), F = N((O) => {
|
|
101
|
+
const { InputLabelProps: n, inputProps: S, InputProps: y, ...G } = O, { className: re, ...J } = y, { className: se, ...Q } = S;
|
|
102
|
+
return /* @__PURE__ */ U(
|
|
103
|
+
oe,
|
|
101
104
|
{
|
|
102
105
|
variant: i,
|
|
103
106
|
ownerState: a,
|
|
@@ -105,12 +108,15 @@ function me(m) {
|
|
|
105
108
|
...n,
|
|
106
109
|
shrink: !0
|
|
107
110
|
},
|
|
108
|
-
inputProps: { ...
|
|
111
|
+
inputProps: { ...Q, readOnly: !!r },
|
|
112
|
+
inputRef: g,
|
|
113
|
+
name: z,
|
|
114
|
+
onBlur: I,
|
|
109
115
|
error: u,
|
|
110
|
-
...
|
|
116
|
+
...G,
|
|
111
117
|
autoComplete: "off",
|
|
112
118
|
InputProps: {
|
|
113
|
-
...
|
|
119
|
+
...J,
|
|
114
120
|
startAdornment: f,
|
|
115
121
|
endAdornment: C,
|
|
116
122
|
readOnly: r
|
|
@@ -131,29 +137,32 @@ function me(m) {
|
|
|
131
137
|
r,
|
|
132
138
|
s,
|
|
133
139
|
t,
|
|
134
|
-
P
|
|
140
|
+
P,
|
|
141
|
+
g,
|
|
142
|
+
z,
|
|
143
|
+
I
|
|
135
144
|
]);
|
|
136
145
|
return {
|
|
137
146
|
// propiedades de useAutocomplete
|
|
138
147
|
ownerState: a,
|
|
139
|
-
isSkeleton:
|
|
148
|
+
isSkeleton: T,
|
|
140
149
|
currentSize: s,
|
|
141
|
-
memoizedRenderOption:
|
|
142
|
-
memoizedRenderInput:
|
|
150
|
+
memoizedRenderOption: W,
|
|
151
|
+
memoizedRenderInput: F,
|
|
143
152
|
// propiedades de useValuesAndHandlers
|
|
144
|
-
open:
|
|
153
|
+
open: b,
|
|
145
154
|
selectedValue: e,
|
|
146
|
-
inputValue:
|
|
147
|
-
isOptionEqualToValueLocal:
|
|
148
|
-
handleDelete:
|
|
149
|
-
handleRefresh:
|
|
150
|
-
handleChange:
|
|
151
|
-
handleInputChange:
|
|
152
|
-
onCloseLocal:
|
|
153
|
-
onOpenLocal:
|
|
155
|
+
inputValue: w,
|
|
156
|
+
isOptionEqualToValueLocal: d,
|
|
157
|
+
handleDelete: L,
|
|
158
|
+
handleRefresh: R,
|
|
159
|
+
handleChange: x,
|
|
160
|
+
handleInputChange: _,
|
|
161
|
+
onCloseLocal: q,
|
|
162
|
+
onOpenLocal: k,
|
|
154
163
|
getOptionLabelLocal: l,
|
|
155
|
-
checkKeyDown:
|
|
156
|
-
scrollPositionOptionsRef:
|
|
164
|
+
checkKeyDown: H,
|
|
165
|
+
scrollPositionOptionsRef: K,
|
|
157
166
|
// propiedades de useMultipleChips
|
|
158
167
|
multipleChips: f,
|
|
159
168
|
// propiedades de useEndAdornments
|
|
@@ -161,5 +170,5 @@ function me(m) {
|
|
|
161
170
|
};
|
|
162
171
|
}
|
|
163
172
|
export {
|
|
164
|
-
|
|
173
|
+
Ae as useAutocomplete
|
|
165
174
|
};
|
|
@@ -43,7 +43,7 @@ export type AdornmentType = ReactElement | string;
|
|
|
43
43
|
* Props for the unified Autocomplete component.
|
|
44
44
|
* Supports both single and multiple selection, and two types: `text` and `image`.
|
|
45
45
|
*/
|
|
46
|
-
export interface AutocompleteProps<T, Multiple extends boolean | undefined> extends Pick<MUIAutocompleteProps<T, Multiple, undefined, false>, 'options' | 'onOpen' | 'onClose' | 'loading' | 'disabled'>, Pick<TextFieldProps, 'error'>, BaseAutocompleteProps {
|
|
46
|
+
export interface AutocompleteProps<T, Multiple extends boolean | undefined> extends Pick<MUIAutocompleteProps<T, Multiple, undefined, false>, 'options' | 'onOpen' | 'onClose' | 'loading' | 'disabled'>, Pick<TextFieldProps, 'error' | 'name' | 'onBlur' | 'inputRef' | 'id'>, BaseAutocompleteProps {
|
|
47
47
|
/**
|
|
48
48
|
* Whether the text field is rendered in read-only mode.
|
|
49
49
|
* readOnly={true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Autocomplete/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,gCAAgC,EAChC,6BAA6B,EAC7B,iBAAiB,IAAI,oBAAoB,EACzC,KAAK,EACN,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAC1E,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,KAAK,MAAM,CAAC;AAC9D,MAAM,MAAM,oBAAoB,GAAG,UAAU,GAAG,MAAM,CAAC;AACvD;;GAEG;AACH,MAAM,MAAM,4BAA4B,CAAC,CAAC,IAAI;IAC5C,MAAM,EAAE;QACN,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC;KACvB,CAAC;CACH,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C;;OAEG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACzC;;;OAGG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;CACtC;AAED,MAAM,MAAM,aAAa,GAAG,YAAY,GAAG,MAAM,CAAC;AAClD;;;GAGG;AACH,MAAM,WAAW,iBAAiB,CAChC,CAAC,EACD,QAAQ,SAAS,OAAO,GAAG,SAAS,CACpC,SAAQ,IAAI,CACZ,oBAAoB,CAAC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,CAAC,EACnD,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAC1D,EACC,IAAI,CACF,cAAc,EACZ,OAAO,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Autocomplete/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { AutocompleteAddButtonProps } from './types';
|
|
2
|
+
/** Render the trailing creation action at the same resolved size as the input. */
|
|
3
|
+
export declare function AutocompleteAddButton({ buttonRef, tooltip, size, ...props }: AutocompleteAddButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
4
|
+
//# sourceMappingURL=AutocompleteAddButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AutocompleteAddButton.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/AutocompleteAsync/AutocompleteAddButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAG1D,kFAAkF;AAClF,wBAAgB,qBAAqB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,0BAA0B,oDAiBvG"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsx as o } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import { ActionsAddOutlined as m } from "@m4l/icons";
|
|
3
|
+
import { Tooltip as c } from "@m4l/base";
|
|
4
|
+
import { useComponentSize as p } from "../../../../hooks/useComponentSize/index.js";
|
|
5
|
+
import { AutocompleteAddIconContainer as d } from "./slots/addStyled.js";
|
|
6
|
+
import { IconButton as l } from "../IconButton/IconButton.js";
|
|
7
|
+
function h({ buttonRef: t, tooltip: r, size: n, ...e }) {
|
|
8
|
+
const { currentSize: i } = p(n);
|
|
9
|
+
return /* @__PURE__ */ o(c, { title: r, placement: "bottom", children: /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o(
|
|
10
|
+
l,
|
|
11
|
+
{
|
|
12
|
+
...e,
|
|
13
|
+
ref: t,
|
|
14
|
+
size: i,
|
|
15
|
+
variant: "contained",
|
|
16
|
+
color: "primary",
|
|
17
|
+
icon: /* @__PURE__ */ o(m, {})
|
|
18
|
+
}
|
|
19
|
+
) }) });
|
|
20
|
+
}
|
|
21
|
+
export {
|
|
22
|
+
h as AutocompleteAddButton
|
|
23
|
+
};
|
|
@@ -1,11 +1,7 @@
|
|
|
1
|
+
import { Ref } from 'react';
|
|
1
2
|
import { AutocompleteAsyncProps } from './types';
|
|
2
|
-
/**
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
* - Fetches only when the dropdown is opened (first time or after param change).
|
|
7
|
-
* - Supports onChangeFilterParms for search-as-you-type (single selection only).
|
|
8
|
-
* - Preserves selected value when it is not in the latest options.
|
|
9
|
-
*/
|
|
10
|
-
export declare function AutocompleteAsync<T>(props: AutocompleteAsyncProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
3
|
+
/** Preserve generic option inference while forwarding form focus to the native input. */
|
|
4
|
+
export declare const AutocompleteAsync: <T>(props: AutocompleteAsyncProps<T> & {
|
|
5
|
+
ref?: Ref<HTMLInputElement | HTMLTextAreaElement>;
|
|
6
|
+
}) => JSX.Element;
|
|
11
7
|
//# sourceMappingURL=AutocompleteAsync.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AutocompleteAsync.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/AutocompleteAsync/AutocompleteAsync.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AutocompleteAsync.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/AutocompleteAsync/AutocompleteAsync.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,GAAG,EAAuD,MAAM,OAAO,CAAC;AAElG,OAAO,EAAe,sBAAsB,EAAE,MAAM,SAAS,CAAC;AA0L9D,yFAAyF;AACzF,eAAO,MAAM,iBAAiB,EAA6C,CAAC,CAAC,EAC3E,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAA;CAAE,KACrF,GAAG,CAAC,OAAO,CAAC"}
|