@korsolutions/ui 0.0.65 → 0.0.66
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-content.js +32 -0
- package/dist/module/components/combobox/components/combobox-content.js.map +1 -0
- package/dist/module/components/combobox/components/combobox-empty.js +20 -0
- package/dist/module/components/combobox/components/combobox-empty.js.map +1 -0
- package/dist/module/components/combobox/components/combobox-option.js +56 -0
- package/dist/module/components/combobox/components/combobox-option.js.map +1 -0
- package/dist/module/components/combobox/components/combobox-overlay.js +20 -0
- package/dist/module/components/combobox/components/combobox-overlay.js.map +1 -0
- package/dist/module/components/combobox/components/combobox-portal.js +29 -0
- package/dist/module/components/combobox/components/combobox-portal.js.map +1 -0
- package/dist/module/components/combobox/components/combobox-root.js +79 -0
- package/dist/module/components/combobox/components/combobox-root.js.map +1 -0
- package/dist/module/components/combobox/components/combobox-trigger.js +67 -0
- package/dist/module/components/combobox/components/combobox-trigger.js.map +1 -0
- package/dist/module/components/combobox/context.js +12 -0
- package/dist/module/components/combobox/context.js.map +1 -0
- package/dist/module/components/combobox/index.js +19 -0
- package/dist/module/components/combobox/index.js.map +1 -0
- package/dist/module/components/combobox/types.js +4 -0
- package/dist/module/components/combobox/types.js.map +1 -0
- package/dist/module/components/combobox/variants/default.js +106 -0
- package/dist/module/components/combobox/variants/default.js.map +1 -0
- package/dist/module/components/combobox/variants/index.js +7 -0
- package/dist/module/components/combobox/variants/index.js.map +1 -0
- package/dist/module/components/index.js +1 -0
- package/dist/module/components/index.js.map +1 -1
- package/dist/typescript/src/components/combobox/components/combobox-content.d.ts +8 -0
- package/dist/typescript/src/components/combobox/components/combobox-content.d.ts.map +1 -0
- package/dist/typescript/src/components/combobox/components/combobox-empty.d.ts +6 -0
- package/dist/typescript/src/components/combobox/components/combobox-empty.d.ts.map +1 -0
- package/dist/typescript/src/components/combobox/components/combobox-option.d.ts +8 -0
- package/dist/typescript/src/components/combobox/components/combobox-option.d.ts.map +1 -0
- package/dist/typescript/src/components/combobox/components/combobox-overlay.d.ts +8 -0
- package/dist/typescript/src/components/combobox/components/combobox-overlay.d.ts.map +1 -0
- package/dist/typescript/src/components/combobox/components/combobox-portal.d.ts +6 -0
- package/dist/typescript/src/components/combobox/components/combobox-portal.d.ts.map +1 -0
- package/dist/typescript/src/components/combobox/components/combobox-root.d.ts +19 -0
- package/dist/typescript/src/components/combobox/components/combobox-root.d.ts.map +1 -0
- package/dist/typescript/src/components/combobox/components/combobox-trigger.d.ts +6 -0
- package/dist/typescript/src/components/combobox/components/combobox-trigger.d.ts.map +1 -0
- package/dist/typescript/src/components/combobox/context.d.ts +25 -0
- package/dist/typescript/src/components/combobox/context.d.ts.map +1 -0
- package/dist/typescript/src/components/combobox/index.d.ts +25 -0
- package/dist/typescript/src/components/combobox/index.d.ts.map +1 -0
- package/dist/typescript/src/components/combobox/types.d.ts +21 -0
- package/dist/typescript/src/components/combobox/types.d.ts.map +1 -0
- package/dist/typescript/src/components/combobox/variants/default.d.ts +3 -0
- package/dist/typescript/src/components/combobox/variants/default.d.ts.map +1 -0
- package/dist/typescript/src/components/combobox/variants/index.d.ts +5 -0
- package/dist/typescript/src/components/combobox/variants/index.d.ts.map +1 -0
- package/dist/typescript/src/components/index.d.ts +1 -0
- package/dist/typescript/src/components/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/combobox/components/combobox-content.tsx +51 -0
- package/src/components/combobox/components/combobox-empty.tsx +28 -0
- package/src/components/combobox/components/combobox-option.tsx +81 -0
- package/src/components/combobox/components/combobox-overlay.tsx +36 -0
- package/src/components/combobox/components/combobox-portal.tsx +33 -0
- package/src/components/combobox/components/combobox-root.tsx +152 -0
- package/src/components/combobox/components/combobox-trigger.tsx +96 -0
- package/src/components/combobox/context.ts +40 -0
- package/src/components/combobox/index.ts +26 -0
- package/src/components/combobox/types.ts +23 -0
- package/src/components/combobox/variants/default.tsx +102 -0
- package/src/components/combobox/variants/index.ts +5 -0
- package/src/components/index.ts +1 -0
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { ScrollView, StyleSheet } from "react-native";
|
|
5
|
+
import { useRelativePosition } from "../../../hooks/use-relative-position.js";
|
|
6
|
+
import { useCombobox } from "../context.js";
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
export function ComboboxContent(props) {
|
|
9
|
+
const combobox = useCombobox();
|
|
10
|
+
const composedStyles = StyleSheet.flatten([combobox.styles?.content?.default, combobox.styles?.content?.[combobox.state], props.style]);
|
|
11
|
+
const flatStyles = StyleSheet.flatten(composedStyles);
|
|
12
|
+
const positionStyle = useRelativePosition({
|
|
13
|
+
align: "start",
|
|
14
|
+
triggerPosition: combobox.triggerPosition,
|
|
15
|
+
contentLayout: combobox.contentLayout,
|
|
16
|
+
alignOffset: 0,
|
|
17
|
+
preferredSide: "bottom",
|
|
18
|
+
sideOffset: 2
|
|
19
|
+
});
|
|
20
|
+
return /*#__PURE__*/_jsx(ScrollView, {
|
|
21
|
+
style: [positionStyle, flatStyles, {
|
|
22
|
+
width: combobox.triggerPosition.width
|
|
23
|
+
}],
|
|
24
|
+
onLayout: e => {
|
|
25
|
+
combobox.setContentLayout(e.nativeEvent.layout);
|
|
26
|
+
},
|
|
27
|
+
keyboardShouldPersistTaps: "handled",
|
|
28
|
+
nestedScrollEnabled: true,
|
|
29
|
+
children: props.children
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
//# sourceMappingURL=combobox-content.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","ScrollView","StyleSheet","useRelativePosition","useCombobox","jsx","_jsx","ComboboxContent","props","combobox","composedStyles","flatten","styles","content","default","state","style","flatStyles","positionStyle","align","triggerPosition","contentLayout","alignOffset","preferredSide","sideOffset","width","onLayout","e","setContentLayout","nativeEvent","layout","keyboardShouldPersistTaps","nestedScrollEnabled","children"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-content.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,UAAU,EACVC,UAAU,QAGL,cAAc;AACrB,SAASC,mBAAmB,QAAQ,yCAAsC;AAC1E,SAASC,WAAW,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOzC,OAAO,SAASC,eAAeA,CAACC,KAA2B,EAAE;EAC3D,MAAMC,QAAQ,GAAGL,WAAW,CAAC,CAAC;EAC9B,MAAMM,cAAc,GAAGR,UAAU,CAACS,OAAO,CAAC,CACxCF,QAAQ,CAACG,MAAM,EAAEC,OAAO,EAAEC,OAAO,EACjCL,QAAQ,CAACG,MAAM,EAAEC,OAAO,GAAGJ,QAAQ,CAACM,KAAK,CAAC,EAC1CP,KAAK,CAACQ,KAAK,CACZ,CAAC;EAEF,MAAMC,UAAU,GAAGf,UAAU,CAACS,OAAO,CAACD,cAAc,CAAC;EAErD,MAAMQ,aAAa,GAAGf,mBAAmB,CAAC;IACxCgB,KAAK,EAAE,OAAO;IACdC,eAAe,EAAEX,QAAQ,CAACW,eAAe;IACzCC,aAAa,EAAEZ,QAAQ,CAACY,aAAa;IACrCC,WAAW,EAAE,CAAC;IACdC,aAAa,EAAE,QAAQ;IACvBC,UAAU,EAAE;EACd,CAAC,CAAC;EAEF,oBACElB,IAAA,CAACL,UAAU;IACTe,KAAK,EAAE,CACLE,aAAa,EACbD,UAAU,EACV;MAAEQ,KAAK,EAAEhB,QAAQ,CAACW,eAAe,CAACK;IAAM,CAAC,CACzC;IACFC,QAAQ,EAAGC,CAAC,IAAK;MACflB,QAAQ,CAACmB,gBAAgB,CAACD,CAAC,CAACE,WAAW,CAACC,MAAM,CAAC;IACjD,CAAE;IACFC,yBAAyB,EAAC,SAAS;IACnCC,mBAAmB;IAAAC,QAAA,EAElBzB,KAAK,CAACyB;EAAQ,CACL,CAAC;AAEjB","ignoreList":[]}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { Text } from "react-native";
|
|
5
|
+
import { calculateComposedStyles } from "../../../utils/calculate-styles.js";
|
|
6
|
+
import { useCombobox } from "../context.js";
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
export function ComboboxEmpty(props) {
|
|
9
|
+
const combobox = useCombobox();
|
|
10
|
+
const hasVisibleOptions = combobox.options.some(option => combobox.filter(option.value, combobox.searchQuery));
|
|
11
|
+
if (hasVisibleOptions) {
|
|
12
|
+
return null;
|
|
13
|
+
}
|
|
14
|
+
const composedStyles = calculateComposedStyles(combobox.styles, combobox.state, "empty");
|
|
15
|
+
return /*#__PURE__*/_jsx(Text, {
|
|
16
|
+
style: composedStyles,
|
|
17
|
+
children: props.children
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=combobox-empty.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Text","calculateComposedStyles","useCombobox","jsx","_jsx","ComboboxEmpty","props","combobox","hasVisibleOptions","options","some","option","filter","value","searchQuery","composedStyles","styles","state","style","children"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-empty.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,uBAAuB,QAAQ,oCAAiC;AACzE,SAASC,WAAW,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMzC,OAAO,SAASC,aAAaA,CAACC,KAAyB,EAAE;EACvD,MAAMC,QAAQ,GAAGL,WAAW,CAAC,CAAC;EAE9B,MAAMM,iBAAiB,GAAGD,QAAQ,CAACE,OAAO,CAACC,IAAI,CAAEC,MAAM,IACrDJ,QAAQ,CAACK,MAAM,CAACD,MAAM,CAACE,KAAK,EAAEN,QAAQ,CAACO,WAAW,CACpD,CAAC;EAED,IAAIN,iBAAiB,EAAE;IACrB,OAAO,IAAI;EACb;EAEA,MAAMO,cAAc,GAAGd,uBAAuB,CAC5CM,QAAQ,CAACS,MAAM,EACfT,QAAQ,CAACU,KAAK,EACd,OACF,CAAC;EAED,oBAAOb,IAAA,CAACJ,IAAI;IAACkB,KAAK,EAAEH,cAAe;IAAAI,QAAA,EAAEb,KAAK,CAACa;EAAQ,CAAO,CAAC;AAC7D","ignoreList":[]}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useEffect, useState } from "react";
|
|
4
|
+
import { Pressable, StyleSheet, Text } from "react-native";
|
|
5
|
+
import { useCombobox } from "../context.js";
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
const calculateState = (comboboxState, hovered, selected) => {
|
|
8
|
+
if (comboboxState === "disabled") {
|
|
9
|
+
return "disabled";
|
|
10
|
+
}
|
|
11
|
+
if (selected) {
|
|
12
|
+
return "selected";
|
|
13
|
+
}
|
|
14
|
+
if (hovered) {
|
|
15
|
+
return "hovered";
|
|
16
|
+
}
|
|
17
|
+
return "default";
|
|
18
|
+
};
|
|
19
|
+
export function ComboboxOption(props) {
|
|
20
|
+
const [isHovered, setIsHovered] = useState(false);
|
|
21
|
+
const combobox = useCombobox();
|
|
22
|
+
const isSelected = combobox.value === props.value;
|
|
23
|
+
const optionState = calculateState(combobox.state, isHovered, isSelected);
|
|
24
|
+
const composedStyles = StyleSheet.flatten([combobox.styles?.option?.default, combobox.styles?.option?.[optionState]]);
|
|
25
|
+
useEffect(() => {
|
|
26
|
+
combobox.setOptions(prev => {
|
|
27
|
+
if (prev.find(option => option.value === props.value)) {
|
|
28
|
+
return prev;
|
|
29
|
+
}
|
|
30
|
+
return [...prev, {
|
|
31
|
+
value: props.value,
|
|
32
|
+
label: props.label ?? props.children
|
|
33
|
+
}];
|
|
34
|
+
});
|
|
35
|
+
}, [props.value, props.label, props.children]);
|
|
36
|
+
if (!combobox.filter(props.value, combobox.searchQuery)) {
|
|
37
|
+
return null;
|
|
38
|
+
}
|
|
39
|
+
const Component = typeof props.children === "string" ? Text : Pressable;
|
|
40
|
+
return /*#__PURE__*/_jsx(Component, {
|
|
41
|
+
onPress: () => {
|
|
42
|
+
combobox.onChange?.(props.value);
|
|
43
|
+
combobox.setIsOpen(false);
|
|
44
|
+
combobox.setSearchQuery("");
|
|
45
|
+
},
|
|
46
|
+
onPointerEnter: () => {
|
|
47
|
+
setIsHovered(true);
|
|
48
|
+
},
|
|
49
|
+
onPointerLeave: () => {
|
|
50
|
+
setIsHovered(false);
|
|
51
|
+
},
|
|
52
|
+
style: composedStyles,
|
|
53
|
+
children: props.children
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
//# sourceMappingURL=combobox-option.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useEffect","useState","Pressable","StyleSheet","Text","useCombobox","jsx","_jsx","calculateState","comboboxState","hovered","selected","ComboboxOption","props","isHovered","setIsHovered","combobox","isSelected","value","optionState","state","composedStyles","flatten","styles","option","default","setOptions","prev","find","label","children","filter","searchQuery","Component","onPress","onChange","setIsOpen","setSearchQuery","onPointerEnter","onPointerLeave","style"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-option.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC1D,SAASC,WAAW,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASzC,MAAMC,cAAc,GAAGA,CACrBC,aAA4B,EAC5BC,OAAgB,EAChBC,QAAiB,KACO;EACxB,IAAIF,aAAa,KAAK,UAAU,EAAE;IAChC,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,cAAcA,CAC5BC,KAA0B,EACC;EAC3B,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGd,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMe,QAAQ,GAAGX,WAAW,CAAC,CAAC;EAC9B,MAAMY,UAAU,GAAGD,QAAQ,CAACE,KAAK,KAAKL,KAAK,CAACK,KAAK;EAEjD,MAAMC,WAAW,GAAGX,cAAc,CAACQ,QAAQ,CAACI,KAAK,EAAEN,SAAS,EAAEG,UAAU,CAAC;EACzE,MAAMI,cAAc,GAAGlB,UAAU,CAACmB,OAAO,CAAC,CACxCN,QAAQ,CAACO,MAAM,EAAEC,MAAM,EAAEC,OAAO,EAChCT,QAAQ,CAACO,MAAM,EAAEC,MAAM,GAAGL,WAAW,CAAC,CACvC,CAAC;EAEFnB,SAAS,CAAC,MAAM;IACdgB,QAAQ,CAACU,UAAU,CAAEC,IAAI,IAAK;MAC5B,IAAIA,IAAI,CAACC,IAAI,CAAEJ,MAAM,IAAKA,MAAM,CAACN,KAAK,KAAKL,KAAK,CAACK,KAAK,CAAC,EAAE;QACvD,OAAOS,IAAI;MACb;MACA,OAAO,CACL,GAAGA,IAAI,EACP;QACET,KAAK,EAAEL,KAAK,CAACK,KAAK;QAClBW,KAAK,EAAEhB,KAAK,CAACgB,KAAK,IAAIhB,KAAK,CAACiB;MAC9B,CAAC,CACF;IACH,CAAC,CAAC;EACJ,CAAC,EAAE,CAACjB,KAAK,CAACK,KAAK,EAAEL,KAAK,CAACgB,KAAK,EAAEhB,KAAK,CAACiB,QAAQ,CAAC,CAAC;EAE9C,IAAI,CAACd,QAAQ,CAACe,MAAM,CAAClB,KAAK,CAACK,KAAK,EAAEF,QAAQ,CAACgB,WAAW,CAAC,EAAE;IACvD,OAAO,IAAI;EACb;EAEA,MAAMC,SAAS,GAAG,OAAOpB,KAAK,CAACiB,QAAQ,KAAK,QAAQ,GAAG1B,IAAI,GAAGF,SAAS;EAEvE,oBACEK,IAAA,CAAC0B,SAAS;IACRC,OAAO,EAAEA,CAAA,KAAM;MACblB,QAAQ,CAACmB,QAAQ,GAAGtB,KAAK,CAACK,KAAK,CAAC;MAChCF,QAAQ,CAACoB,SAAS,CAAC,KAAK,CAAC;MACzBpB,QAAQ,CAACqB,cAAc,CAAC,EAAE,CAAC;IAC7B,CAAE;IACFC,cAAc,EAAEA,CAAA,KAAM;MACpBvB,YAAY,CAAC,IAAI,CAAC;IACpB,CAAE;IACFwB,cAAc,EAAEA,CAAA,KAAM;MACpBxB,YAAY,CAAC,KAAK,CAAC;IACrB,CAAE;IACFyB,KAAK,EAAEnB,cAAe;IAAAS,QAAA,EAErBjB,KAAK,CAACiB;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { Pressable, StyleSheet } from "react-native";
|
|
5
|
+
import { useCombobox } from "../context.js";
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
export function ComboboxOverlay(props) {
|
|
8
|
+
const combobox = useCombobox();
|
|
9
|
+
const composedStyles = StyleSheet.flatten([combobox.styles?.overlay?.default, combobox.styles?.overlay?.[combobox.state], props.style]);
|
|
10
|
+
return /*#__PURE__*/_jsx(Pressable, {
|
|
11
|
+
onPress: () => {
|
|
12
|
+
combobox.setIsOpen(false);
|
|
13
|
+
combobox.setSearchQuery("");
|
|
14
|
+
},
|
|
15
|
+
pointerEvents: "auto",
|
|
16
|
+
style: [StyleSheet.absoluteFill, composedStyles],
|
|
17
|
+
children: props.children
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=combobox-overlay.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Pressable","StyleSheet","useCombobox","jsx","_jsx","ComboboxOverlay","props","combobox","composedStyles","flatten","styles","overlay","default","state","style","onPress","setIsOpen","setSearchQuery","pointerEvents","absoluteFill","children"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-overlay.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,SAAS,EAETC,UAAU,QAEL,cAAc;AACrB,SAASC,WAAW,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOzC,OAAO,SAASC,eAAeA,CAACC,KAA2B,EAAE;EAC3D,MAAMC,QAAQ,GAAGL,WAAW,CAAC,CAAC;EAE9B,MAAMM,cAAc,GAAGP,UAAU,CAACQ,OAAO,CAAC,CACxCF,QAAQ,CAACG,MAAM,EAAEC,OAAO,EAAEC,OAAO,EACjCL,QAAQ,CAACG,MAAM,EAAEC,OAAO,GAAGJ,QAAQ,CAACM,KAAK,CAAC,EAC1CP,KAAK,CAACQ,KAAK,CACZ,CAAC;EAEF,oBACEV,IAAA,CAACJ,SAAS;IACRe,OAAO,EAAEA,CAAA,KAAM;MACbR,QAAQ,CAACS,SAAS,CAAC,KAAK,CAAC;MACzBT,QAAQ,CAACU,cAAc,CAAC,EAAE,CAAC;IAC7B,CAAE;IACFC,aAAa,EAAC,MAAM;IACpBJ,KAAK,EAAE,CAACb,UAAU,CAACkB,YAAY,EAAEX,cAAc,CAAE;IAAAY,QAAA,EAEhDd,KAAK,CAACc;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { View } from "react-native";
|
|
5
|
+
import { Portal } from "../../portal/index.js";
|
|
6
|
+
import { ComboboxContext, useCombobox } from "../context.js";
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
export function ComboboxPortal(props) {
|
|
9
|
+
const combobox = useCombobox();
|
|
10
|
+
if (!combobox.isOpen) {
|
|
11
|
+
return /*#__PURE__*/_jsx(View, {
|
|
12
|
+
style: {
|
|
13
|
+
display: "none"
|
|
14
|
+
},
|
|
15
|
+
"aria-hidden": true,
|
|
16
|
+
accessibilityElementsHidden: true,
|
|
17
|
+
importantForAccessibility: "no-hide-descendants",
|
|
18
|
+
children: props.children
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
return /*#__PURE__*/_jsx(Portal, {
|
|
22
|
+
name: "combobox-portal",
|
|
23
|
+
children: /*#__PURE__*/_jsx(ComboboxContext.Provider, {
|
|
24
|
+
value: combobox,
|
|
25
|
+
children: props.children
|
|
26
|
+
})
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
//# sourceMappingURL=combobox-portal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","View","Portal","ComboboxContext","useCombobox","jsx","_jsx","ComboboxPortal","props","combobox","isOpen","style","display","accessibilityElementsHidden","importantForAccessibility","children","name","Provider","value"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-portal.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,MAAM,QAAQ,uBAAc;AACrC,SAASC,eAAe,EAAEC,WAAW,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAM1D,OAAO,SAASC,cAAcA,CAACC,KAA0B,EAAE;EACzD,MAAMC,QAAQ,GAAGL,WAAW,CAAC,CAAC;EAE9B,IAAI,CAACK,QAAQ,CAACC,MAAM,EAAE;IACpB,oBACEJ,IAAA,CAACL,IAAI;MACHU,KAAK,EAAE;QAAEC,OAAO,EAAE;MAAO,CAAE;MAC3B,mBAAW;MACXC,2BAA2B;MAC3BC,yBAAyB,EAAC,qBAAqB;MAAAC,QAAA,EAE9CP,KAAK,CAACO;IAAQ,CACX,CAAC;EAEX;EAEA,oBACET,IAAA,CAACJ,MAAM;IAACc,IAAI,EAAC,iBAAiB;IAAAD,QAAA,eAC5BT,IAAA,CAACH,eAAe,CAACc,QAAQ;MAACC,KAAK,EAAET,QAAS;MAAAM,QAAA,EACvCP,KAAK,CAACO;IAAQ,CACS;EAAC,CACrB,CAAC;AAEb","ignoreList":[]}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useCallback, useMemo, useRef, useState } from "react";
|
|
4
|
+
import { StyleSheet, View } from "react-native";
|
|
5
|
+
import { DEFAULT_LAYOUT, DEFAULT_POSITION } from "../../../hooks/index.js";
|
|
6
|
+
import { ComboboxContext } from "../context.js";
|
|
7
|
+
import { ComboboxVariants } from "../variants/index.js";
|
|
8
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
+
const calculateState = props => {
|
|
10
|
+
if (props.isDisabled) {
|
|
11
|
+
return "disabled";
|
|
12
|
+
}
|
|
13
|
+
return "default";
|
|
14
|
+
};
|
|
15
|
+
const defaultFilter = (value, query, options) => {
|
|
16
|
+
if (!query) return true;
|
|
17
|
+
const lowerQuery = query.toLowerCase();
|
|
18
|
+
const option = options.find(o => o.value === value);
|
|
19
|
+
if (!option) return true;
|
|
20
|
+
if (option.keywords) {
|
|
21
|
+
return option.keywords.some(kw => kw.toLowerCase().includes(lowerQuery));
|
|
22
|
+
}
|
|
23
|
+
if (typeof option.label === "string") {
|
|
24
|
+
return option.label.toLowerCase().includes(lowerQuery);
|
|
25
|
+
}
|
|
26
|
+
return true;
|
|
27
|
+
};
|
|
28
|
+
export function ComboboxRoot(props) {
|
|
29
|
+
const variantStyles = ComboboxVariants[props.variant ?? "default"]();
|
|
30
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
31
|
+
const [contentLayout, setContentLayout] = useState(DEFAULT_LAYOUT);
|
|
32
|
+
const [triggerPosition, setTriggerPosition] = useState(DEFAULT_POSITION);
|
|
33
|
+
const [options, setOptions] = useState([]);
|
|
34
|
+
const [searchQuery, setSearchQueryInternal] = useState("");
|
|
35
|
+
const onSearchChangeRef = useRef(props.onSearchChange);
|
|
36
|
+
onSearchChangeRef.current = props.onSearchChange;
|
|
37
|
+
const setSearchQuery = useCallback(action => {
|
|
38
|
+
setSearchQueryInternal(prev => {
|
|
39
|
+
const next = typeof action === "function" ? action(prev) : action;
|
|
40
|
+
if (next !== prev) {
|
|
41
|
+
onSearchChangeRef.current?.(next);
|
|
42
|
+
}
|
|
43
|
+
return next;
|
|
44
|
+
});
|
|
45
|
+
}, []);
|
|
46
|
+
const filterRef = useRef(props.filter);
|
|
47
|
+
filterRef.current = props.filter;
|
|
48
|
+
const optionsRef = useRef(options);
|
|
49
|
+
optionsRef.current = options;
|
|
50
|
+
const filter = useCallback((value, query) => filterRef.current ? filterRef.current(value, query) : defaultFilter(value, query, optionsRef.current), []);
|
|
51
|
+
const state = calculateState(props);
|
|
52
|
+
const composedStyles = StyleSheet.flatten([variantStyles?.root?.default, variantStyles?.root?.[state], props.style]);
|
|
53
|
+
const contextValue = useMemo(() => ({
|
|
54
|
+
value: props.value,
|
|
55
|
+
onChange: props.onChange,
|
|
56
|
+
isOpen,
|
|
57
|
+
setIsOpen,
|
|
58
|
+
triggerPosition,
|
|
59
|
+
setTriggerPosition,
|
|
60
|
+
contentLayout,
|
|
61
|
+
setContentLayout,
|
|
62
|
+
options,
|
|
63
|
+
setOptions,
|
|
64
|
+
searchQuery,
|
|
65
|
+
setSearchQuery,
|
|
66
|
+
filter,
|
|
67
|
+
state,
|
|
68
|
+
isDisabled: props.isDisabled ?? false,
|
|
69
|
+
styles: variantStyles
|
|
70
|
+
}), [props.value, props.onChange, isOpen, triggerPosition, contentLayout, options, searchQuery, setSearchQuery, filter, state, props.isDisabled, variantStyles]);
|
|
71
|
+
return /*#__PURE__*/_jsx(ComboboxContext.Provider, {
|
|
72
|
+
value: contextValue,
|
|
73
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
74
|
+
style: composedStyles,
|
|
75
|
+
children: props.children
|
|
76
|
+
})
|
|
77
|
+
});
|
|
78
|
+
}
|
|
79
|
+
//# sourceMappingURL=combobox-root.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useCallback","useMemo","useRef","useState","StyleSheet","View","DEFAULT_LAYOUT","DEFAULT_POSITION","ComboboxContext","ComboboxVariants","jsx","_jsx","calculateState","props","isDisabled","defaultFilter","value","query","options","lowerQuery","toLowerCase","option","find","o","keywords","some","kw","includes","label","ComboboxRoot","variantStyles","variant","isOpen","setIsOpen","contentLayout","setContentLayout","triggerPosition","setTriggerPosition","setOptions","searchQuery","setSearchQueryInternal","onSearchChangeRef","onSearchChange","current","setSearchQuery","action","prev","next","filterRef","filter","optionsRef","state","composedStyles","flatten","root","default","style","contextValue","onChange","styles","Provider","children"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-root.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useEffect, useRef } from "react";
|
|
4
|
+
import { StyleSheet, TextInput } from "react-native";
|
|
5
|
+
import { measureLayoutPosition } from "../../../utils/normalize-layout.js";
|
|
6
|
+
import { useCombobox } from "../context.js";
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
const calculateState = (isDisabled, isOpen) => {
|
|
9
|
+
if (isDisabled) return "disabled";
|
|
10
|
+
if (isOpen) return "focused";
|
|
11
|
+
return "default";
|
|
12
|
+
};
|
|
13
|
+
export function ComboboxTrigger(props) {
|
|
14
|
+
const combobox = useCombobox();
|
|
15
|
+
const triggerRef = useRef(null);
|
|
16
|
+
const triggerState = calculateState(combobox.isDisabled, combobox.isOpen);
|
|
17
|
+
const selectedOption = combobox.options.find(option => option.value === combobox.value);
|
|
18
|
+
const displayValue = combobox.isOpen ? combobox.searchQuery : selectedOption ? typeof selectedOption.label === "string" ? selectedOption.label : selectedOption.value : "";
|
|
19
|
+
const open = () => {
|
|
20
|
+
if (combobox.isDisabled) return;
|
|
21
|
+
combobox.setSearchQuery("");
|
|
22
|
+
requestAnimationFrame(() => {
|
|
23
|
+
measureLayoutPosition(triggerRef.current, layout => {
|
|
24
|
+
combobox.setTriggerPosition(layout);
|
|
25
|
+
combobox.setIsOpen(true);
|
|
26
|
+
});
|
|
27
|
+
});
|
|
28
|
+
};
|
|
29
|
+
useEffect(() => {
|
|
30
|
+
triggerRef.current?.setNativeProps({
|
|
31
|
+
text: displayValue
|
|
32
|
+
});
|
|
33
|
+
}, [displayValue]);
|
|
34
|
+
useEffect(() => {
|
|
35
|
+
if (!combobox.isOpen) {
|
|
36
|
+
triggerRef.current?.blur();
|
|
37
|
+
}
|
|
38
|
+
}, [combobox.isOpen]);
|
|
39
|
+
const triggerStyles = combobox.styles?.trigger;
|
|
40
|
+
const composedProps = {
|
|
41
|
+
...triggerStyles?.default,
|
|
42
|
+
...triggerStyles?.[triggerState],
|
|
43
|
+
...props,
|
|
44
|
+
style: StyleSheet.flatten([triggerStyles?.default?.style, triggerStyles?.[triggerState]?.style])
|
|
45
|
+
};
|
|
46
|
+
const composedStyle = StyleSheet.flatten([triggerStyles?.default?.style, triggerStyles?.[triggerState]?.style]);
|
|
47
|
+
return /*#__PURE__*/_jsx(TextInput, {
|
|
48
|
+
...composedProps,
|
|
49
|
+
ref: triggerRef,
|
|
50
|
+
value: undefined,
|
|
51
|
+
onChange: undefined,
|
|
52
|
+
onChangeText: text => {
|
|
53
|
+
if (combobox.isDisabled) return;
|
|
54
|
+
combobox.setSearchQuery(text);
|
|
55
|
+
if (!combobox.isOpen) {
|
|
56
|
+
open();
|
|
57
|
+
}
|
|
58
|
+
},
|
|
59
|
+
onFocus: () => {
|
|
60
|
+
if (!combobox.isOpen) {
|
|
61
|
+
open();
|
|
62
|
+
}
|
|
63
|
+
},
|
|
64
|
+
style: composedStyle
|
|
65
|
+
});
|
|
66
|
+
}
|
|
67
|
+
//# sourceMappingURL=combobox-trigger.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useEffect","useRef","StyleSheet","TextInput","measureLayoutPosition","useCombobox","jsx","_jsx","calculateState","isDisabled","isOpen","ComboboxTrigger","props","combobox","triggerRef","triggerState","selectedOption","options","find","option","value","displayValue","searchQuery","label","open","setSearchQuery","requestAnimationFrame","current","layout","setTriggerPosition","setIsOpen","setNativeProps","text","blur","triggerStyles","styles","trigger","composedProps","default","style","flatten","composedStyle","ref","undefined","onChange","onChangeText","onFocus"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-trigger.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { createContext, useContext } from "react";
|
|
4
|
+
export const ComboboxContext = /*#__PURE__*/createContext(undefined);
|
|
5
|
+
export const useCombobox = () => {
|
|
6
|
+
const context = useContext(ComboboxContext);
|
|
7
|
+
if (!context) {
|
|
8
|
+
throw new Error("useCombobox must be used within a ComboboxProvider");
|
|
9
|
+
}
|
|
10
|
+
return context;
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +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;AA6BhE,OAAO,MAAMC,eAAe,gBAAGF,aAAa,CAC1CG,SACF,CAAC;AAED,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":[]}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { ComboboxContent } from "./components/combobox-content.js";
|
|
4
|
+
import { ComboboxEmpty } from "./components/combobox-empty.js";
|
|
5
|
+
import { ComboboxOption } from "./components/combobox-option.js";
|
|
6
|
+
import { ComboboxOverlay } from "./components/combobox-overlay.js";
|
|
7
|
+
import { ComboboxPortal } from "./components/combobox-portal.js";
|
|
8
|
+
import { ComboboxRoot } from "./components/combobox-root.js";
|
|
9
|
+
import { ComboboxTrigger } from "./components/combobox-trigger.js";
|
|
10
|
+
export const Combobox = {
|
|
11
|
+
Root: ComboboxRoot,
|
|
12
|
+
Trigger: ComboboxTrigger,
|
|
13
|
+
Portal: ComboboxPortal,
|
|
14
|
+
Overlay: ComboboxOverlay,
|
|
15
|
+
Content: ComboboxContent,
|
|
16
|
+
Option: ComboboxOption,
|
|
17
|
+
Empty: ComboboxEmpty
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["ComboboxContent","ComboboxEmpty","ComboboxOption","ComboboxOverlay","ComboboxPortal","ComboboxRoot","ComboboxTrigger","Combobox","Root","Trigger","Portal","Overlay","Content","Option","Empty"],"sourceRoot":"../../../../src","sources":["components/combobox/index.ts"],"mappings":";;AAAA,SAASA,eAAe,QAAQ,kCAA+B;AAC/D,SAASC,aAAa,QAAQ,gCAA6B;AAC3D,SAASC,cAAc,QAAQ,iCAA8B;AAC7D,SAASC,eAAe,QAAQ,kCAA+B;AAC/D,SAASC,cAAc,QAAQ,iCAA8B;AAC7D,SAASC,YAAY,QAAQ,+BAA4B;AACzD,SAASC,eAAe,QAAQ,kCAA+B;AAE/D,OAAO,MAAMC,QAAQ,GAAG;EACtBC,IAAI,EAAEH,YAAY;EAClBI,OAAO,EAAEH,eAAe;EACxBI,MAAM,EAAEN,cAAc;EACtBO,OAAO,EAAER,eAAe;EACxBS,OAAO,EAAEZ,eAAe;EACxBa,MAAM,EAAEX,cAAc;EACtBY,KAAK,EAAEb;AACT,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/combobox/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { Platform } from "react-native";
|
|
4
|
+
import { useThemedStyles } from "../../../utils/use-themed-styles.js";
|
|
5
|
+
export function useComboboxVariantDefault() {
|
|
6
|
+
return useThemedStyles(({
|
|
7
|
+
colors,
|
|
8
|
+
radius,
|
|
9
|
+
fontFamily,
|
|
10
|
+
fontSize
|
|
11
|
+
}) => ({
|
|
12
|
+
root: {
|
|
13
|
+
default: {},
|
|
14
|
+
disabled: {}
|
|
15
|
+
},
|
|
16
|
+
trigger: {
|
|
17
|
+
default: {
|
|
18
|
+
placeholderTextColor: colors.mutedForeground,
|
|
19
|
+
editable: true,
|
|
20
|
+
style: {
|
|
21
|
+
borderWidth: 1,
|
|
22
|
+
borderColor: colors.border,
|
|
23
|
+
borderRadius: radius,
|
|
24
|
+
backgroundColor: colors.surface,
|
|
25
|
+
justifyContent: "center",
|
|
26
|
+
paddingVertical: 4,
|
|
27
|
+
paddingHorizontal: 16,
|
|
28
|
+
minHeight: 48,
|
|
29
|
+
fontFamily,
|
|
30
|
+
fontSize,
|
|
31
|
+
color: colors.foreground,
|
|
32
|
+
outlineWidth: 0,
|
|
33
|
+
pointerEvents: "auto",
|
|
34
|
+
...Platform.select({
|
|
35
|
+
web: {
|
|
36
|
+
outline: "none"
|
|
37
|
+
}
|
|
38
|
+
})
|
|
39
|
+
}
|
|
40
|
+
},
|
|
41
|
+
focused: {
|
|
42
|
+
style: {
|
|
43
|
+
borderColor: colors.primary
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
disabled: {
|
|
47
|
+
editable: false,
|
|
48
|
+
style: {
|
|
49
|
+
backgroundColor: colors.muted,
|
|
50
|
+
color: colors.mutedForeground,
|
|
51
|
+
pointerEvents: "none"
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
},
|
|
55
|
+
overlay: {
|
|
56
|
+
default: {
|
|
57
|
+
zIndex: 999
|
|
58
|
+
},
|
|
59
|
+
disabled: {}
|
|
60
|
+
},
|
|
61
|
+
content: {
|
|
62
|
+
default: {
|
|
63
|
+
backgroundColor: colors.surface,
|
|
64
|
+
borderRadius: radius,
|
|
65
|
+
borderWidth: 1,
|
|
66
|
+
borderColor: colors.border,
|
|
67
|
+
padding: 4,
|
|
68
|
+
gap: 4,
|
|
69
|
+
zIndex: 1000,
|
|
70
|
+
maxHeight: 256
|
|
71
|
+
},
|
|
72
|
+
disabled: {}
|
|
73
|
+
},
|
|
74
|
+
option: {
|
|
75
|
+
default: {
|
|
76
|
+
paddingVertical: 12,
|
|
77
|
+
paddingHorizontal: 16,
|
|
78
|
+
fontFamily,
|
|
79
|
+
fontSize,
|
|
80
|
+
color: colors.foreground,
|
|
81
|
+
borderRadius: radius / 2
|
|
82
|
+
},
|
|
83
|
+
disabled: {
|
|
84
|
+
color: colors.mutedForeground
|
|
85
|
+
},
|
|
86
|
+
selected: {
|
|
87
|
+
backgroundColor: colors.muted
|
|
88
|
+
},
|
|
89
|
+
hovered: {
|
|
90
|
+
backgroundColor: colors.muted
|
|
91
|
+
}
|
|
92
|
+
},
|
|
93
|
+
empty: {
|
|
94
|
+
default: {
|
|
95
|
+
paddingVertical: 12,
|
|
96
|
+
paddingHorizontal: 16,
|
|
97
|
+
fontFamily,
|
|
98
|
+
fontSize,
|
|
99
|
+
color: colors.mutedForeground,
|
|
100
|
+
textAlign: "center"
|
|
101
|
+
},
|
|
102
|
+
disabled: {}
|
|
103
|
+
}
|
|
104
|
+
}));
|
|
105
|
+
}
|
|
106
|
+
//# sourceMappingURL=default.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Platform","useThemedStyles","useComboboxVariantDefault","colors","radius","fontFamily","fontSize","root","default","disabled","trigger","placeholderTextColor","mutedForeground","editable","style","borderWidth","borderColor","border","borderRadius","backgroundColor","surface","justifyContent","paddingVertical","paddingHorizontal","minHeight","color","foreground","outlineWidth","pointerEvents","select","web","outline","focused","primary","muted","overlay","zIndex","content","padding","gap","maxHeight","option","selected","hovered","empty","textAlign"],"sourceRoot":"../../../../../src","sources":["components/combobox/variants/default.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,SAASC,yBAAyBA,CAAA,EAAmB;EAC1D,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAsB;IAC7DC,IAAI,EAAE;MACJC,OAAO,EAAE,CAAC,CAAC;MACXC,QAAQ,EAAE,CAAC;IACb,CAAC;IACDC,OAAO,EAAE;MACPF,OAAO,EAAE;QACPG,oBAAoB,EAAER,MAAM,CAACS,eAAe;QAC5CC,QAAQ,EAAE,IAAI;QACdC,KAAK,EAAE;UACLC,WAAW,EAAE,CAAC;UACdC,WAAW,EAAEb,MAAM,CAACc,MAAM;UAC1BC,YAAY,EAAEd,MAAM;UACpBe,eAAe,EAAEhB,MAAM,CAACiB,OAAO;UAC/BC,cAAc,EAAE,QAAQ;UACxBC,eAAe,EAAE,CAAC;UAClBC,iBAAiB,EAAE,EAAE;UACrBC,SAAS,EAAE,EAAE;UACbnB,UAAU;UACVC,QAAQ;UACRmB,KAAK,EAAEtB,MAAM,CAACuB,UAAU;UACxBC,YAAY,EAAE,CAAC;UACfC,aAAa,EAAE,MAAM;UACrB,GAAG5B,QAAQ,CAAC6B,MAAM,CAAC;YACjBC,GAAG,EAAE;cACHC,OAAO,EAAE;YACX;UACF,CAAC;QACH;MACF,CAAC;MACDC,OAAO,EAAE;QACPlB,KAAK,EAAE;UACLE,WAAW,EAAEb,MAAM,CAAC8B;QACtB;MACF,CAAC;MACDxB,QAAQ,EAAE;QACRI,QAAQ,EAAE,KAAK;QACfC,KAAK,EAAE;UACLK,eAAe,EAAEhB,MAAM,CAAC+B,KAAK;UAC7BT,KAAK,EAAEtB,MAAM,CAACS,eAAe;UAC7BgB,aAAa,EAAE;QACjB;MACF;IACF,CAAC;IACDO,OAAO,EAAE;MACP3B,OAAO,EAAE;QACP4B,MAAM,EAAE;MACV,CAAC;MACD3B,QAAQ,EAAE,CAAC;IACb,CAAC;IACD4B,OAAO,EAAE;MACP7B,OAAO,EAAE;QACPW,eAAe,EAAEhB,MAAM,CAACiB,OAAO;QAC/BF,YAAY,EAAEd,MAAM;QACpBW,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEb,MAAM,CAACc,MAAM;QAC1BqB,OAAO,EAAE,CAAC;QACVC,GAAG,EAAE,CAAC;QACNH,MAAM,EAAE,IAAI;QACZI,SAAS,EAAE;MACb,CAAC;MACD/B,QAAQ,EAAE,CAAC;IACb,CAAC;IACDgC,MAAM,EAAE;MACNjC,OAAO,EAAE;QACPc,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBlB,UAAU;QACVC,QAAQ;QACRmB,KAAK,EAAEtB,MAAM,CAACuB,UAAU;QACxBR,YAAY,EAAEd,MAAM,GAAG;MACzB,CAAC;MACDK,QAAQ,EAAE;QACRgB,KAAK,EAAEtB,MAAM,CAACS;MAChB,CAAC;MACD8B,QAAQ,EAAE;QACRvB,eAAe,EAAEhB,MAAM,CAAC+B;MAC1B,CAAC;MACDS,OAAO,EAAE;QACPxB,eAAe,EAAEhB,MAAM,CAAC+B;MAC1B;IACF,CAAC;IACDU,KAAK,EAAE;MACLpC,OAAO,EAAE;QACPc,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBlB,UAAU;QACVC,QAAQ;QACRmB,KAAK,EAAEtB,MAAM,CAACS,eAAe;QAC7BiC,SAAS,EAAE;MACb,CAAC;MACDpC,QAAQ,EAAE,CAAC;IACb;EACF,CAAC,CACH,CAAC;AACH","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useComboboxVariantDefault","ComboboxVariants","default"],"sourceRoot":"../../../../../src","sources":["components/combobox/variants/index.ts"],"mappings":";;AAAA,SAASA,yBAAyB,QAAQ,cAAW;AAErD,OAAO,MAAMC,gBAAgB,GAAG;EAC9BC,OAAO,EAAEF;AACX,CAAC","ignoreList":[]}
|
|
@@ -7,6 +7,7 @@ export * from "./badge/index.js";
|
|
|
7
7
|
export * from "./button/index.js";
|
|
8
8
|
export * from "./calendar/index.js";
|
|
9
9
|
export * from "./card/index.js";
|
|
10
|
+
export * from "./combobox/index.js";
|
|
10
11
|
export * from "./checkbox/index.js";
|
|
11
12
|
export * from "./empty/index.js";
|
|
12
13
|
export * from "./field/index.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,kBAAS;AACvB,cAAc,yBAAgB;AAC9B,cAAc,mBAAU;AACxB,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,qBAAY;AAC1B,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,kBAAS;AACvB,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,iBAAQ;AACtB,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAc,oBAAW;AACzB,cAAc,mBAAU;AACxB,cAAc,qBAAY;AAC1B,cAAc,uBAAc;AAC5B,cAAc,mBAAU;AACxB,cAAc,sBAAa;AAC3B,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,kBAAS;AACvB,cAAc,sBAAa;AAC3B,cAAc,uBAAc","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,kBAAS;AACvB,cAAc,yBAAgB;AAC9B,cAAc,mBAAU;AACxB,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,qBAAY;AAC1B,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,qBAAY;AAC1B,cAAc,kBAAS;AACvB,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,iBAAQ;AACtB,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAc,oBAAW;AACzB,cAAc,mBAAU;AACxB,cAAc,qBAAY;AAC1B,cAAc,uBAAc;AAC5B,cAAc,mBAAU;AACxB,cAAc,sBAAa;AAC3B,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,kBAAS;AACvB,cAAc,sBAAa;AAC3B,cAAc,uBAAc","ignoreList":[]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type StyleProp, type ViewStyle } from "react-native";
|
|
3
|
+
export interface ComboboxContentProps {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
style?: StyleProp<ViewStyle>;
|
|
6
|
+
}
|
|
7
|
+
export declare function ComboboxContent(props: ComboboxContentProps): React.JSX.Element;
|
|
8
|
+
//# sourceMappingURL=combobox-content.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"combobox-content.d.ts","sourceRoot":"","sources":["../../../../../../src/components/combobox/components/combobox-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAmC1D"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"combobox-empty.d.ts","sourceRoot":"","sources":["../../../../../../src/components/combobox/components/combobox-empty.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,4BAkBtD"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export type ComboboxOptionProps = {
|
|
3
|
+
value: string;
|
|
4
|
+
label?: string;
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
};
|
|
7
|
+
export declare function ComboboxOption(props: ComboboxOptionProps): React.ReactElement | null;
|
|
8
|
+
//# sourceMappingURL=combobox-option.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"combobox-option.d.ts","sourceRoot":"","sources":["../../../../../../src/components/combobox/components/combobox-option.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAmBF,wBAAgB,cAAc,CAC5B,KAAK,EAAE,mBAAmB,GACzB,KAAK,CAAC,YAAY,GAAG,IAAI,CAkD3B"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type StyleProp, type ViewStyle } from "react-native";
|
|
3
|
+
export interface ComboboxOverlayProps {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
style?: StyleProp<ViewStyle>;
|
|
6
|
+
}
|
|
7
|
+
export declare function ComboboxOverlay(props: ComboboxOverlayProps): React.JSX.Element;
|
|
8
|
+
//# sourceMappingURL=combobox-overlay.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"combobox-overlay.d.ts","sourceRoot":"","sources":["../../../../../../src/components/combobox/components/combobox-overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAqB1D"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"combobox-portal.d.ts","sourceRoot":"","sources":["../../../../../../src/components/combobox/components/combobox-portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAuBxD"}
|