@xaui/native 0.9.1-beta.97 → 0.9.1-beta.99
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/{chunk-XCEDD7PE.cjs → chunk-GEWYOB25.cjs} +34 -25
- package/dist/{chunk-EXONAJUX.js → chunk-IYUT2IKZ.js} +26 -17
- package/dist/{chunk-WH7MFY3H.cjs → chunk-JMHB7K53.cjs} +140 -29
- package/dist/{chunk-QT7KLGO3.js → chunk-V5FYHQKQ.js} +102 -87
- package/dist/{chunk-VQG7K5QE.js → chunk-XJEG4Q2R.js} +175 -61
- package/dist/{chunk-SIOSYITD.cjs → chunk-ZBFBF7S4.cjs} +60 -45
- package/dist/components/agenda-calendar/agenda-calendar-today-button.d.cts +4 -0
- package/dist/components/agenda-calendar/agenda-calendar-today-button.d.ts +4 -0
- package/dist/components/agenda-calendar/agenda-calendar.recipe.d.cts +1 -1
- package/dist/components/agenda-calendar/agenda-calendar.recipe.d.ts +1 -1
- package/dist/components/agenda-calendar/agenda-calendar.type.d.cts +4 -1
- package/dist/components/agenda-calendar/agenda-calendar.type.d.ts +4 -1
- package/dist/components/agenda-calendar/index.cjs +2 -2
- package/dist/components/agenda-calendar/index.js +1 -1
- package/dist/components/autocomplete/autocomplete-description.d.cts +14 -0
- package/dist/components/autocomplete/autocomplete-description.d.ts +14 -0
- package/dist/components/autocomplete/autocomplete-error.d.cts +12 -0
- package/dist/components/autocomplete/autocomplete-error.d.ts +12 -0
- package/dist/components/autocomplete/autocomplete-label.d.cts +15 -0
- package/dist/components/autocomplete/autocomplete-label.d.ts +15 -0
- package/dist/components/autocomplete/autocomplete.d.cts +50 -7
- package/dist/components/autocomplete/autocomplete.d.ts +50 -7
- package/dist/components/autocomplete/autocomplete.type.d.cts +21 -4
- package/dist/components/autocomplete/autocomplete.type.d.ts +21 -4
- package/dist/components/autocomplete/index.cjs +9 -2
- package/dist/components/autocomplete/index.d.cts +50 -3
- package/dist/components/autocomplete/index.d.ts +50 -3
- package/dist/components/autocomplete/index.js +8 -1
- package/dist/components/color-picker/index.cjs +1 -1
- package/dist/components/color-picker/index.js +1 -1
- package/dist/components/combobox/combobox.type.d.cts +5 -1
- package/dist/components/combobox/combobox.type.d.ts +5 -1
- package/dist/components/combobox/index.cjs +4 -3
- package/dist/components/combobox/index.d.cts +15 -1
- package/dist/components/combobox/index.d.ts +15 -1
- package/dist/components/combobox/index.js +3 -2
- package/dist/components/date-picker/index.cjs +3 -3
- package/dist/components/date-picker/index.js +2 -2
- package/dist/components/mask-field/index.cjs +1 -1
- package/dist/components/mask-field/index.js +1 -1
- package/dist/components/phone-number-field/index.cjs +1 -1
- package/dist/components/phone-number-field/index.js +1 -1
- package/dist/components/search-field/index.cjs +3 -3
- package/dist/components/search-field/index.js +2 -2
- package/dist/index.cjs +10 -10
- package/dist/index.js +9 -9
- package/package.json +1 -1
- package/dist/{chunk-L6EWRWTE.js → chunk-ESP2X6PN.js} +3 -3
- package/dist/{chunk-3CI4JGY4.cjs → chunk-FLKTJ46K.cjs} +2 -2
- package/dist/{chunk-ES7RME6G.js → chunk-M352N6PQ.js} +3 -3
- package/dist/{chunk-7CGF3Z5S.cjs → chunk-VQIQ3ERR.cjs} +3 -3
|
@@ -29,7 +29,7 @@ function _optionalChain(ops) {
|
|
|
29
29
|
}
|
|
30
30
|
return value;
|
|
31
31
|
}
|
|
32
|
-
var
|
|
32
|
+
var _chunkJMHB7K53cjs = require('./chunk-JMHB7K53.cjs');
|
|
33
33
|
var _chunkEKS3W46Mcjs = require('./chunk-EKS3W46M.cjs');
|
|
34
34
|
var _chunkWFEMJCXOcjs = require('./chunk-WFEMJCXO.cjs');
|
|
35
35
|
var _chunkGSZDN6EZcjs = require('./chunk-GSZDN6EZ.cjs');
|
|
@@ -43,10 +43,10 @@ var _reactnativereanimated = require('react-native-reanimated');
|
|
|
43
43
|
var _reactnativereanimated2 = _interopRequireDefault(_reactnativereanimated);
|
|
44
44
|
var _jsxruntime = require('react/jsx-runtime');
|
|
45
45
|
var HIT_SLOP = 8;
|
|
46
|
-
const
|
|
47
|
-
code: "function
|
|
48
|
-
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-
|
|
49
|
-
sourceMap: "{\"version\":3,\"names\":[\"
|
|
46
|
+
const _worklet_8610151948858_init_data = {
|
|
47
|
+
code: "function chunkGEWYOB25Cjs1(){const{_reactnativereanimated,progress,_chunkEKS3W46Mcjs}=this.__closure;return{transform:[{rotate:_reactnativereanimated.interpolate.call(void 0,progress.get(),[0,1],[_chunkEKS3W46Mcjs.INDICATOR_ROTATION[0],_chunkEKS3W46Mcjs.INDICATOR_ROTATION[1]])+\"deg\"}]};}",
|
|
48
|
+
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-GEWYOB25.cjs",
|
|
49
|
+
sourceMap: "{\"version\":3,\"names\":[\"chunkGEWYOB25Cjs1\",\"_reactnativereanimated\",\"progress\",\"_chunkEKS3W46Mcjs\",\"__closure\",\"transform\",\"rotate\",\"interpolate\",\"call\",\"get\",\"INDICATOR_ROTATION\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-GEWYOB25.cjs\"],\"mappings\":\"AAiDwE,SAAAA,iBAAMA,CAAA,QAAAC,sBAAA,CAAAC,QAAA,CAAAC,iBAAA,OAAAC,SAAA,CAE1E,MAAO,CACLC,SAAS,CAAE,CACT,CACEC,MAAM,CAAKL,sBAAsB,CAACM,WAAW,CAACC,IAAI,CAAC,IAAK,EAAC,CAAEN,QAAQ,CAACO,GAAG,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAACN,iBAAiB,CAACO,kBAAkB,CAAC,CAAC,CAAC,CAAEP,iBAAiB,CAACO,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,MACxK,CAAC,CAEL,CAAC,CACH\",\"ignoreList\":[]}"
|
|
50
50
|
};
|
|
51
51
|
function ComboboxIndicator(props) {
|
|
52
52
|
const {
|
|
@@ -58,37 +58,37 @@ function ComboboxIndicator(props) {
|
|
|
58
58
|
isOpen,
|
|
59
59
|
isDisabled,
|
|
60
60
|
toggle
|
|
61
|
-
} =
|
|
61
|
+
} = _chunkJMHB7K53cjs.useAutocomplete.call(void 0);
|
|
62
62
|
const progress = _reactnativereanimated.useSharedValue.call(void 0, isOpen ? 1 : 0);
|
|
63
63
|
_react.useEffect.call(void 0, () => {
|
|
64
64
|
progress.set(_reactnativereanimated.withSpring.call(void 0, isOpen ? 1 : 0, _chunkEKS3W46Mcjs.INDICATOR_SPRING));
|
|
65
65
|
}, [isOpen, progress]);
|
|
66
|
-
const rotation = _reactnativereanimated.useAnimatedStyle.call(void 0, function
|
|
67
|
-
|
|
66
|
+
const rotation = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkGEWYOB25Cjs1Factory({
|
|
67
|
+
_worklet_8610151948858_init_data,
|
|
68
68
|
_reactnativereanimated,
|
|
69
69
|
progress,
|
|
70
70
|
_chunkEKS3W46Mcjs
|
|
71
71
|
}) {
|
|
72
72
|
const _e = [new global.Error(), -4, -27];
|
|
73
|
-
const
|
|
73
|
+
const chunkGEWYOB25Cjs1 = function () {
|
|
74
74
|
return {
|
|
75
75
|
transform: [{
|
|
76
76
|
rotate: `${_reactnativereanimated.interpolate.call(void 0, progress.get(), [0, 1], [_chunkEKS3W46Mcjs.INDICATOR_ROTATION[0], _chunkEKS3W46Mcjs.INDICATOR_ROTATION[1]])}deg`
|
|
77
77
|
}]
|
|
78
78
|
};
|
|
79
79
|
};
|
|
80
|
-
|
|
80
|
+
chunkGEWYOB25Cjs1.__closure = {
|
|
81
81
|
_reactnativereanimated,
|
|
82
82
|
progress,
|
|
83
83
|
_chunkEKS3W46Mcjs
|
|
84
84
|
};
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
return
|
|
85
|
+
chunkGEWYOB25Cjs1.__workletHash = 8610151948858;
|
|
86
|
+
chunkGEWYOB25Cjs1.__pluginVersion = "0.7.4";
|
|
87
|
+
chunkGEWYOB25Cjs1.__initData = _worklet_8610151948858_init_data;
|
|
88
|
+
chunkGEWYOB25Cjs1.__stackDetails = _e;
|
|
89
|
+
return chunkGEWYOB25Cjs1;
|
|
90
90
|
}({
|
|
91
|
-
|
|
91
|
+
_worklet_8610151948858_init_data,
|
|
92
92
|
_reactnativereanimated,
|
|
93
93
|
progress,
|
|
94
94
|
_chunkEKS3W46Mcjs
|
|
@@ -137,9 +137,12 @@ var ComboboxInput = _react.forwardRef.call(void 0, function ComboboxInput2({
|
|
|
137
137
|
setQuery,
|
|
138
138
|
isOpen,
|
|
139
139
|
isDisabled,
|
|
140
|
+
isInvalid,
|
|
140
141
|
open,
|
|
141
|
-
labelFor
|
|
142
|
-
|
|
142
|
+
labelFor,
|
|
143
|
+
labelId,
|
|
144
|
+
descriptionId
|
|
145
|
+
} = _chunkJMHB7K53cjs.useAutocomplete.call(void 0);
|
|
143
146
|
const handleChangeText = _react.useCallback.call(void 0, next => {
|
|
144
147
|
setQuery(next);
|
|
145
148
|
_optionalChain([onChangeText, 'optionalCall', _ => _(next)]);
|
|
@@ -158,6 +161,9 @@ var ComboboxInput = _react.forwardRef.call(void 0, function ComboboxInput2({
|
|
|
158
161
|
autoCorrect: false,
|
|
159
162
|
autoCapitalize: "none",
|
|
160
163
|
placeholderTextColor: placeholderColor,
|
|
164
|
+
"aria-labelledby": labelId,
|
|
165
|
+
"aria-describedby": descriptionId,
|
|
166
|
+
"aria-invalid": isInvalid || void 0,
|
|
161
167
|
...rest,
|
|
162
168
|
style: [valueStyle, sheet.input, styleProps, style]
|
|
163
169
|
});
|
|
@@ -167,7 +173,7 @@ ComboboxInput.displayName = "XAUI.Combobox.Input";
|
|
|
167
173
|
// src/components/combobox/combobox.tsx
|
|
168
174
|
|
|
169
175
|
function ComboboxRoot(props) {
|
|
170
|
-
return /* @__PURE__ */_jsxruntime.jsx.call(void 0,
|
|
176
|
+
return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkJMHB7K53cjs.Autocomplete, {
|
|
171
177
|
...props
|
|
172
178
|
});
|
|
173
179
|
}
|
|
@@ -191,7 +197,7 @@ var ComboboxTrigger = _react.forwardRef.call(void 0, function ComboboxTrigger2({
|
|
|
191
197
|
isDisabled,
|
|
192
198
|
isInvalid,
|
|
193
199
|
setAnchor
|
|
194
|
-
} =
|
|
200
|
+
} = _chunkJMHB7K53cjs.useAutocomplete.call(void 0);
|
|
195
201
|
const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
|
|
196
202
|
const node = _react.useRef.call(void 0, null);
|
|
197
203
|
const refs = _chunkWFEMJCXOcjs.useMergedRef.call(void 0, node, ref);
|
|
@@ -235,14 +241,17 @@ ComboboxTrigger.displayName = "XAUI.Combobox.Trigger";
|
|
|
235
241
|
|
|
236
242
|
// src/components/combobox/index.ts
|
|
237
243
|
var Combobox = Object.assign(ComboboxRoot, {
|
|
244
|
+
Label: _chunkJMHB7K53cjs.AutocompleteLabel,
|
|
238
245
|
Trigger: ComboboxTrigger,
|
|
239
246
|
Input: ComboboxInput,
|
|
240
247
|
Indicator: ComboboxIndicator,
|
|
241
|
-
Overlay:
|
|
242
|
-
Content:
|
|
243
|
-
Item:
|
|
244
|
-
ItemLabel:
|
|
245
|
-
Empty:
|
|
248
|
+
Overlay: _chunkJMHB7K53cjs.AutocompleteOverlay,
|
|
249
|
+
Content: _chunkJMHB7K53cjs.AutocompleteContent,
|
|
250
|
+
Item: _chunkJMHB7K53cjs.AutocompleteItem,
|
|
251
|
+
ItemLabel: _chunkJMHB7K53cjs.AutocompleteItemLabel,
|
|
252
|
+
Empty: _chunkJMHB7K53cjs.AutocompleteEmpty,
|
|
253
|
+
Description: _chunkJMHB7K53cjs.AutocompleteDescription,
|
|
254
|
+
Error: _chunkJMHB7K53cjs.AutocompleteError
|
|
246
255
|
});
|
|
247
256
|
exports.ComboboxIndicator = ComboboxIndicator;
|
|
248
257
|
exports.ComboboxInput = ComboboxInput;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Autocomplete, AutocompleteContent, AutocompleteEmpty, AutocompleteItem, AutocompleteItemLabel, AutocompleteOverlay, useAutocomplete } from "./chunk-
|
|
1
|
+
import { Autocomplete, AutocompleteContent, AutocompleteDescription, AutocompleteEmpty, AutocompleteError, AutocompleteItem, AutocompleteItemLabel, AutocompleteLabel, AutocompleteOverlay, useAutocomplete } from "./chunk-XJEG4Q2R.js";
|
|
2
2
|
import { INDICATOR_ROTATION, INDICATOR_SPRING } from "./chunk-64MXEVT3.js";
|
|
3
3
|
import { useMergedRef } from "./chunk-NCTOTTVW.js";
|
|
4
4
|
import { ChevronDownIcon, Icon, IconContext } from "./chunk-JN6IRT2M.js";
|
|
@@ -11,10 +11,10 @@ import { Pressable } from "react-native";
|
|
|
11
11
|
import Animated, { interpolate, useAnimatedStyle, useSharedValue, withSpring } from "react-native-reanimated";
|
|
12
12
|
import { jsx } from "react/jsx-runtime";
|
|
13
13
|
var HIT_SLOP = 8;
|
|
14
|
-
const
|
|
15
|
-
code: "function
|
|
16
|
-
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-
|
|
17
|
-
sourceMap: "{\"version\":3,\"names\":[\"
|
|
14
|
+
const _worklet_8735882080171_init_data = {
|
|
15
|
+
code: "function chunkIYUT2IKZJs1(){const{interpolate,progress,INDICATOR_ROTATION}=this.__closure;return{transform:[{rotate:interpolate(progress.get(),[0,1],[INDICATOR_ROTATION[0],INDICATOR_ROTATION[1]])+\"deg\"}]};}",
|
|
16
|
+
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-IYUT2IKZ.js",
|
|
17
|
+
sourceMap: "{\"version\":3,\"names\":[\"chunkIYUT2IKZJs1\",\"interpolate\",\"progress\",\"INDICATOR_ROTATION\",\"__closure\",\"transform\",\"rotate\",\"get\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-IYUT2IKZ.js\"],\"mappings\":\"AAiDoC,SAAAA,gBAAMA,CAAA,QAAAC,WAAA,CAAAC,QAAA,CAAAC,kBAAA,OAAAC,SAAA,CAEtC,MAAO,CACLC,SAAS,CAAE,CACT,CACEC,MAAM,CAAKL,WAAW,CAACC,QAAQ,CAACK,GAAG,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAACJ,kBAAkB,CAAC,CAAC,CAAC,CAAEA,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,MAChG,CAAC,CAEL,CAAC,CACH\",\"ignoreList\":[]}"
|
|
18
18
|
};
|
|
19
19
|
function ComboboxIndicator(props) {
|
|
20
20
|
const {
|
|
@@ -31,32 +31,32 @@ function ComboboxIndicator(props) {
|
|
|
31
31
|
useEffect(() => {
|
|
32
32
|
progress.set(withSpring(isOpen ? 1 : 0, INDICATOR_SPRING));
|
|
33
33
|
}, [isOpen, progress]);
|
|
34
|
-
const rotation = useAnimatedStyle(function
|
|
35
|
-
|
|
34
|
+
const rotation = useAnimatedStyle(function chunkIYUT2IKZJs1Factory({
|
|
35
|
+
_worklet_8735882080171_init_data,
|
|
36
36
|
interpolate,
|
|
37
37
|
progress,
|
|
38
38
|
INDICATOR_ROTATION
|
|
39
39
|
}) {
|
|
40
40
|
const _e = [new global.Error(), -4, -27];
|
|
41
|
-
const
|
|
41
|
+
const chunkIYUT2IKZJs1 = function () {
|
|
42
42
|
return {
|
|
43
43
|
transform: [{
|
|
44
44
|
rotate: `${interpolate(progress.get(), [0, 1], [INDICATOR_ROTATION[0], INDICATOR_ROTATION[1]])}deg`
|
|
45
45
|
}]
|
|
46
46
|
};
|
|
47
47
|
};
|
|
48
|
-
|
|
48
|
+
chunkIYUT2IKZJs1.__closure = {
|
|
49
49
|
interpolate,
|
|
50
50
|
progress,
|
|
51
51
|
INDICATOR_ROTATION
|
|
52
52
|
};
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
return
|
|
53
|
+
chunkIYUT2IKZJs1.__workletHash = 8735882080171;
|
|
54
|
+
chunkIYUT2IKZJs1.__pluginVersion = "0.7.4";
|
|
55
|
+
chunkIYUT2IKZJs1.__initData = _worklet_8735882080171_init_data;
|
|
56
|
+
chunkIYUT2IKZJs1.__stackDetails = _e;
|
|
57
|
+
return chunkIYUT2IKZJs1;
|
|
58
58
|
}({
|
|
59
|
-
|
|
59
|
+
_worklet_8735882080171_init_data,
|
|
60
60
|
interpolate,
|
|
61
61
|
progress,
|
|
62
62
|
INDICATOR_ROTATION
|
|
@@ -107,8 +107,11 @@ var ComboboxInput = forwardRef(function ComboboxInput2({
|
|
|
107
107
|
setQuery,
|
|
108
108
|
isOpen,
|
|
109
109
|
isDisabled,
|
|
110
|
+
isInvalid,
|
|
110
111
|
open,
|
|
111
|
-
labelFor
|
|
112
|
+
labelFor,
|
|
113
|
+
labelId,
|
|
114
|
+
descriptionId
|
|
112
115
|
} = useAutocomplete();
|
|
113
116
|
const handleChangeText = useCallback(next => {
|
|
114
117
|
setQuery(next);
|
|
@@ -128,6 +131,9 @@ var ComboboxInput = forwardRef(function ComboboxInput2({
|
|
|
128
131
|
autoCorrect: false,
|
|
129
132
|
autoCapitalize: "none",
|
|
130
133
|
placeholderTextColor: placeholderColor,
|
|
134
|
+
"aria-labelledby": labelId,
|
|
135
|
+
"aria-describedby": descriptionId,
|
|
136
|
+
"aria-invalid": isInvalid || void 0,
|
|
131
137
|
...rest,
|
|
132
138
|
style: [valueStyle, sheet.input, styleProps, style]
|
|
133
139
|
});
|
|
@@ -207,6 +213,7 @@ ComboboxTrigger.displayName = "XAUI.Combobox.Trigger";
|
|
|
207
213
|
|
|
208
214
|
// src/components/combobox/index.ts
|
|
209
215
|
var Combobox = Object.assign(ComboboxRoot, {
|
|
216
|
+
Label: AutocompleteLabel,
|
|
210
217
|
Trigger: ComboboxTrigger,
|
|
211
218
|
Input: ComboboxInput,
|
|
212
219
|
Indicator: ComboboxIndicator,
|
|
@@ -214,6 +221,8 @@ var Combobox = Object.assign(ComboboxRoot, {
|
|
|
214
221
|
Content: AutocompleteContent,
|
|
215
222
|
Item: AutocompleteItem,
|
|
216
223
|
ItemLabel: AutocompleteItemLabel,
|
|
217
|
-
Empty: AutocompleteEmpty
|
|
224
|
+
Empty: AutocompleteEmpty,
|
|
225
|
+
Description: AutocompleteDescription,
|
|
226
|
+
Error: AutocompleteError
|
|
218
227
|
});
|
|
219
228
|
export { ComboboxIndicator, ComboboxInput, ComboboxRoot, ComboboxTrigger, Combobox };
|
|
@@ -38,6 +38,7 @@ function _optionalChain(ops) {
|
|
|
38
38
|
}
|
|
39
39
|
var _chunkFJGPDWMScjs = require('./chunk-FJGPDWMS.cjs');
|
|
40
40
|
var _chunkYVYYONTPcjs = require('./chunk-YVYYONTP.cjs');
|
|
41
|
+
var _chunkBKY5YQ7Wcjs = require('./chunk-BKY5YQ7W.cjs');
|
|
41
42
|
var _chunkXILRXEULcjs = require('./chunk-XILRXEUL.cjs');
|
|
42
43
|
var _chunkWDDXU3OHcjs = require('./chunk-WDDXU3OH.cjs');
|
|
43
44
|
var _chunkEKS3W46Mcjs = require('./chunk-EKS3W46M.cjs');
|
|
@@ -139,7 +140,7 @@ var autocompleteRecipe = _chunkSL3V7R2Ycjs.createRecipe.call(void 0, {
|
|
|
139
140
|
|
|
140
141
|
// src/components/autocomplete/autocomplete.tsx
|
|
141
142
|
var _jsxruntime = require('react/jsx-runtime');
|
|
142
|
-
|
|
143
|
+
var Autocomplete = _react.forwardRef.call(void 0, function Autocomplete2({
|
|
143
144
|
children,
|
|
144
145
|
variant,
|
|
145
146
|
size,
|
|
@@ -155,14 +156,21 @@ function Autocomplete({
|
|
|
155
156
|
defaultQuery = "",
|
|
156
157
|
onQueryChange,
|
|
157
158
|
isDisabled = false,
|
|
158
|
-
isInvalid = false
|
|
159
|
-
|
|
159
|
+
isInvalid = false,
|
|
160
|
+
asChild = false,
|
|
161
|
+
style,
|
|
162
|
+
...props
|
|
163
|
+
}, ref) {
|
|
160
164
|
const theme = _chunkIIAQISBGcjs.useXAUITheme.call(void 0);
|
|
165
|
+
const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
|
|
161
166
|
const {
|
|
162
167
|
labelFor,
|
|
163
168
|
registerLabel
|
|
164
169
|
} = _chunkFJGPDWMScjs.useLabelRegistry.call(void 0);
|
|
165
170
|
const [anchor, setAnchor] = _react.useState.call(void 0, null);
|
|
171
|
+
const id = _react.useId.call(void 0);
|
|
172
|
+
const labelId = `${id}-label`;
|
|
173
|
+
const descriptionId = `${id}-description`;
|
|
166
174
|
const [value, setValue] = _chunk7EIHHOHPcjs.useControllableState.call(void 0, {
|
|
167
175
|
value: controlledValue,
|
|
168
176
|
defaultValue,
|
|
@@ -187,10 +195,7 @@ function Autocomplete({
|
|
|
187
195
|
};
|
|
188
196
|
const styles = _chunkXILRXEULcjs.selectRecipe.resolve({
|
|
189
197
|
theme,
|
|
190
|
-
selection
|
|
191
|
-
states: {
|
|
192
|
-
disabled: isDisabled
|
|
193
|
-
}
|
|
198
|
+
selection
|
|
194
199
|
});
|
|
195
200
|
const pressed = _chunkXILRXEULcjs.selectRecipe.resolve({
|
|
196
201
|
theme,
|
|
@@ -204,6 +209,16 @@ function Autocomplete({
|
|
|
204
209
|
color,
|
|
205
210
|
selection
|
|
206
211
|
}) : void 0;
|
|
212
|
+
const labelled = _chunkBKY5YQ7Wcjs.textFieldRecipe.resolve({
|
|
213
|
+
theme,
|
|
214
|
+
selection: {
|
|
215
|
+
size,
|
|
216
|
+
isInvalid: isInvalid ? "true" : void 0
|
|
217
|
+
},
|
|
218
|
+
states: {
|
|
219
|
+
disabled: isDisabled
|
|
220
|
+
}
|
|
221
|
+
});
|
|
207
222
|
const own = autocompleteRecipe.resolve({
|
|
208
223
|
theme,
|
|
209
224
|
selection: {
|
|
@@ -246,6 +261,9 @@ function Autocomplete({
|
|
|
246
261
|
itemStyle: styles.item,
|
|
247
262
|
itemPressedStyle: pressed.item,
|
|
248
263
|
itemLabelStyle: styles.itemLabel,
|
|
264
|
+
labelStyle: labelled.label,
|
|
265
|
+
descriptionStyle: labelled.description,
|
|
266
|
+
errorStyle: labelled.error,
|
|
249
267
|
glyph: {
|
|
250
268
|
size: indicator.fontSize,
|
|
251
269
|
color: typeof indicator.color === "string" ? indicator.color : void 0
|
|
@@ -264,14 +282,31 @@ function Autocomplete({
|
|
|
264
282
|
anchor,
|
|
265
283
|
setAnchor,
|
|
266
284
|
labelFor,
|
|
267
|
-
registerLabel
|
|
285
|
+
registerLabel,
|
|
286
|
+
labelId,
|
|
287
|
+
descriptionId
|
|
268
288
|
};
|
|
269
|
-
}, [styles, pressed, tint, own, ownTint, value, query, setQueryState, isOpen, isDisabled, isInvalid, open, close, toggle, select, anchor, labelFor, registerLabel]);
|
|
289
|
+
}, [styles, pressed, tint, own, ownTint, labelled, labelId, descriptionId, value, query, setQueryState, isOpen, isDisabled, isInvalid, open, close, toggle, select, anchor, labelFor, registerLabel]);
|
|
290
|
+
const columnStyle = [labelled.root, styleProps, style];
|
|
291
|
+
const column = asChild ?
|
|
292
|
+
// R12 — the caller's element is the column.
|
|
293
|
+
/* @__PURE__ */
|
|
294
|
+
_jsxruntime.jsx.call(void 0, _chunkCDRGTUYFcjs.Slot, {
|
|
295
|
+
ref,
|
|
296
|
+
...rest,
|
|
297
|
+
style: columnStyle,
|
|
298
|
+
children
|
|
299
|
+
}) : /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.View, {
|
|
300
|
+
ref,
|
|
301
|
+
...rest,
|
|
302
|
+
style: columnStyle,
|
|
303
|
+
children
|
|
304
|
+
});
|
|
270
305
|
return /* @__PURE__ */_jsxruntime.jsx.call(void 0, AutocompleteProvider, {
|
|
271
306
|
value: context,
|
|
272
|
-
children
|
|
307
|
+
children: column
|
|
273
308
|
});
|
|
274
|
-
}
|
|
309
|
+
});
|
|
275
310
|
Autocomplete.displayName = "XAUI.Autocomplete.Root";
|
|
276
311
|
|
|
277
312
|
// src/components/autocomplete/autocomplete-content.tsx
|
|
@@ -564,11 +599,54 @@ function partition(children) {
|
|
|
564
599
|
};
|
|
565
600
|
}
|
|
566
601
|
|
|
602
|
+
// src/components/autocomplete/autocomplete-description.tsx
|
|
603
|
+
|
|
604
|
+
var AutocompleteDescription = _react.forwardRef.call(void 0, function AutocompleteDescription2({
|
|
605
|
+
children,
|
|
606
|
+
style,
|
|
607
|
+
nativeID,
|
|
608
|
+
...props
|
|
609
|
+
}, ref) {
|
|
610
|
+
const {
|
|
611
|
+
descriptionStyle,
|
|
612
|
+
descriptionId
|
|
613
|
+
} = useAutocomplete();
|
|
614
|
+
const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
|
|
615
|
+
return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.Text, {
|
|
616
|
+
ref,
|
|
617
|
+
nativeID: _nullishCoalesce(nativeID, () => descriptionId),
|
|
618
|
+
style: [descriptionStyle, styleProps, style],
|
|
619
|
+
...rest,
|
|
620
|
+
children
|
|
621
|
+
});
|
|
622
|
+
});
|
|
623
|
+
AutocompleteDescription.displayName = "XAUI.Autocomplete.Description";
|
|
624
|
+
|
|
625
|
+
// src/components/autocomplete/autocomplete-error.tsx
|
|
626
|
+
|
|
627
|
+
var AutocompleteError = _react.forwardRef.call(void 0, function AutocompleteError2({
|
|
628
|
+
children,
|
|
629
|
+
style,
|
|
630
|
+
...props
|
|
631
|
+
}, ref) {
|
|
632
|
+
const {
|
|
633
|
+
errorStyle
|
|
634
|
+
} = useAutocomplete();
|
|
635
|
+
const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
|
|
636
|
+
return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.Text, {
|
|
637
|
+
ref,
|
|
638
|
+
style: [errorStyle, styleProps, style],
|
|
639
|
+
...rest,
|
|
640
|
+
children
|
|
641
|
+
});
|
|
642
|
+
});
|
|
643
|
+
AutocompleteError.displayName = "XAUI.Autocomplete.Error";
|
|
644
|
+
|
|
567
645
|
// src/components/autocomplete/autocomplete-indicator.tsx
|
|
568
|
-
const
|
|
569
|
-
code: "function
|
|
570
|
-
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-
|
|
571
|
-
sourceMap: "{\"version\":3,\"names\":[\"
|
|
646
|
+
const _worklet_4309456951627_init_data = {
|
|
647
|
+
code: "function chunkJMHB7K53Cjs1(){const{_reactnativereanimated,progress,_chunkEKS3W46Mcjs}=this.__closure;return{transform:[{rotate:_reactnativereanimated.interpolate.call(void 0,progress.get(),[0,1],[_chunkEKS3W46Mcjs.INDICATOR_ROTATION[0],_chunkEKS3W46Mcjs.INDICATOR_ROTATION[1]])+\"deg\"}]};}",
|
|
648
|
+
location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-JMHB7K53.cjs",
|
|
649
|
+
sourceMap: "{\"version\":3,\"names\":[\"chunkJMHB7K53Cjs1\",\"_reactnativereanimated\",\"progress\",\"_chunkEKS3W46Mcjs\",\"__closure\",\"transform\",\"rotate\",\"interpolate\",\"call\",\"get\",\"INDICATOR_ROTATION\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-JMHB7K53.cjs\"],\"mappings\":\"AAwlBwE,SAAAA,iBAAMA,CAAA,QAAAC,sBAAA,CAAAC,QAAA,CAAAC,iBAAA,OAAAC,SAAA,CAE1E,MAAO,CACLC,SAAS,CAAE,CACT,CACEC,MAAM,CAAKL,sBAAsB,CAACM,WAAW,CAACC,IAAI,CAAC,IAAK,EAAC,CAAEN,QAAQ,CAACO,GAAG,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAACN,iBAAiB,CAACO,kBAAkB,CAAC,CAAC,CAAC,CAAEP,iBAAiB,CAACO,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,MACxK,CAAC,CAEL,CAAC,CACH\",\"ignoreList\":[]}"
|
|
572
650
|
};
|
|
573
651
|
function AutocompleteIndicator(props) {
|
|
574
652
|
const {
|
|
@@ -582,32 +660,32 @@ function AutocompleteIndicator(props) {
|
|
|
582
660
|
_react.useEffect.call(void 0, () => {
|
|
583
661
|
progress.set(_reactnativereanimated.withSpring.call(void 0, isOpen ? 1 : 0, _chunkEKS3W46Mcjs.INDICATOR_SPRING));
|
|
584
662
|
}, [isOpen, progress]);
|
|
585
|
-
const rotation = _reactnativereanimated.useAnimatedStyle.call(void 0, function
|
|
586
|
-
|
|
663
|
+
const rotation = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkJMHB7K53Cjs1Factory({
|
|
664
|
+
_worklet_4309456951627_init_data,
|
|
587
665
|
_reactnativereanimated,
|
|
588
666
|
progress,
|
|
589
667
|
_chunkEKS3W46Mcjs
|
|
590
668
|
}) {
|
|
591
669
|
const _e = [new global.Error(), -4, -27];
|
|
592
|
-
const
|
|
670
|
+
const chunkJMHB7K53Cjs1 = function () {
|
|
593
671
|
return {
|
|
594
672
|
transform: [{
|
|
595
673
|
rotate: `${_reactnativereanimated.interpolate.call(void 0, progress.get(), [0, 1], [_chunkEKS3W46Mcjs.INDICATOR_ROTATION[0], _chunkEKS3W46Mcjs.INDICATOR_ROTATION[1]])}deg`
|
|
596
674
|
}]
|
|
597
675
|
};
|
|
598
676
|
};
|
|
599
|
-
|
|
677
|
+
chunkJMHB7K53Cjs1.__closure = {
|
|
600
678
|
_reactnativereanimated,
|
|
601
679
|
progress,
|
|
602
680
|
_chunkEKS3W46Mcjs
|
|
603
681
|
};
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
return
|
|
682
|
+
chunkJMHB7K53Cjs1.__workletHash = 4309456951627;
|
|
683
|
+
chunkJMHB7K53Cjs1.__pluginVersion = "0.7.4";
|
|
684
|
+
chunkJMHB7K53Cjs1.__initData = _worklet_4309456951627_init_data;
|
|
685
|
+
chunkJMHB7K53Cjs1.__stackDetails = _e;
|
|
686
|
+
return chunkJMHB7K53Cjs1;
|
|
609
687
|
}({
|
|
610
|
-
|
|
688
|
+
_worklet_4309456951627_init_data,
|
|
611
689
|
_reactnativereanimated,
|
|
612
690
|
progress,
|
|
613
691
|
_chunkEKS3W46Mcjs
|
|
@@ -621,6 +699,29 @@ function AutocompleteIndicator(props) {
|
|
|
621
699
|
}
|
|
622
700
|
AutocompleteIndicator.displayName = "XAUI.Autocomplete.Indicator";
|
|
623
701
|
|
|
702
|
+
// src/components/autocomplete/autocomplete-label.tsx
|
|
703
|
+
|
|
704
|
+
var AutocompleteLabel = _react.forwardRef.call(void 0, function AutocompleteLabel2({
|
|
705
|
+
children,
|
|
706
|
+
style,
|
|
707
|
+
nativeID,
|
|
708
|
+
...props
|
|
709
|
+
}, ref) {
|
|
710
|
+
const {
|
|
711
|
+
labelStyle,
|
|
712
|
+
labelId
|
|
713
|
+
} = useAutocomplete();
|
|
714
|
+
const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
|
|
715
|
+
return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.Text, {
|
|
716
|
+
ref,
|
|
717
|
+
nativeID: _nullishCoalesce(nativeID, () => labelId),
|
|
718
|
+
style: [labelStyle, styleProps, style],
|
|
719
|
+
...rest,
|
|
720
|
+
children
|
|
721
|
+
});
|
|
722
|
+
});
|
|
723
|
+
AutocompleteLabel.displayName = "XAUI.Autocomplete.Label";
|
|
724
|
+
|
|
624
725
|
// src/components/autocomplete/autocomplete-overlay.tsx
|
|
625
726
|
|
|
626
727
|
var AnimatedPressable = _reactnativereanimated2.default.createAnimatedComponent(_reactnative.Pressable);
|
|
@@ -678,7 +779,9 @@ var AutocompleteTrigger = _react.forwardRef.call(void 0, function AutocompleteTr
|
|
|
678
779
|
isDisabled,
|
|
679
780
|
isInvalid,
|
|
680
781
|
toggle,
|
|
681
|
-
setAnchor
|
|
782
|
+
setAnchor,
|
|
783
|
+
labelId,
|
|
784
|
+
descriptionId
|
|
682
785
|
} = useAutocomplete();
|
|
683
786
|
const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
|
|
684
787
|
const [isPressed, press] = _chunk7DPL3ZDScjs.usePressState.call(void 0, {
|
|
@@ -723,6 +826,8 @@ var AutocompleteTrigger = _react.forwardRef.call(void 0, function AutocompleteTr
|
|
|
723
826
|
...accessibilityState
|
|
724
827
|
},
|
|
725
828
|
"aria-invalid": isInvalid || void 0,
|
|
829
|
+
"aria-labelledby": labelId,
|
|
830
|
+
"aria-describedby": descriptionId,
|
|
726
831
|
...rest,
|
|
727
832
|
onLayout: handleLayout,
|
|
728
833
|
style: [triggerStyle, isPressed && triggerPressedStyle, styleProps, typeof style === "function" ? style({
|
|
@@ -765,7 +870,8 @@ var AutocompleteValue = _react.forwardRef.call(void 0, function AutocompleteValu
|
|
|
765
870
|
AutocompleteValue.displayName = "XAUI.Autocomplete.Value";
|
|
766
871
|
|
|
767
872
|
// src/components/autocomplete/index.ts
|
|
768
|
-
var
|
|
873
|
+
var Autocomplete3 = Object.assign(Autocomplete, {
|
|
874
|
+
Label: AutocompleteLabel,
|
|
769
875
|
Trigger: AutocompleteTrigger,
|
|
770
876
|
Value: AutocompleteValue,
|
|
771
877
|
Indicator: AutocompleteIndicator,
|
|
@@ -774,7 +880,9 @@ var Autocomplete2 = Object.assign(Autocomplete, {
|
|
|
774
880
|
Search: AutocompleteSearch,
|
|
775
881
|
Item: AutocompleteItem,
|
|
776
882
|
ItemLabel: AutocompleteItemLabel,
|
|
777
|
-
Empty: AutocompleteEmpty
|
|
883
|
+
Empty: AutocompleteEmpty,
|
|
884
|
+
Description: AutocompleteDescription,
|
|
885
|
+
Error: AutocompleteError
|
|
778
886
|
});
|
|
779
887
|
exports.useAutocomplete = useAutocomplete;
|
|
780
888
|
exports.useAutocompleteItem = useAutocompleteItem;
|
|
@@ -785,8 +893,11 @@ exports.AutocompleteItemLabel = AutocompleteItemLabel;
|
|
|
785
893
|
exports.AutocompleteItem = AutocompleteItem;
|
|
786
894
|
exports.AutocompleteSearch = AutocompleteSearch;
|
|
787
895
|
exports.AutocompleteContent = AutocompleteContent;
|
|
896
|
+
exports.AutocompleteDescription = AutocompleteDescription;
|
|
897
|
+
exports.AutocompleteError = AutocompleteError;
|
|
788
898
|
exports.AutocompleteIndicator = AutocompleteIndicator;
|
|
899
|
+
exports.AutocompleteLabel = AutocompleteLabel;
|
|
789
900
|
exports.AutocompleteOverlay = AutocompleteOverlay;
|
|
790
901
|
exports.AutocompleteTrigger = AutocompleteTrigger;
|
|
791
902
|
exports.AutocompleteValue = AutocompleteValue;
|
|
792
|
-
exports.Autocomplete2 =
|
|
903
|
+
exports.Autocomplete2 = Autocomplete3;
|