@korsolutions/ui 0.0.93 → 0.0.94
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/module/components/combobox/components/combobox-list.js +8 -15
- package/dist/module/components/combobox/components/combobox-list.js.map +1 -1
- package/dist/module/components/combobox/components/combobox-option.js +5 -1
- package/dist/module/components/combobox/components/combobox-option.js.map +1 -1
- package/dist/module/components/combobox/components/combobox-root.js +18 -71
- package/dist/module/components/combobox/components/combobox-root.js.map +1 -1
- package/dist/module/components/combobox/components/combobox-trigger.js +11 -31
- package/dist/module/components/combobox/components/combobox-trigger.js.map +1 -1
- package/dist/module/components/combobox/context.js.map +1 -1
- package/dist/module/components/select/components/select-content.js +2 -3
- package/dist/module/components/select/components/select-content.js.map +1 -1
- package/dist/module/components/select/components/select-option.js +2 -2
- package/dist/module/components/select/components/select-option.js.map +1 -1
- package/dist/module/components/select/components/select-overlay.js +2 -3
- package/dist/module/components/select/components/select-overlay.js.map +1 -1
- package/dist/module/components/select/components/select-root.js +3 -3
- package/dist/module/components/select/components/select-root.js.map +1 -1
- package/dist/module/components/select/components/select-trigger.js +3 -4
- package/dist/module/components/select/components/select-trigger.js.map +1 -1
- package/dist/module/components/select/variants/default.js +0 -5
- package/dist/module/components/select/variants/default.js.map +1 -1
- package/dist/module/utils/calculate-styles.js +6 -0
- package/dist/module/utils/calculate-styles.js.map +1 -1
- package/dist/typescript/src/components/combobox/components/combobox-list.d.ts +1 -1
- package/dist/typescript/src/components/combobox/components/combobox-list.d.ts.map +1 -1
- package/dist/typescript/src/components/combobox/components/combobox-option.d.ts.map +1 -1
- package/dist/typescript/src/components/combobox/components/combobox-root.d.ts +8 -25
- package/dist/typescript/src/components/combobox/components/combobox-root.d.ts.map +1 -1
- package/dist/typescript/src/components/combobox/components/combobox-trigger.d.ts +2 -1
- package/dist/typescript/src/components/combobox/components/combobox-trigger.d.ts.map +1 -1
- package/dist/typescript/src/components/combobox/context.d.ts +9 -8
- package/dist/typescript/src/components/combobox/context.d.ts.map +1 -1
- package/dist/typescript/src/components/select/components/select-content.d.ts.map +1 -1
- package/dist/typescript/src/components/select/components/select-option.d.ts.map +1 -1
- package/dist/typescript/src/components/select/components/select-overlay.d.ts.map +1 -1
- package/dist/typescript/src/components/select/components/select-root.d.ts.map +1 -1
- package/dist/typescript/src/components/select/components/select-trigger.d.ts +2 -2
- package/dist/typescript/src/components/select/components/select-trigger.d.ts.map +1 -1
- package/dist/typescript/src/components/select/types.d.ts +2 -2
- package/dist/typescript/src/components/select/types.d.ts.map +1 -1
- package/dist/typescript/src/components/select/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/utils/calculate-styles.d.ts +2 -0
- package/dist/typescript/src/utils/calculate-styles.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/combobox/components/combobox-list.tsx +9 -17
- package/src/components/combobox/components/combobox-option.tsx +5 -1
- package/src/components/combobox/components/combobox-root.tsx +33 -117
- package/src/components/combobox/components/combobox-trigger.tsx +13 -36
- package/src/components/combobox/context.ts +12 -9
- package/src/components/select/components/select-content.tsx +6 -7
- package/src/components/select/components/select-option.tsx +5 -4
- package/src/components/select/components/select-overlay.tsx +6 -7
- package/src/components/select/components/select-root.tsx +14 -3
- package/src/components/select/components/select-trigger.tsx +12 -12
- package/src/components/select/types.ts +2 -2
- package/src/components/select/variants/default.tsx +0 -5
- package/src/utils/calculate-styles.ts +16 -1
|
@@ -1,24 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React from "react";
|
|
4
|
+
import { List } from "../../list/index.js";
|
|
4
5
|
import { useCombobox } from "../context.js";
|
|
5
|
-
import {
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
7
|
export function ComboboxList(props) {
|
|
7
8
|
const combobox = useCombobox();
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
}
|
|
15
|
-
return /*#__PURE__*/_jsx(_Fragment, {
|
|
16
|
-
children: items.map((item, index) => /*#__PURE__*/_jsxs(React.Fragment, {
|
|
17
|
-
children: [props.renderItem({
|
|
18
|
-
item,
|
|
19
|
-
index
|
|
20
|
-
}), index < items.length - 1 && props.renderSeparator?.()]
|
|
21
|
-
}, keyExtractor(item, index)))
|
|
9
|
+
return /*#__PURE__*/_jsx(List, {
|
|
10
|
+
data: combobox.items,
|
|
11
|
+
keyExtractor: props.keyExtractor,
|
|
12
|
+
renderItem: props.renderItem,
|
|
13
|
+
renderEmpty: props.renderEmpty,
|
|
14
|
+
renderSeparator: props.renderSeparator
|
|
22
15
|
});
|
|
23
16
|
}
|
|
24
17
|
//# sourceMappingURL=combobox-list.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","
|
|
1
|
+
{"version":3,"names":["React","List","useCombobox","jsx","_jsx","ComboboxList","props","combobox","data","items","keyExtractor","renderItem","renderEmpty","renderSeparator"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-list.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,qBAAY;AACjC,SAASC,WAAW,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASzC,OAAO,SAASC,YAAYA,CAAIC,KAA2B,EAAE;EAC3D,MAAMC,QAAQ,GAAGL,WAAW,CAAC,CAAC;EAE9B,oBACEE,IAAA,CAACH,IAAI;IACHO,IAAI,EAAED,QAAQ,CAACE,KAAa;IAC5BC,YAAY,EAAEJ,KAAK,CAACI,YAAa;IACjCC,UAAU,EAAEL,KAAK,CAACK,UAAW;IAC7BC,WAAW,EAAEN,KAAK,CAACM,WAAY;IAC/BC,eAAe,EAAEP,KAAK,CAACO;EAAgB,CACxC,CAAC;AAEN","ignoreList":[]}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import React, { useState } from "react";
|
|
4
4
|
import { Pressable, StyleSheet } from "react-native";
|
|
5
|
+
import { setInnerInputValue } from "../../../utils/input-utils.js";
|
|
5
6
|
import { useCombobox } from "../context.js";
|
|
6
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
8
|
const calculateState = (comboboxState, hovered, selected) => {
|
|
@@ -20,8 +21,11 @@ export function ComboboxOption(props) {
|
|
|
20
21
|
const optionStyles = combobox.styles?.option;
|
|
21
22
|
const composedStyles = StyleSheet.flatten([optionStyles?.default, optionStyles?.[optionState]]);
|
|
22
23
|
const handlePress = () => {
|
|
23
|
-
combobox.onChange
|
|
24
|
+
combobox.onChange(props.item);
|
|
24
25
|
combobox.setIsOpen(false);
|
|
26
|
+
if (!combobox.inputRef.current) return;
|
|
27
|
+
const itemLabel = combobox.getItemLabel(props.item);
|
|
28
|
+
setInnerInputValue(combobox.inputRef.current, itemLabel);
|
|
25
29
|
};
|
|
26
30
|
return /*#__PURE__*/_jsx(Pressable, {
|
|
27
31
|
onPress: handlePress,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","Pressable","StyleSheet","useCombobox","jsx","_jsx","calculateState","comboboxState","hovered","selected","ComboboxOption","props","isHovered","setIsHovered","combobox","itemValue","getItemValue","item","selectedValue","value","undefined","isSelected","optionState","state","optionStyles","styles","option","composedStyles","flatten","default","handlePress","onChange","setIsOpen","onPress","onPointerEnter","onPointerLeave","style","children"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-option.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,EAAEC,UAAU,QAAwC,cAAc;AAEpF,SAASC,WAAW,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQzC,MAAMC,cAAc,GAAGA,CACrBC,aAA4B,EAC5BC,OAAgB,EAChBC,QAAiB,KACO;EACxB,IAAIF,aAAa,KAAK,UAAU,EAAE,OAAO,UAAU;EACnD,IAAIE,QAAQ,EAAE,OAAO,UAAU;EAC/B,IAAID,OAAO,EAAE,OAAO,SAAS;EAC7B,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASE,cAAcA,CAAIC,KAA6B,EAAE;EAC/D,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,
|
|
1
|
+
{"version":3,"names":["React","useState","Pressable","StyleSheet","setInnerInputValue","useCombobox","jsx","_jsx","calculateState","comboboxState","hovered","selected","ComboboxOption","props","isHovered","setIsHovered","combobox","itemValue","getItemValue","item","selectedValue","value","undefined","isSelected","optionState","state","optionStyles","styles","option","composedStyles","flatten","default","handlePress","onChange","setIsOpen","inputRef","current","itemLabel","getItemLabel","onPress","onPointerEnter","onPointerLeave","style","children"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-option.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,EAAEC,UAAU,QAAwC,cAAc;AAEpF,SAASC,kBAAkB,QAAQ,+BAA4B;AAC/D,SAASC,WAAW,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQzC,MAAMC,cAAc,GAAGA,CACrBC,aAA4B,EAC5BC,OAAgB,EAChBC,QAAiB,KACO;EACxB,IAAIF,aAAa,KAAK,UAAU,EAAE,OAAO,UAAU;EACnD,IAAIE,QAAQ,EAAE,OAAO,UAAU;EAC/B,IAAID,OAAO,EAAE,OAAO,SAAS;EAC7B,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASE,cAAcA,CAAIC,KAA6B,EAAE;EAC/D,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGd,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMe,QAAQ,GAAGX,WAAW,CAAC,CAAC;EAE9B,MAAMY,SAAS,GAAGD,QAAQ,CAACE,YAAY,CAACL,KAAK,CAACM,IAAI,CAAC;EACnD,MAAMC,aAAa,GAAGJ,QAAQ,CAACK,KAAK,IAAI,IAAI,GAAGL,QAAQ,CAACE,YAAY,CAACF,QAAQ,CAACK,KAAK,CAAC,GAAGC,SAAS;EAChG,MAAMC,UAAU,GAAGN,SAAS,KAAKG,aAAa;EAE9C,MAAMI,WAAW,GAAGhB,cAAc,CAACQ,QAAQ,CAACS,KAAK,EAAEX,SAAS,EAAES,UAAU,CAAC;EACzE,MAAMG,YAAY,GAAGV,QAAQ,CAACW,MAAM,EAAEC,MAAM;EAC5C,MAAMC,cAAc,GAAG1B,UAAU,CAAC2B,OAAO,CAAC,CAACJ,YAAY,EAAEK,OAAO,EAAEL,YAAY,GAAGF,WAAW,CAAC,CAAC,CAAC;EAE/F,MAAMQ,WAAW,GAAGA,CAAA,KAAM;IACxBhB,QAAQ,CAACiB,QAAQ,CAACpB,KAAK,CAACM,IAAI,CAAC;IAC7BH,QAAQ,CAACkB,SAAS,CAAC,KAAK,CAAC;IACzB,IAAI,CAAClB,QAAQ,CAACmB,QAAQ,CAACC,OAAO,EAAE;IAChC,MAAMC,SAAS,GAAGrB,QAAQ,CAACsB,YAAY,CAACzB,KAAK,CAACM,IAAI,CAAC;IACnDf,kBAAkB,CAACY,QAAQ,CAACmB,QAAQ,CAACC,OAAO,EAAEC,SAAS,CAAC;EAC1D,CAAC;EAED,oBACE9B,IAAA,CAACL,SAAS;IACRqC,OAAO,EAAEP,WAAY;IACrBQ,cAAc,EAAEA,CAAA,KAAMzB,YAAY,CAAC,IAAI,CAAE;IACzC0B,cAAc,EAAEA,CAAA,KAAM1B,YAAY,CAAC,KAAK,CAAE;IAC1C2B,KAAK,EAAEb,cAAuC;IAAAc,QAAA,EAE7C9B,KAAK,CAAC8B;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import React, {
|
|
3
|
+
import React, { useMemo, useRef, useState } from "react";
|
|
4
4
|
import { StyleSheet, View } from "react-native";
|
|
5
5
|
import { DEFAULT_LAYOUT, DEFAULT_POSITION } from "../../../hooks/index.js";
|
|
6
6
|
import { useComponentConfig } from "../../../themes/provider.js";
|
|
@@ -8,98 +8,45 @@ import { mergeStyles } from "../../../utils/calculate-styles.js";
|
|
|
8
8
|
import { ComboboxContext } from "../context.js";
|
|
9
9
|
import { ComboboxVariants } from "../variants/index.js";
|
|
10
10
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
|
-
const defaultGetItemValue = item => {
|
|
12
|
-
if (typeof item === "string") return item;
|
|
13
|
-
if (typeof item === "object" && item !== null && "value" in item) {
|
|
14
|
-
return String(item.value);
|
|
15
|
-
}
|
|
16
|
-
return String(item);
|
|
17
|
-
};
|
|
18
|
-
const defaultGetItemLabel = item => {
|
|
19
|
-
if (typeof item === "string") return item;
|
|
20
|
-
if (typeof item === "object" && item !== null && "label" in item) {
|
|
21
|
-
return String(item.label);
|
|
22
|
-
}
|
|
23
|
-
return defaultGetItemValue(item);
|
|
24
|
-
};
|
|
25
11
|
const calculateState = props => {
|
|
26
12
|
if (props.isDisabled) return "disabled";
|
|
27
13
|
return "default";
|
|
28
14
|
};
|
|
29
|
-
export function ComboboxRoot(
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
getItemLabel = defaultGetItemLabel,
|
|
36
|
-
filter,
|
|
37
|
-
onInputChange,
|
|
38
|
-
variant = "default",
|
|
39
|
-
size = "md",
|
|
40
|
-
isDisabled = false
|
|
41
|
-
} = props;
|
|
15
|
+
export function ComboboxRoot({
|
|
16
|
+
variant = "default",
|
|
17
|
+
size = "md",
|
|
18
|
+
isDisabled = false,
|
|
19
|
+
...props
|
|
20
|
+
}) {
|
|
42
21
|
const variantStyles = ComboboxVariants[variant](size);
|
|
43
22
|
const globalStyles = useComponentConfig("combobox");
|
|
44
23
|
const mergedStyles = mergeStyles(variantStyles, globalStyles?.styles);
|
|
45
24
|
const [isOpen, setIsOpen] = useState(false);
|
|
46
25
|
const [contentLayout, setContentLayout] = useState(DEFAULT_LAYOUT);
|
|
47
26
|
const [triggerPosition, setTriggerPosition] = useState(DEFAULT_POSITION);
|
|
48
|
-
const
|
|
49
|
-
|
|
50
|
-
// Reset input value when closing
|
|
51
|
-
const prevOpen = useRef(isOpen);
|
|
52
|
-
useEffect(() => {
|
|
53
|
-
if (prevOpen.current && !isOpen) {
|
|
54
|
-
setInputValue("");
|
|
55
|
-
}
|
|
56
|
-
prevOpen.current = isOpen;
|
|
57
|
-
}, [isOpen]);
|
|
58
|
-
|
|
59
|
-
// Notify consumer when input value changes
|
|
60
|
-
const onInputChangeRef = useRef(onInputChange);
|
|
61
|
-
onInputChangeRef.current = onInputChange;
|
|
62
|
-
const isFirstRender = useRef(true);
|
|
63
|
-
useEffect(() => {
|
|
64
|
-
if (isFirstRender.current) {
|
|
65
|
-
isFirstRender.current = false;
|
|
66
|
-
return;
|
|
67
|
-
}
|
|
68
|
-
onInputChangeRef.current?.(inputValue);
|
|
69
|
-
}, [inputValue]);
|
|
70
|
-
const filteredItems = useMemo(() => {
|
|
71
|
-
if (filter === null) return items;
|
|
72
|
-
if (!inputValue) return items;
|
|
73
|
-
const filterFn = filter ?? ((item, query) => {
|
|
74
|
-
const label = getItemLabel(item);
|
|
75
|
-
return label.toLowerCase().includes(query.toLowerCase());
|
|
76
|
-
});
|
|
77
|
-
return items.filter(item => filterFn(item, inputValue));
|
|
78
|
-
}, [items, inputValue, filter, getItemLabel]);
|
|
27
|
+
const inputRef = useRef(null);
|
|
79
28
|
const state = calculateState(props);
|
|
80
29
|
const composedStyles = StyleSheet.flatten([mergedStyles?.root?.default, mergedStyles?.root?.[state], props.style]);
|
|
81
|
-
const handleChange = useCallback(item => {
|
|
82
|
-
onChange?.(item);
|
|
83
|
-
}, [onChange]);
|
|
84
30
|
const contextValue = useMemo(() => ({
|
|
85
|
-
items,
|
|
86
|
-
filteredItems,
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
31
|
+
items: props.items,
|
|
32
|
+
filteredItems: props.items,
|
|
33
|
+
value: props.value,
|
|
34
|
+
onChange: props.onChange,
|
|
35
|
+
inputValue: props.inputValue,
|
|
36
|
+
onInputChange: props.onInputChange,
|
|
37
|
+
inputRef,
|
|
38
|
+
getItemValue: props.getItemValue,
|
|
39
|
+
getItemLabel: props.getItemLabel,
|
|
91
40
|
isOpen,
|
|
92
41
|
setIsOpen,
|
|
93
42
|
triggerPosition,
|
|
94
43
|
setTriggerPosition,
|
|
95
44
|
contentLayout,
|
|
96
45
|
setContentLayout,
|
|
97
|
-
inputValue,
|
|
98
|
-
setInputValue,
|
|
99
46
|
state,
|
|
100
47
|
isDisabled,
|
|
101
48
|
styles: mergedStyles
|
|
102
|
-
}), [items,
|
|
49
|
+
}), [props.items, props.value, props.onChange, props.inputValue, props.onInputChange, props.getItemValue, props.getItemLabel, isOpen, triggerPosition, contentLayout, state, isDisabled, mergedStyles]);
|
|
103
50
|
return /*#__PURE__*/_jsx(ComboboxContext.Provider, {
|
|
104
51
|
value: contextValue,
|
|
105
52
|
children: /*#__PURE__*/_jsx(View, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","
|
|
1
|
+
{"version":3,"names":["React","useMemo","useRef","useState","StyleSheet","View","DEFAULT_LAYOUT","DEFAULT_POSITION","useComponentConfig","mergeStyles","ComboboxContext","ComboboxVariants","jsx","_jsx","calculateState","props","isDisabled","ComboboxRoot","variant","size","variantStyles","globalStyles","mergedStyles","styles","isOpen","setIsOpen","contentLayout","setContentLayout","triggerPosition","setTriggerPosition","inputRef","state","composedStyles","flatten","root","default","style","contextValue","items","filteredItems","value","onChange","inputValue","onInputChange","getItemValue","getItemLabel","Provider","children"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-root.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import React
|
|
3
|
+
import React from "react";
|
|
4
4
|
import { StyleSheet, TextInput } from "react-native";
|
|
5
|
-
import { setInnerInputValue } from "../../../utils/input-utils.js";
|
|
6
5
|
import { measureLayoutPosition } from "../../../utils/normalize-layout.js";
|
|
7
6
|
import { useCombobox } from "../context.js";
|
|
8
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
@@ -16,42 +15,22 @@ export function ComboboxTrigger({
|
|
|
16
15
|
...props
|
|
17
16
|
}) {
|
|
18
17
|
const combobox = useCombobox();
|
|
19
|
-
const triggerRef = useRef(null);
|
|
20
18
|
const triggerState = calculateState(combobox.isDisabled, combobox.isOpen);
|
|
21
19
|
const selectedLabel = combobox.value != null ? combobox.getItemLabel(combobox.value) : "";
|
|
22
|
-
const displayValue = combobox.isOpen ? combobox.inputValue : selectedLabel;
|
|
23
20
|
const open = () => {
|
|
24
21
|
if (combobox.isDisabled) return;
|
|
25
|
-
combobox.
|
|
22
|
+
combobox.onInputChange(selectedLabel);
|
|
26
23
|
requestAnimationFrame(() => {
|
|
27
|
-
measureLayoutPosition(
|
|
24
|
+
measureLayoutPosition(combobox.inputRef.current, layout => {
|
|
28
25
|
combobox.setTriggerPosition(layout);
|
|
29
26
|
combobox.setIsOpen(true);
|
|
30
27
|
});
|
|
31
28
|
});
|
|
32
29
|
};
|
|
33
|
-
const
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
if (!combobox.isOpen) open();
|
|
37
|
-
};
|
|
38
|
-
const onFocus = () => {
|
|
39
|
-
if (!combobox.isOpen) open();
|
|
40
|
-
};
|
|
41
|
-
const setInputValue = value => {
|
|
42
|
-
combobox.setInputValue(value);
|
|
43
|
-
if (triggerRef.current) {
|
|
44
|
-
setInnerInputValue(triggerRef.current, value);
|
|
45
|
-
}
|
|
30
|
+
const onFocus = e => {
|
|
31
|
+
props.onFocus?.(e);
|
|
32
|
+
open();
|
|
46
33
|
};
|
|
47
|
-
useEffect(() => {
|
|
48
|
-
setInputValue(displayValue);
|
|
49
|
-
}, [displayValue]);
|
|
50
|
-
useEffect(() => {
|
|
51
|
-
if (!combobox.isOpen) {
|
|
52
|
-
triggerRef.current?.blur();
|
|
53
|
-
}
|
|
54
|
-
}, [combobox.isOpen]);
|
|
55
34
|
const triggerStyles = combobox.styles?.trigger;
|
|
56
35
|
const composedProps = {
|
|
57
36
|
...triggerStyles?.default,
|
|
@@ -62,17 +41,18 @@ export function ComboboxTrigger({
|
|
|
62
41
|
const composedStyle = StyleSheet.flatten([triggerStyles?.default?.style, triggerStyles?.[triggerState]?.style, props.style]);
|
|
63
42
|
if (render) {
|
|
64
43
|
return render({
|
|
65
|
-
inputRef:
|
|
44
|
+
inputRef: combobox.inputRef,
|
|
66
45
|
open,
|
|
67
|
-
|
|
46
|
+
value: combobox.inputValue,
|
|
47
|
+
onChange: combobox.onInputChange
|
|
68
48
|
});
|
|
69
49
|
}
|
|
70
50
|
return /*#__PURE__*/_jsx(TextInput, {
|
|
71
51
|
...composedProps,
|
|
72
|
-
ref:
|
|
52
|
+
ref: combobox.inputRef,
|
|
73
53
|
value: undefined,
|
|
74
54
|
onChange: undefined,
|
|
75
|
-
onChangeText:
|
|
55
|
+
onChangeText: combobox.onInputChange,
|
|
76
56
|
onFocus: onFocus,
|
|
77
57
|
style: composedStyle
|
|
78
58
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","TextInput","measureLayoutPosition","useCombobox","jsx","_jsx","calculateState","isDisabled","isOpen","ComboboxTrigger","render","props","combobox","triggerState","selectedLabel","value","getItemLabel","open","onInputChange","requestAnimationFrame","inputRef","current","layout","setTriggerPosition","setIsOpen","onFocus","e","triggerStyles","styles","trigger","composedProps","default","style","flatten","composedStyle","inputValue","onChange","ref","undefined","onChangeText"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-trigger.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,SAAS,QAA6B,cAAc;AAEzE,SAASC,qBAAqB,QAAQ,oCAAiC;AACvE,SAASC,WAAW,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAgBzC,MAAMC,cAAc,GAAGA,CAACC,UAAmB,EAAEC,MAAe,KAA2B;EACrF,IAAID,UAAU,EAAE,OAAO,UAAU;EACjC,IAAIC,MAAM,EAAE,OAAO,SAAS;EAC5B,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASC,eAAeA,CAAC;EAAEC,MAAM;EAAE,GAAGC;AAA4B,CAAC,EAAE;EAC1E,MAAMC,QAAQ,GAAGT,WAAW,CAAC,CAAC;EAE9B,MAAMU,YAAY,GAAGP,cAAc,CAACM,QAAQ,CAACL,UAAU,EAAEK,QAAQ,CAACJ,MAAM,CAAC;EACzE,MAAMM,aAAa,GAAGF,QAAQ,CAACG,KAAK,IAAI,IAAI,GAAGH,QAAQ,CAACI,YAAY,CAACJ,QAAQ,CAACG,KAAK,CAAC,GAAG,EAAE;EAEzF,MAAME,IAAI,GAAGA,CAAA,KAAM;IACjB,IAAIL,QAAQ,CAACL,UAAU,EAAE;IACzBK,QAAQ,CAACM,aAAa,CAACJ,aAAa,CAAC;IACrCK,qBAAqB,CAAC,MAAM;MAC1BjB,qBAAqB,CAACU,QAAQ,CAACQ,QAAQ,CAACC,OAAO,EAAGC,MAAM,IAAK;QAC3DV,QAAQ,CAACW,kBAAkB,CAACD,MAAM,CAAC;QACnCV,QAAQ,CAACY,SAAS,CAAC,IAAI,CAAC;MAC1B,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ,CAAC;EAED,MAAMC,OAAkC,GAAIC,CAAC,IAAK;IAChDf,KAAK,CAACc,OAAO,GAAGC,CAAC,CAAC;IAClBT,IAAI,CAAC,CAAC;EACR,CAAC;EAED,MAAMU,aAAa,GAAGf,QAAQ,CAACgB,MAAM,EAAEC,OAAO;EAC9C,MAAMC,aAA6B,GAAG;IACpC,GAAGH,aAAa,EAAEI,OAAO;IACzB,GAAGJ,aAAa,GAAGd,YAAY,CAAC;IAChC,GAAGF,KAAK;IACRqB,KAAK,EAAEhC,UAAU,CAACiC,OAAO,CAAC,CACxBN,aAAa,EAAEI,OAAO,EAAEC,KAAK,EAC7BL,aAAa,GAAGd,YAAY,CAAC,EAAEmB,KAAK,CACrC;EACH,CAAC;EAED,MAAME,aAAa,GAAGlC,UAAU,CAACiC,OAAO,CAAC,CACvCN,aAAa,EAAEI,OAAO,EAAEC,KAAK,EAC7BL,aAAa,GAAGd,YAAY,CAAC,EAAEmB,KAAK,EACpCrB,KAAK,CAACqB,KAAK,CACZ,CAAC;EAEF,IAAItB,MAAM,EAAE;IACV,OAAOA,MAAM,CAAC;MACZU,QAAQ,EAAER,QAAQ,CAACQ,QAAQ;MAC3BH,IAAI;MACJF,KAAK,EAAEH,QAAQ,CAACuB,UAAU;MAC1BC,QAAQ,EAAExB,QAAQ,CAACM;IACrB,CAAC,CAAC;EACJ;EAEA,oBACEb,IAAA,CAACJ,SAAS;IAAA,GACJ6B,aAAa;IACjBO,GAAG,EAAEzB,QAAQ,CAACQ,QAAS;IACvBL,KAAK,EAAEuB,SAAU;IACjBF,QAAQ,EAAEE,SAAU;IACpBC,YAAY,EAAE3B,QAAQ,CAACM,aAAc;IACrCO,OAAO,EAAEA,OAAQ;IACjBO,KAAK,EAAEE;EAAc,CACtB,CAAC;AAEN","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createContext","useContext","ComboboxContext","undefined","useCombobox","context","Error"],"sourceRoot":"../../../../src","sources":["components/combobox/context.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAiBC,UAAU,QAAQ,OAAO;
|
|
1
|
+
{"version":3,"names":["createContext","useContext","ComboboxContext","undefined","useCombobox","context","Error"],"sourceRoot":"../../../../src","sources":["components/combobox/context.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAiBC,UAAU,QAAQ,OAAO;AAiChE,OAAO,MAAMC,eAAe,gBAAGF,aAAa,CAA8BG,SAAS,CAAC;AAEpF,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC/B,MAAMC,OAAO,GAAGJ,UAAU,CAACC,eAAe,CAAC;EAC3C,IAAI,CAACG,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,oDAAoD,CAAC;EACvE;EACA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React from "react";
|
|
4
|
-
import { View } from "react-native";
|
|
4
|
+
import { StyleSheet, View } from "react-native";
|
|
5
5
|
import { useRelativePosition } from "../../../hooks/use-relative-position.js";
|
|
6
|
-
import { calculateComposedStyles } from "../../../utils/calculate-styles.js";
|
|
7
6
|
import { useSelect } from "../context.js";
|
|
8
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
8
|
export function SelectContent(props) {
|
|
10
9
|
const select = useSelect();
|
|
11
|
-
const composedStyles =
|
|
10
|
+
const composedStyles = StyleSheet.flatten([select.styles?.content?.default, select.styles?.content?.[select.state], props.style]);
|
|
12
11
|
const positionStyle = useRelativePosition({
|
|
13
12
|
align: "start",
|
|
14
13
|
triggerPosition: select.triggerPosition,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","View","useRelativePosition","useSelect","jsx","_jsx","SelectContent","props","select","composedStyles","flatten","styles","content","default","state","style","positionStyle","align","triggerPosition","contentLayout","alignOffset","preferredSide","sideOffset","Component","render","width","onLayout","e","setContentLayout","nativeEvent","layout","pointerEvents","children"],"sourceRoot":"../../../../../src","sources":["components/select/components/select-content.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,UAAU,EAAEC,IAAI,QAAwB,cAAc;AAC/E,SAASC,mBAAmB,QAAQ,yCAAsC;AAC1E,SAASC,SAAS,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUvC,OAAO,SAASC,aAAaA,CAACC,KAAyB,EAAE;EACvD,MAAMC,MAAM,GAAGL,SAAS,CAAC,CAAC;EAE1B,MAAMM,cAAc,GAAGT,UAAU,CAACU,OAAO,CAAC,CACxCF,MAAM,CAACG,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAC/BL,MAAM,CAACG,MAAM,EAAEC,OAAO,GAAGJ,MAAM,CAACM,KAAK,CAAC,EACtCP,KAAK,CAACQ,KAAK,CACZ,CAAC;EAEF,MAAMC,aAAa,GAAGd,mBAAmB,CAAC;IACxCe,KAAK,EAAE,OAAO;IACdC,eAAe,EAAEV,MAAM,CAACU,eAAe;IACvCC,aAAa,EAAEX,MAAM,CAACW,aAAa;IACnCC,WAAW,EAAE,CAAC;IACdC,aAAa,EAAE,QAAQ;IACvBC,UAAU,EAAE;EACd,CAAC,CAAC;EAEF,MAAMC,SAAS,GAAGhB,KAAK,CAACiB,MAAM,IAAIvB,IAAI;EACtC,oBACEI,IAAA,CAACkB,SAAS;IACRR,KAAK,EAAE,CAACC,aAAa,EAAEP,cAAc,EAAE;MAAEgB,KAAK,EAAEjB,MAAM,CAACU,eAAe,CAACO;IAAM,CAAC,CAAE;IAChFC,QAAQ,EAAGC,CAAC,IAAK;MACfnB,MAAM,CAACoB,gBAAgB,CAACD,CAAC,CAACE,WAAW,CAACC,MAAM,CAAC;IAC/C,CAAE;IACFC,aAAa,EAAC,UAAU;IAAAC,QAAA,EAEvBzB,KAAK,CAACyB;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import React, { useEffect, useState } from "react";
|
|
4
4
|
import { Pressable, StyleSheet } from "react-native";
|
|
5
|
+
import { extractPressableStyles } from "../../../utils/calculate-styles.js";
|
|
5
6
|
import { useSelect } from "../context.js";
|
|
6
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
8
|
const calculateState = (selectState, hovered, selected) => {
|
|
@@ -21,7 +22,6 @@ export function SelectOption(props) {
|
|
|
21
22
|
const select = useSelect();
|
|
22
23
|
const isSelected = select.value === props.value;
|
|
23
24
|
const optionState = calculateState(select.state, isHovered, isSelected);
|
|
24
|
-
const optionStyles = select.styles?.option;
|
|
25
25
|
useEffect(() => {
|
|
26
26
|
select.setOptions(prev => {
|
|
27
27
|
if (prev.find(option => option.value === props.value)) {
|
|
@@ -43,7 +43,7 @@ export function SelectOption(props) {
|
|
|
43
43
|
onPress: handlePress,
|
|
44
44
|
onPointerEnter: handlePointerEnter,
|
|
45
45
|
onPointerLeave: handlePointerLeave,
|
|
46
|
-
style: styleProps => StyleSheet.flatten([
|
|
46
|
+
style: styleProps => StyleSheet.flatten([extractPressableStyles(select.styles?.option?.default, styleProps), extractPressableStyles(select.styles?.option?.[optionState], styleProps), extractPressableStyles(props.style, styleProps)]),
|
|
47
47
|
children: props.children
|
|
48
48
|
});
|
|
49
49
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useState","Pressable","StyleSheet","useSelect","jsx","_jsx","calculateState","selectState","hovered","selected","SelectOption","props","isHovered","setIsHovered","select","isSelected","value","optionState","state","
|
|
1
|
+
{"version":3,"names":["React","useEffect","useState","Pressable","StyleSheet","extractPressableStyles","useSelect","jsx","_jsx","calculateState","selectState","hovered","selected","SelectOption","props","isHovered","setIsHovered","select","isSelected","value","optionState","state","setOptions","prev","find","option","label","children","handlePress","onChange","setIsOpen","handlePointerEnter","handlePointerLeave","onPress","onPointerEnter","onPointerLeave","style","styleProps","flatten","styles","default"],"sourceRoot":"../../../../../src","sources":["components/select/components/select-option.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,SAAS,EAAEC,UAAU,QAA6B,cAAc;AAEzE,SAASC,sBAAsB,QAAQ,oCAAiC;AACxE,SAASC,SAAS,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASvC,MAAMC,cAAc,GAAGA,CACrBC,WAAwB,EACxBC,OAAgB,EAChBC,QAAiB,KACK;EACtB,IAAIF,WAAW,KAAK,UAAU,EAAE;IAC9B,OAAO,UAAU;EACnB;EACA,IAAIE,QAAQ,EAAE;IACZ,OAAO,UAAU;EACnB;EACA,IAAID,OAAO,EAAE;IACX,OAAO,SAAS;EAClB;EACA,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASE,YAAYA,CAACC,KAAwB,EAAsB;EACzE,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGd,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMe,MAAM,GAAGX,SAAS,CAAC,CAAC;EAC1B,MAAMY,UAAU,GAAGD,MAAM,CAACE,KAAK,KAAKL,KAAK,CAACK,KAAK;EAE/C,MAAMC,WAAW,GAAGX,cAAc,CAACQ,MAAM,CAACI,KAAK,EAAEN,SAAS,EAAEG,UAAU,CAAC;EAEvEjB,SAAS,CAAC,MAAM;IACdgB,MAAM,CAACK,UAAU,CAAEC,IAAI,IAAK;MAC1B,IAAIA,IAAI,CAACC,IAAI,CAAEC,MAAM,IAAKA,MAAM,CAACN,KAAK,KAAKL,KAAK,CAACK,KAAK,CAAC,EAAE;QACvD,OAAOI,IAAI;MACb;MACA,OAAO,CAAC,GAAGA,IAAI,EAAE;QAAEJ,KAAK,EAAEL,KAAK,CAACK,KAAK;QAAEO,KAAK,EAAEZ,KAAK,CAACa;MAAS,CAAC,CAAC;IACjE,CAAC,CAAC;EACJ,CAAC,EAAE,CAACb,KAAK,CAACK,KAAK,EAAEL,KAAK,CAACa,QAAQ,CAAC,CAAC;EAEjC,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxBX,MAAM,CAACY,QAAQ,GAAGf,KAAK,CAACK,KAAK,CAAC;IAC9BF,MAAM,CAACa,SAAS,CAAC,KAAK,CAAC;EACzB,CAAC;EACD,MAAMC,kBAAkB,GAAGA,CAAA,KAAMf,YAAY,CAAC,IAAI,CAAC;EACnD,MAAMgB,kBAAkB,GAAGA,CAAA,KAAMhB,YAAY,CAAC,KAAK,CAAC;EAEpD,oBACER,IAAA,CAACL,SAAS;IACR8B,OAAO,EAAEL,WAAY;IACrBM,cAAc,EAAEH,kBAAmB;IACnCI,cAAc,EAAEH,kBAAmB;IACnCI,KAAK,EAAGC,UAAU,IAChBjC,UAAU,CAACkC,OAAO,CAAC,CACjBjC,sBAAsB,CAACY,MAAM,CAACsB,MAAM,EAAEd,MAAM,EAAEe,OAAO,EAAEH,UAAU,CAAC,EAClEhC,sBAAsB,CAACY,MAAM,CAACsB,MAAM,EAAEd,MAAM,GAAGL,WAAW,CAAC,EAAEiB,UAAU,CAAC,EACxEhC,sBAAsB,CAACS,KAAK,CAACsB,KAAK,EAAEC,UAAU,CAAC,CAChD,CACF;IAAAV,QAAA,EAEAb,KAAK,CAACa;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -1,20 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { calculateComposedStyles } from "../../../utils/calculate-styles.js";
|
|
4
3
|
import React from "react";
|
|
5
4
|
import { Pressable, StyleSheet } from "react-native";
|
|
6
5
|
import { useSelect } from "../context.js";
|
|
7
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
7
|
export function SelectOverlay(props) {
|
|
9
8
|
const select = useSelect();
|
|
10
|
-
const composedStyles =
|
|
9
|
+
const composedStyles = StyleSheet.flatten([select.styles?.overlay?.default, select.styles?.overlay?.[select.state], props.style, StyleSheet.absoluteFill]);
|
|
11
10
|
const Component = props.render ?? Pressable;
|
|
12
11
|
return /*#__PURE__*/_jsx(Component, {
|
|
13
12
|
onPress: () => {
|
|
14
13
|
select.setIsOpen(false);
|
|
15
14
|
},
|
|
16
15
|
pointerEvents: "auto",
|
|
17
|
-
style:
|
|
16
|
+
style: composedStyles,
|
|
18
17
|
children: props.children
|
|
19
18
|
});
|
|
20
19
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["React","Pressable","StyleSheet","useSelect","jsx","_jsx","SelectOverlay","props","select","composedStyles","flatten","styles","overlay","default","state","style","absoluteFill","Component","render","onPress","setIsOpen","pointerEvents","children"],"sourceRoot":"../../../../../src","sources":["components/select/components/select-overlay.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAkBC,UAAU,QAAwB,cAAc;AACpF,SAASC,SAAS,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAYvC,OAAO,SAASC,aAAaA,CAACC,KAAyB,EAAE;EACvD,MAAMC,MAAM,GAAGL,SAAS,CAAC,CAAC;EAE1B,MAAMM,cAAc,GAAGP,UAAU,CAACQ,OAAO,CAAC,CACxCF,MAAM,CAACG,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAC/BL,MAAM,CAACG,MAAM,EAAEC,OAAO,GAAGJ,MAAM,CAACM,KAAK,CAAC,EACtCP,KAAK,CAACQ,KAAK,EACXb,UAAU,CAACc,YAAY,CACxB,CAAC;EAEF,MAAMC,SAAS,GAAGV,KAAK,CAACW,MAAM,IAAIjB,SAAS;EAC3C,oBACEI,IAAA,CAACY,SAAS;IACRE,OAAO,EAAEA,CAAA,KAAM;MACbX,MAAM,CAACY,SAAS,CAAC,KAAK,CAAC;IACzB,CAAE;IACFC,aAAa,EAAC,MAAM;IACpBN,KAAK,EAAEN,cAAe;IAAAa,QAAA,EAErBf,KAAK,CAACe;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React, { useState } from "react";
|
|
4
|
-
import { View } from "react-native";
|
|
4
|
+
import { StyleSheet, View } from "react-native";
|
|
5
5
|
import { DEFAULT_LAYOUT, DEFAULT_POSITION } from "../../../hooks/index.js";
|
|
6
6
|
import { useComponentConfig } from "../../../themes/provider.js";
|
|
7
|
-
import {
|
|
7
|
+
import { mergeStyles } from "../../../utils/calculate-styles.js";
|
|
8
8
|
import { SelectContext } from "../context.js";
|
|
9
9
|
import { SelectVariants } from "../variants/index.js";
|
|
10
10
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
@@ -23,7 +23,7 @@ export function SelectRoot(props) {
|
|
|
23
23
|
const [triggerPosition, setTriggerPosition] = useState(DEFAULT_POSITION);
|
|
24
24
|
const [options, setOptions] = useState([]);
|
|
25
25
|
const state = calculateState(props);
|
|
26
|
-
const composedStyles =
|
|
26
|
+
const composedStyles = StyleSheet.flatten([mergedStyles?.root?.default, mergedStyles?.root?.[state], props.style]);
|
|
27
27
|
const Component = props.render ?? View;
|
|
28
28
|
return /*#__PURE__*/_jsx(SelectContext.Provider, {
|
|
29
29
|
value: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","View","DEFAULT_LAYOUT","DEFAULT_POSITION","useComponentConfig","
|
|
1
|
+
{"version":3,"names":["React","useState","StyleSheet","View","DEFAULT_LAYOUT","DEFAULT_POSITION","useComponentConfig","mergeStyles","SelectContext","SelectVariants","jsx","_jsx","calculateState","props","isDisabled","SelectRoot","variantStyles","variant","size","componentConfig","mergedStyles","styles","isOpen","setIsOpen","contentLayout","setContentLayout","triggerPosition","setTriggerPosition","options","setOptions","state","composedStyles","flatten","root","default","style","Component","render","Provider","value","onChange","children"],"sourceRoot":"../../../../../src","sources":["components/select/components/select-root.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAGEC,UAAU,EACVC,IAAI,QAEC,cAAc;AACrB,SAASC,cAAc,EAAEC,gBAAgB,QAA6B,yBAAgB;AACtF,SAASC,kBAAkB,QAAQ,6BAA0B;AAC7D,SAASC,WAAW,QAAQ,oCAAiC;AAE7D,SAASC,aAAa,QAAQ,eAAY;AAE1C,SAASC,cAAc,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAwB7C,MAAMC,cAAc,GAAIC,KAAsB,IAAkB;EAC9D,IAAIA,KAAK,CAACC,UAAU,EAAE;IACpB,OAAO,UAAU;EACnB;EACA,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASC,UAAUA,CAACF,KAAsB,EAAE;EACjD,MAAMG,aAAa,GAAGP,cAAc,CAACI,KAAK,CAACI,OAAO,IAAI,SAAS,CAAC,CAACJ,KAAK,CAACK,IAAI,IAAI,IAAI,CAAC;EACpF,MAAMC,eAAe,GAAGb,kBAAkB,CAAC,QAAQ,CAAC;EACpD,MAAMc,YAAY,GAAGb,WAAW,CAACS,aAAa,EAAEG,eAAe,EAAEE,MAAM,CAAC;EAExE,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGtB,QAAQ,CAAC,KAAK,CAAC;EAC3C,MAAM,CAACuB,aAAa,EAAEC,gBAAgB,CAAC,GAAGxB,QAAQ,CAAkBG,cAAc,CAAC;EACnF,MAAM,CAACsB,eAAe,EAAEC,kBAAkB,CAAC,GAAG1B,QAAQ,CAAiBI,gBAAgB,CAAC;EACxF,MAAM,CAACuB,OAAO,EAAEC,UAAU,CAAC,GAAG5B,QAAQ,CAAsB,EAAE,CAAC;EAE/D,MAAM6B,KAAK,GAAGlB,cAAc,CAACC,KAAK,CAAC;EAEnC,MAAMkB,cAAc,GAAG7B,UAAU,CAAC8B,OAAO,CAAC,CACxCZ,YAAY,EAAEa,IAAI,EAAEC,OAAO,EAC3Bd,YAAY,EAAEa,IAAI,GAAGH,KAAK,CAAC,EAC3BjB,KAAK,CAACsB,KAAK,CACZ,CAAC;EAEF,MAAMC,SAAS,GAAGvB,KAAK,CAACwB,MAAM,IAAIlC,IAAI;EACtC,oBACEQ,IAAA,CAACH,aAAa,CAAC8B,QAAQ;IACrBC,KAAK,EAAE;MACLA,KAAK,EAAE1B,KAAK,CAAC0B,KAAK;MAClBC,QAAQ,EAAE3B,KAAK,CAAC2B,QAAQ;MACxBlB,MAAM;MACNC,SAAS;MACTG,eAAe;MACfC,kBAAkB;MAClBH,aAAa;MACbC,gBAAgB;MAChBG,OAAO;MACPC,UAAU;MACVC,KAAK;MACLhB,UAAU,EAAED,KAAK,CAACC,UAAU,IAAI,KAAK;MACrCO,MAAM,EAAED;IACV,CAAE;IAAAqB,QAAA,eAEF9B,IAAA,CAACyB,SAAS;MAACD,KAAK,EAAEJ,cAAe;MAAAU,QAAA,EAAE5B,KAAK,CAAC4B;IAAQ,CAAY;EAAC,CACxC,CAAC;AAE7B","ignoreList":[]}
|
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React, { useRef } from "react";
|
|
4
|
-
import { Pressable, Text } from "react-native";
|
|
5
|
-
import {
|
|
4
|
+
import { Pressable, StyleSheet, Text } from "react-native";
|
|
5
|
+
import { extractPressableStyles } from "../../../utils/calculate-styles.js";
|
|
6
6
|
import { measureLayoutPosition } from "../../../utils/normalize-layout.js";
|
|
7
7
|
import { useSelect } from "../context.js";
|
|
8
8
|
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
9
9
|
export function SelectTrigger(props) {
|
|
10
10
|
const select = useSelect();
|
|
11
11
|
const triggerRef = useRef(null);
|
|
12
|
-
const composedStyles = calculateComposedStyles(select.styles, select.state, "trigger", props.style);
|
|
13
12
|
const onTriggerPress = () => {
|
|
14
13
|
if (!select.isOpen) {
|
|
15
14
|
measureLayoutPosition(triggerRef.current, layout => {
|
|
@@ -24,7 +23,7 @@ export function SelectTrigger(props) {
|
|
|
24
23
|
ref: triggerRef,
|
|
25
24
|
onPress: onTriggerPress,
|
|
26
25
|
disabled: select.isDisabled,
|
|
27
|
-
style:
|
|
26
|
+
style: styleProp => StyleSheet.flatten([extractPressableStyles(select.styles?.trigger?.default, styleProp), extractPressableStyles(select.styles?.trigger?.[select.state], styleProp), extractPressableStyles(props.style, styleProp)]),
|
|
28
27
|
children: /*#__PURE__*/_jsx(SelectValue, {
|
|
29
28
|
placeholder: props.placeholder
|
|
30
29
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useRef","Pressable","Text","
|
|
1
|
+
{"version":3,"names":["React","useRef","Pressable","StyleSheet","Text","extractPressableStyles","measureLayoutPosition","useSelect","jsx","_jsx","Fragment","_Fragment","SelectTrigger","props","select","triggerRef","onTriggerPress","isOpen","current","layout","setTriggerPosition","setIsOpen","ref","onPress","disabled","isDisabled","style","styleProp","flatten","styles","trigger","default","state","children","SelectValue","placeholder","selectedOption","options","find","option","value","selectedOptionLabel","label","displayValue","key","slotStyles","composedStyles"],"sourceRoot":"../../../../../src","sources":["components/select/components/select-trigger.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,MAAM,QAAQ,OAAO;AACrC,SACEC,SAAS,EACTC,UAAU,EACVC,IAAI,QAIC,cAAc;AAErB,SAASC,sBAAsB,QAAQ,oCAAiC;AACxE,SAASC,qBAAqB,QAAQ,oCAAiC;AACvE,SAASC,SAAS,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAOvC,OAAO,SAASC,aAAaA,CAACC,KAAyB,EAAE;EACvD,MAAMC,MAAM,GAAGP,SAAS,CAAC,CAAC;EAC1B,MAAMQ,UAAU,GAAGd,MAAM,CAAU,IAAI,CAAC;EAExC,MAAMe,cAAc,GAAGA,CAAA,KAAM;IAC3B,IAAI,CAACF,MAAM,CAACG,MAAM,EAAE;MAClBX,qBAAqB,CAACS,UAAU,CAACG,OAAO,EAAGC,MAAM,IAAK;QACpDL,MAAM,CAACM,kBAAkB,CAACD,MAAM,CAAC;QACjCL,MAAM,CAACO,SAAS,CAAC,IAAI,CAAC;MACxB,CAAC,CAAC;IACJ,CAAC,MAAM;MACLP,MAAM,CAACO,SAAS,CAAC,KAAK,CAAC;IACzB;EACF,CAAC;EAED,oBACEZ,IAAA,CAACP,SAAS;IACRoB,GAAG,EAAEP,UAAW;IAChBQ,OAAO,EAAEP,cAAe;IACxBQ,QAAQ,EAAEV,MAAM,CAACW,UAAW;IAC5BC,KAAK,EAAGC,SAAS,IACfxB,UAAU,CAACyB,OAAO,CAAC,CACjBvB,sBAAsB,CAACS,MAAM,CAACe,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAEJ,SAAS,CAAC,EAClEtB,sBAAsB,CAACS,MAAM,CAACe,MAAM,EAAEC,OAAO,GAAGhB,MAAM,CAACkB,KAAK,CAAC,EAAEL,SAAS,CAAC,EACzEtB,sBAAsB,CAACQ,KAAK,CAACa,KAAK,EAAEC,SAAS,CAAC,CAC/C,CACF;IAAAM,QAAA,eAEDxB,IAAA,CAACyB,WAAW;MAACC,WAAW,EAAEtB,KAAK,CAACsB;IAAY,CAAE;EAAC,CACtC,CAAC;AAEhB;AAOA,OAAO,SAASD,WAAWA,CAACrB,KAAuB,EAAE;EACnD,MAAMC,MAAM,GAAGP,SAAS,CAAC,CAAC;EAE1B,MAAM6B,cAAc,GAAGtB,MAAM,CAACuB,OAAO,CAACC,IAAI,CAAEC,MAAM,IAAKA,MAAM,CAACC,KAAK,KAAK1B,MAAM,CAAC0B,KAAK,CAAC;EACrF,MAAMC,mBAAmB,GAAGL,cAAc,EAAEM,KAAK;EACjD,MAAMC,YAAY,GAAGF,mBAAmB,IAAI3B,MAAM,CAAC0B,KAAK;EAExD,MAAMI,GAAG,GAAGD,YAAY,GAAG,OAAO,GAAG,aAAa;EAClD,MAAME,UAAU,GAAG/B,MAAM,CAACe,MAAM,GAAGe,GAAG,CAAC;EACvC,MAAME,cAAoC,GAAG,CAACD,UAAU,EAAEd,OAAO,EAAEc,UAAU,GAAG/B,MAAM,CAACkB,KAAK,CAAC,CAAC;EAE9F,IAAI,CAAC,CAACW,YAAY,IAAI,OAAOA,YAAY,KAAK,QAAQ,EAAE;IACtD,oBAAOlC,IAAA,CAAAE,SAAA;MAAAsB,QAAA,EAAGU;IAAY,CAAG,CAAC;EAC5B;EACA,oBAAOlC,IAAA,CAACL,IAAI;IAACsB,KAAK,EAAEoB,cAAe;IAAAb,QAAA,EAAEU,YAAY,IAAI9B,KAAK,CAACsB;EAAW,CAAO,CAAC;AAChF","ignoreList":[]}
|
|
@@ -73,15 +73,10 @@ export function useSelectVariantDefault(size) {
|
|
|
73
73
|
default: {
|
|
74
74
|
paddingVertical: s.paddingVertical,
|
|
75
75
|
paddingHorizontal: s.paddingHorizontal,
|
|
76
|
-
fontFamily,
|
|
77
|
-
fontSize: s.fontSize,
|
|
78
|
-
lineHeight: s.lineHeight,
|
|
79
|
-
color: colors.foreground,
|
|
80
76
|
borderRadius: radius / 2,
|
|
81
77
|
cursor: "pointer"
|
|
82
78
|
},
|
|
83
79
|
disabled: {
|
|
84
|
-
color: colors.mutedForeground,
|
|
85
80
|
cursor: "not-allowed"
|
|
86
81
|
},
|
|
87
82
|
selected: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useThemedStyles","useSelectVariantDefault","size","colors","radius","fontFamily","sizeScale","s","root","default","disabled","trigger","borderWidth","borderColor","border","borderRadius","backgroundColor","surface","justifyContent","paddingHorizontal","minHeight","height","muted","cursor","value","fontSize","lineHeight","color","foreground","mutedForeground","placeholder","overlay","zIndex","content","padding","gap","option","paddingVertical","selected","hovered"],"sourceRoot":"../../../../../src","sources":["components/select/variants/default.tsx"],"mappings":";;AAEA,SAASA,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,SAASC,uBAAuBA,CAACC,IAAU,EAAgB;EAChE,OAAOF,eAAe,CAAC,CAAC;IAAEG,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAU,CAAC,KAAmB;IAClF,MAAMC,CAAC,GAAGD,SAAS,CAACJ,IAAI,CAAC;IAEzB,OAAO;MACLM,IAAI,EAAE;QACJC,OAAO,EAAE,CAAC,CAAC;QACXC,QAAQ,EAAE,CAAC;MACb,CAAC;MACDC,OAAO,EAAE;QACPF,OAAO,EAAE;UACPG,WAAW,EAAE,CAAC;UACdC,WAAW,EAAEV,MAAM,CAACW,MAAM;UAC1BC,YAAY,EAAEX,MAAM;UACpBY,eAAe,EAAEb,MAAM,CAACc,OAAO;UAC/BC,cAAc,EAAE,QAAQ;UACxBC,iBAAiB,EAAEZ,CAAC,CAACY,iBAAiB;UACtCC,SAAS,EAAEb,CAAC,CAACc;QACf,CAAC;QACDX,QAAQ,EAAE;UACRM,eAAe,EAAEb,MAAM,CAACmB,KAAK;UAC7BC,MAAM,EAAE;QACV;MACF,CAAC;MACDC,KAAK,EAAE;QACLf,OAAO,EAAE;UACPJ,UAAU;UACVoB,QAAQ,EAAElB,CAAC,CAACkB,QAAQ;UACpBC,UAAU,EAAEnB,CAAC,CAACmB,UAAU;UACxBC,KAAK,EAAExB,MAAM,CAACyB;QAChB,CAAC;QACDlB,QAAQ,EAAE;UACRiB,KAAK,EAAExB,MAAM,CAAC0B;QAChB;MACF,CAAC;MACDC,WAAW,EAAE;QACXrB,OAAO,EAAE;UACPJ,UAAU;UACVoB,QAAQ,EAAElB,CAAC,CAACkB,QAAQ;UACpBC,UAAU,EAAEnB,CAAC,CAACmB,UAAU;UACxBC,KAAK,EAAExB,MAAM,CAAC0B;QAChB,CAAC;QACDnB,QAAQ,EAAE;UACRiB,KAAK,EAAExB,MAAM,CAAC0B;QAChB;MACF,CAAC;MACDE,OAAO,EAAE;QACPtB,OAAO,EAAE;UACPuB,MAAM,EAAE;QACV,CAAC;QACDtB,QAAQ,EAAE,CAAC;MACb,CAAC;MACDuB,OAAO,EAAE;QACPxB,OAAO,EAAE;UACPO,eAAe,EAAEb,MAAM,CAACc,OAAO;UAC/BF,YAAY,EAAEX,MAAM;UACpBQ,WAAW,EAAE,CAAC;UACdC,WAAW,EAAEV,MAAM,CAACW,MAAM;UAC1BoB,OAAO,EAAE,CAAC;UACVC,GAAG,EAAE,CAAC;UACNH,MAAM,EAAE;QACV,CAAC;QACDtB,QAAQ,EAAE,CAAC;MACb,CAAC;MACD0B,MAAM,EAAE;QACN3B,OAAO,EAAE;UACP4B,eAAe,EAAE9B,CAAC,CAAC8B,eAAe;UAClClB,iBAAiB,EAAEZ,CAAC,CAACY,iBAAiB;
|
|
1
|
+
{"version":3,"names":["useThemedStyles","useSelectVariantDefault","size","colors","radius","fontFamily","sizeScale","s","root","default","disabled","trigger","borderWidth","borderColor","border","borderRadius","backgroundColor","surface","justifyContent","paddingHorizontal","minHeight","height","muted","cursor","value","fontSize","lineHeight","color","foreground","mutedForeground","placeholder","overlay","zIndex","content","padding","gap","option","paddingVertical","selected","hovered"],"sourceRoot":"../../../../../src","sources":["components/select/variants/default.tsx"],"mappings":";;AAEA,SAASA,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,SAASC,uBAAuBA,CAACC,IAAU,EAAgB;EAChE,OAAOF,eAAe,CAAC,CAAC;IAAEG,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAU,CAAC,KAAmB;IAClF,MAAMC,CAAC,GAAGD,SAAS,CAACJ,IAAI,CAAC;IAEzB,OAAO;MACLM,IAAI,EAAE;QACJC,OAAO,EAAE,CAAC,CAAC;QACXC,QAAQ,EAAE,CAAC;MACb,CAAC;MACDC,OAAO,EAAE;QACPF,OAAO,EAAE;UACPG,WAAW,EAAE,CAAC;UACdC,WAAW,EAAEV,MAAM,CAACW,MAAM;UAC1BC,YAAY,EAAEX,MAAM;UACpBY,eAAe,EAAEb,MAAM,CAACc,OAAO;UAC/BC,cAAc,EAAE,QAAQ;UACxBC,iBAAiB,EAAEZ,CAAC,CAACY,iBAAiB;UACtCC,SAAS,EAAEb,CAAC,CAACc;QACf,CAAC;QACDX,QAAQ,EAAE;UACRM,eAAe,EAAEb,MAAM,CAACmB,KAAK;UAC7BC,MAAM,EAAE;QACV;MACF,CAAC;MACDC,KAAK,EAAE;QACLf,OAAO,EAAE;UACPJ,UAAU;UACVoB,QAAQ,EAAElB,CAAC,CAACkB,QAAQ;UACpBC,UAAU,EAAEnB,CAAC,CAACmB,UAAU;UACxBC,KAAK,EAAExB,MAAM,CAACyB;QAChB,CAAC;QACDlB,QAAQ,EAAE;UACRiB,KAAK,EAAExB,MAAM,CAAC0B;QAChB;MACF,CAAC;MACDC,WAAW,EAAE;QACXrB,OAAO,EAAE;UACPJ,UAAU;UACVoB,QAAQ,EAAElB,CAAC,CAACkB,QAAQ;UACpBC,UAAU,EAAEnB,CAAC,CAACmB,UAAU;UACxBC,KAAK,EAAExB,MAAM,CAAC0B;QAChB,CAAC;QACDnB,QAAQ,EAAE;UACRiB,KAAK,EAAExB,MAAM,CAAC0B;QAChB;MACF,CAAC;MACDE,OAAO,EAAE;QACPtB,OAAO,EAAE;UACPuB,MAAM,EAAE;QACV,CAAC;QACDtB,QAAQ,EAAE,CAAC;MACb,CAAC;MACDuB,OAAO,EAAE;QACPxB,OAAO,EAAE;UACPO,eAAe,EAAEb,MAAM,CAACc,OAAO;UAC/BF,YAAY,EAAEX,MAAM;UACpBQ,WAAW,EAAE,CAAC;UACdC,WAAW,EAAEV,MAAM,CAACW,MAAM;UAC1BoB,OAAO,EAAE,CAAC;UACVC,GAAG,EAAE,CAAC;UACNH,MAAM,EAAE;QACV,CAAC;QACDtB,QAAQ,EAAE,CAAC;MACb,CAAC;MACD0B,MAAM,EAAE;QACN3B,OAAO,EAAE;UACP4B,eAAe,EAAE9B,CAAC,CAAC8B,eAAe;UAClClB,iBAAiB,EAAEZ,CAAC,CAACY,iBAAiB;UACtCJ,YAAY,EAAEX,MAAM,GAAG,CAAC;UACxBmB,MAAM,EAAE;QACV,CAAC;QACDb,QAAQ,EAAE;UACRa,MAAM,EAAE;QACV,CAAC;QACDe,QAAQ,EAAE;UACRtB,eAAe,EAAEb,MAAM,CAACmB;QAC1B,CAAC;QACDiB,OAAO,EAAE;UACPvB,eAAe,EAAEb,MAAM,CAACmB;QAC1B;MACF;IACF,CAAC;EACH,CAAC,CAAC;AACJ","ignoreList":[]}
|
|
@@ -40,4 +40,10 @@ export const mergeStyles = (variantStyles, globalStyles) => {
|
|
|
40
40
|
}
|
|
41
41
|
return returnStyles;
|
|
42
42
|
};
|
|
43
|
+
export const extractPressableStyles = (style, props) => {
|
|
44
|
+
if (typeof style === "function") {
|
|
45
|
+
return style(props);
|
|
46
|
+
}
|
|
47
|
+
return style;
|
|
48
|
+
};
|
|
43
49
|
//# sourceMappingURL=calculate-styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","calculateComposedStyles","styles","state","component","style","result","componentStyles","push","mergeProps","variantProps","globalProps","mergedProps","isPropsObject","props","mergeStyles","variantStyles","globalStyles","returnStyles","key","flatten"],"sourceRoot":"../../../src","sources":["utils/calculate-styles.ts"],"mappings":";;AAAA,
|
|
1
|
+
{"version":3,"names":["StyleSheet","calculateComposedStyles","styles","state","component","style","result","componentStyles","push","mergeProps","variantProps","globalProps","mergedProps","isPropsObject","props","mergeStyles","variantStyles","globalStyles","returnStyles","key","flatten","extractPressableStyles"],"sourceRoot":"../../../src","sources":["utils/calculate-styles.ts"],"mappings":";;AAAA,SACEA,UAAU,QAIL,cAAc;AAErB,OAAO,MAAMC,uBAAuB,GAAGA,CAKrCC,MAAyE,GAAG,CAAC,CAAC,EAC9EC,KAAY,EACZC,SAAoB,EACpBC,KAAc,KACD;EACb,MAAMC,MAAgB,GAAG,EAAE;EAC3B,MAAMC,eAAe,GAAGL,MAAM,GAAGE,SAAS,CAAC;EAC3C,IAAIG,eAAe,IAAI,SAAS,IAAIA,eAAe,IAAIA,eAAe,CAAC,SAAS,CAAC,EAAE;IACjFD,MAAM,CAACE,IAAI,CAACD,eAAe,CAAC,SAAS,CAAW,CAAC;EACnD;EACA,IAAIA,eAAe,GAAGJ,KAAK,CAAC,EAAE;IAC5BG,MAAM,CAACE,IAAI,CAACD,eAAe,CAACJ,KAAK,CAAC,CAAC;EACrC;EACA,IAAIE,KAAK,EAAE;IACTC,MAAM,CAACE,IAAI,CAACH,KAAK,CAAC;EACpB;EACA,OAAOC,MAAM;AACf,CAAC;AAED,MAAMG,UAAU,GAAGA,CACjBC,YAAoB,EACpBC,WAA+B,KACpB;EACX,IAAI,CAACA,WAAW,EAAE,OAAOD,YAAY;EACrC,MAAME,WAAW,GAAG;IAClB,GAAGD,WAAW;IACd,GAAGD,YAAY;IACfL,KAAK,EAAE,CAACM,WAAW,CAACN,KAAK,EAAEK,YAAY,CAACL,KAAK;EAC/C,CAAC;EACD,OAAOO,WAAW;AACpB,CAAC;AAED,MAAMC,aAAa,GAAIC,KAAc,IAA+B;EAClE,OAAO,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,KAAK,IAAI,IAAI,OAAO,IAAIA,KAAK;AACxE,CAAC;AAED,OAAO,MAAMC,WAAW,GAAGA,CACzBC,aAAqB,EACrBC,YAAgC,KACrB;EACX,IAAI,CAACA,YAAY,EAAE,OAAOD,aAAa;EACvC,MAAME,YAAY,GAAG,CAAC,CAAW;EACjC,KAAK,MAAMC,GAAG,IAAIH,aAAa,EAAE;IAC/B,IAAIH,aAAa,CAACG,aAAa,CAACG,GAAG,CAAC,CAAC,IAAIN,aAAa,CAACI,YAAY,CAACE,GAAG,CAAC,CAAC,EAAE;MACzED,YAAY,CAACC,GAAG,CAAC,GAAGV,UAAU,CAACO,aAAa,CAACG,GAAG,CAAC,EAAEF,YAAY,CAACE,GAAG,CAAC,CAAC;IACvE,CAAC,MAAM;MACL;MACAD,YAAY,CAACC,GAAG,CAAC,GAAGnB,UAAU,CAACoB,OAAO,CAAC,CAACJ,aAAa,CAACG,GAAG,CAAC,EAAEF,YAAY,CAACE,GAAG,CAAC,CAAC,CAAC;IACjF;EACF;EACA,OAAOD,YAAY;AACrB,CAAC;AAED,OAAO,MAAMG,sBAAsB,GAAGA,CACpChB,KAA8B,EAC9BS,KAAiC,KACnB;EACd,IAAI,OAAOT,KAAK,KAAK,UAAU,EAAE;IAC/B,OAAOA,KAAK,CAACS,KAAK,CAAC;EACrB;EACA,OAAOT,KAAK;AACd,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combobox-list.d.ts","sourceRoot":"","sources":["../../../../../../src/components/combobox/components/combobox-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"combobox-list.d.ts","sourceRoot":"","sources":["../../../../../../src/components/combobox/components/combobox-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,UAAU,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,CAAC;IACrE,WAAW,CAAC,EAAE,MAAM,KAAK,CAAC,YAAY,CAAC;IACvC,eAAe,CAAC,EAAE,MAAM,KAAK,CAAC,YAAY,CAAC;CAC5C;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,qBAY1D"}
|