@korsolutions/ui 0.0.64 → 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/button/button.js +44 -0
- package/dist/module/components/button/button.js.map +1 -0
- package/dist/module/components/button/index.js +1 -8
- package/dist/module/components/button/index.js.map +1 -1
- package/dist/module/components/button/variants/default.js +15 -10
- package/dist/module/components/button/variants/default.js.map +1 -1
- package/dist/module/components/button/variants/ghost.js +19 -4
- package/dist/module/components/button/variants/ghost.js.map +1 -1
- package/dist/module/components/button/variants/secondary.js +19 -4
- package/dist/module/components/button/variants/secondary.js.map +1 -1
- 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/module/hooks/use-organized-children.js.map +1 -1
- package/dist/typescript/src/components/button/{components/button-root.d.ts → button.d.ts} +4 -4
- package/dist/typescript/src/components/button/button.d.ts.map +1 -0
- package/dist/typescript/src/components/button/index.d.ts +1 -11
- package/dist/typescript/src/components/button/index.d.ts.map +1 -1
- package/dist/typescript/src/components/button/types.d.ts +6 -6
- package/dist/typescript/src/components/button/types.d.ts.map +1 -1
- package/dist/typescript/src/components/button/variants/default.d.ts +1 -1
- package/dist/typescript/src/components/button/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/components/button/variants/ghost.d.ts +1 -1
- package/dist/typescript/src/components/button/variants/ghost.d.ts.map +1 -1
- package/dist/typescript/src/components/button/variants/secondary.d.ts +1 -1
- package/dist/typescript/src/components/button/variants/secondary.d.ts.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/dist/typescript/src/hooks/use-organized-children.d.ts +1 -1
- package/dist/typescript/src/hooks/use-organized-children.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/button/button.tsx +85 -0
- package/src/components/button/index.ts +1 -13
- package/src/components/button/types.ts +10 -6
- package/src/components/button/variants/default.tsx +12 -6
- package/src/components/button/variants/ghost.tsx +18 -2
- package/src/components/button/variants/secondary.tsx +18 -2
- 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
- package/src/hooks/use-organized-children.tsx +1 -1
- package/dist/module/components/button/components/button-label.js +0 -18
- package/dist/module/components/button/components/button-label.js.map +0 -1
- package/dist/module/components/button/components/button-root.js +0 -60
- package/dist/module/components/button/components/button-root.js.map +0 -1
- package/dist/module/components/button/components/button-spinner.js +0 -15
- package/dist/module/components/button/components/button-spinner.js.map +0 -1
- package/dist/module/components/button/context.js +0 -12
- package/dist/module/components/button/context.js.map +0 -1
- package/dist/typescript/src/components/button/components/button-label.d.ts +0 -9
- package/dist/typescript/src/components/button/components/button-label.d.ts.map +0 -1
- package/dist/typescript/src/components/button/components/button-root.d.ts.map +0 -1
- package/dist/typescript/src/components/button/components/button-spinner.d.ts +0 -8
- package/dist/typescript/src/components/button/components/button-spinner.d.ts.map +0 -1
- package/dist/typescript/src/components/button/context.d.ts +0 -8
- package/dist/typescript/src/components/button/context.d.ts.map +0 -1
- package/src/components/button/components/button-label.tsx +0 -25
- package/src/components/button/components/button-root.tsx +0 -76
- package/src/components/button/components/button-spinner.tsx +0 -14
- package/src/components/button/context.ts +0 -17
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useState } from "react";
|
|
4
|
+
import { ActivityIndicator, Pressable, StyleSheet } from "react-native";
|
|
5
|
+
import { useOrganizedChildren } from "../../hooks/use-organized-children.js";
|
|
6
|
+
import { ButtonVariants } from "./variants/index.js";
|
|
7
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
|
+
const calculateState = (props, isHovered) => {
|
|
9
|
+
if (props.isDisabled) return "disabled";
|
|
10
|
+
if (props.isLoading) return "loading";
|
|
11
|
+
if (isHovered) return "hovered";
|
|
12
|
+
return "default";
|
|
13
|
+
};
|
|
14
|
+
export function Button(props) {
|
|
15
|
+
const variantStyles = ButtonVariants[props.variant ?? "default"]();
|
|
16
|
+
const [isHovered, setIsHovered] = useState(false);
|
|
17
|
+
const state = calculateState(props, isHovered);
|
|
18
|
+
const textStyle = StyleSheet.flatten([variantStyles.text?.default, variantStyles.text?.[state]]);
|
|
19
|
+
const iconProps = StyleSheet.flatten([variantStyles.icon?.default, variantStyles.icon?.[state]]);
|
|
20
|
+
const organizedChildren = useOrganizedChildren(props.children, textStyle, iconProps);
|
|
21
|
+
const handlePress = event => {
|
|
22
|
+
if (props.isDisabled || props.isLoading) {
|
|
23
|
+
event.preventDefault();
|
|
24
|
+
return;
|
|
25
|
+
}
|
|
26
|
+
props.onPress?.(event);
|
|
27
|
+
};
|
|
28
|
+
const spinnerProps = {
|
|
29
|
+
...variantStyles.spinner?.[state],
|
|
30
|
+
...variantStyles.spinner?.default
|
|
31
|
+
};
|
|
32
|
+
return /*#__PURE__*/_jsxs(Pressable, {
|
|
33
|
+
...props,
|
|
34
|
+
onPress: handlePress,
|
|
35
|
+
onHoverIn: () => setIsHovered(true),
|
|
36
|
+
onHoverOut: () => setIsHovered(false),
|
|
37
|
+
disabled: props.isDisabled,
|
|
38
|
+
style: [variantStyles.root?.default, variantStyles.root?.[state], props.style],
|
|
39
|
+
children: [organizedChildren, props.isLoading && /*#__PURE__*/_jsx(ActivityIndicator, {
|
|
40
|
+
...spinnerProps
|
|
41
|
+
})]
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
//# sourceMappingURL=button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useState","ActivityIndicator","Pressable","StyleSheet","useOrganizedChildren","ButtonVariants","jsx","_jsx","jsxs","_jsxs","calculateState","props","isHovered","isDisabled","isLoading","Button","variantStyles","variant","setIsHovered","state","textStyle","flatten","text","default","iconProps","icon","organizedChildren","children","handlePress","event","preventDefault","onPress","spinnerProps","spinner","onHoverIn","onHoverOut","disabled","style","root"],"sourceRoot":"../../../../src","sources":["components/button/button.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SACEC,iBAAiB,EACjBC,SAAS,EAGTC,UAAU,QAEL,cAAc;AACrB,SAASC,oBAAoB,QAAQ,uCAAoC;AAEzE,SAASC,cAAc,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAY5C,MAAMC,cAAc,GAAGA,CACrBC,KAAkB,EAClBC,SAAkB,KACF;EAChB,IAAID,KAAK,CAACE,UAAU,EAAE,OAAO,UAAU;EACvC,IAAIF,KAAK,CAACG,SAAS,EAAE,OAAO,SAAS;EACrC,IAAIF,SAAS,EAAE,OAAO,SAAS;EAC/B,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASG,MAAMA,CAACJ,KAAkB,EAAE;EACzC,MAAMK,aAAa,GAAGX,cAAc,CAACM,KAAK,CAACM,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC;EAClE,MAAM,CAACL,SAAS,EAAEM,YAAY,CAAC,GAAGlB,QAAQ,CAAC,KAAK,CAAC;EAEjD,MAAMmB,KAAK,GAAGT,cAAc,CAACC,KAAK,EAAEC,SAAS,CAAC;EAE9C,MAAMQ,SAAS,GAAGjB,UAAU,CAACkB,OAAO,CAAC,CACnCL,aAAa,CAACM,IAAI,EAAEC,OAAO,EAC3BP,aAAa,CAACM,IAAI,GAAGH,KAAK,CAAC,CAC5B,CAAC;EACF,MAAMK,SAAS,GAAGrB,UAAU,CAACkB,OAAO,CAAC,CACnCL,aAAa,CAACS,IAAI,EAAEF,OAAO,EAC3BP,aAAa,CAACS,IAAI,GAAGN,KAAK,CAAC,CAC5B,CAAC;EAEF,MAAMO,iBAAiB,GAAGtB,oBAAoB,CAC5CO,KAAK,CAACgB,QAAQ,EACdP,SAAS,EACTI,SACF,CAAC;EAED,MAAMI,WAAsC,GAAIC,KAAK,IAAK;IACxD,IAAIlB,KAAK,CAACE,UAAU,IAAIF,KAAK,CAACG,SAAS,EAAE;MACvCe,KAAK,CAACC,cAAc,CAAC,CAAC;MACtB;IACF;IACAnB,KAAK,CAACoB,OAAO,GAAGF,KAAK,CAAC;EACxB,CAAC;EAED,MAAMG,YAAY,GAAG;IACnB,GAAGhB,aAAa,CAACiB,OAAO,GAAGd,KAAK,CAAC;IACjC,GAAGH,aAAa,CAACiB,OAAO,EAAEV;EAC5B,CAAC;EAED,oBACEd,KAAA,CAACP,SAAS;IAAA,GACJS,KAAK;IACToB,OAAO,EAAEH,WAAY;IACrBM,SAAS,EAAEA,CAAA,KAAMhB,YAAY,CAAC,IAAI,CAAE;IACpCiB,UAAU,EAAEA,CAAA,KAAMjB,YAAY,CAAC,KAAK,CAAE;IACtCkB,QAAQ,EAAEzB,KAAK,CAACE,UAAW;IAC3BwB,KAAK,EAAE,CACLrB,aAAa,CAACsB,IAAI,EAAEf,OAAO,EAC3BP,aAAa,CAACsB,IAAI,GAAGnB,KAAK,CAAC,EAC3BR,KAAK,CAAC0B,KAAK,CACX;IAAAV,QAAA,GAEDD,iBAAiB,EACjBf,KAAK,CAACG,SAAS,iBAAIP,IAAA,CAACN,iBAAiB;MAAA,GAAK+B;IAAY,CAAG,CAAC;EAAA,CAClD,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -1,11 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
import { ButtonRoot } from "./components/button-root.js";
|
|
5
|
-
import { ButtonSpinner } from "./components/button-spinner.js";
|
|
6
|
-
export const Button = {
|
|
7
|
-
Root: ButtonRoot,
|
|
8
|
-
Label: ButtonLabel,
|
|
9
|
-
Spinner: ButtonSpinner
|
|
10
|
-
};
|
|
3
|
+
export { Button } from "./button.js";
|
|
11
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["Button"],"sourceRoot":"../../../../src","sources":["components/button/index.ts"],"mappings":";;AAAA,SAASA,MAAM,QAA0B,aAAU","ignoreList":[]}
|
|
@@ -20,33 +20,38 @@ export const useButtonVariantDefault = () => {
|
|
|
20
20
|
justifyContent: "center",
|
|
21
21
|
backgroundColor: colors.primary,
|
|
22
22
|
borderWidth: 1,
|
|
23
|
-
borderColor: colors.border
|
|
23
|
+
borderColor: colors.border,
|
|
24
|
+
cursor: "pointer"
|
|
24
25
|
},
|
|
25
26
|
disabled: {
|
|
26
|
-
opacity: 0.5
|
|
27
|
+
opacity: 0.5,
|
|
28
|
+
cursor: "not-allowed"
|
|
27
29
|
},
|
|
28
30
|
loading: {
|
|
29
|
-
opacity: 0.5
|
|
31
|
+
opacity: 0.5,
|
|
32
|
+
cursor: "wait"
|
|
30
33
|
},
|
|
31
34
|
hovered: {
|
|
32
35
|
backgroundColor: hslaSetRelativeLightness(colors.primary, -10)
|
|
33
36
|
}
|
|
34
37
|
},
|
|
35
|
-
|
|
38
|
+
text: {
|
|
36
39
|
default: {
|
|
37
40
|
color: colors.primaryForeground,
|
|
38
41
|
fontSize,
|
|
39
42
|
fontFamily
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
icon: {
|
|
46
|
+
default: {
|
|
47
|
+
color: colors.primaryForeground,
|
|
48
|
+
size: fontSize
|
|
49
|
+
}
|
|
43
50
|
},
|
|
44
51
|
spinner: {
|
|
45
52
|
default: {
|
|
46
53
|
color: colors.primaryForeground
|
|
47
|
-
}
|
|
48
|
-
disabled: {},
|
|
49
|
-
loading: {}
|
|
54
|
+
}
|
|
50
55
|
}
|
|
51
56
|
}));
|
|
52
57
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useButtonVariantDefault","colors","radius","fontFamily","fontSize","root","default","flexDirection","paddingVertical","paddingHorizontal","borderRadius","gap","alignItems","justifyContent","backgroundColor","primary","borderWidth","borderColor","border","disabled","opacity","loading","hovered","
|
|
1
|
+
{"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useButtonVariantDefault","colors","radius","fontFamily","fontSize","root","default","flexDirection","paddingVertical","paddingHorizontal","borderRadius","gap","alignItems","justifyContent","backgroundColor","primary","borderWidth","borderColor","border","cursor","disabled","opacity","loading","hovered","text","color","primaryForeground","icon","size","spinner"],"sourceRoot":"../../../../../src","sources":["components/button/variants/default.tsx"],"mappings":";;AACA,SAASA,wBAAwB,QAAQ,8BAA2B;AACpE,SAASC,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,MAAMC,uBAAuB,GAAGA,CAAA,KAAoB;EACzD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAoB;IAC3DC,IAAI,EAAE;MACJC,OAAO,EAAE;QACPC,aAAa,EAAE,KAAK;QACpBC,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBC,YAAY,EAAER,MAAM;QACpBS,GAAG,EAAE,CAAC;QACNC,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE,QAAQ;QACxBC,eAAe,EAAEb,MAAM,CAACc,OAAO;QAC/BC,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEhB,MAAM,CAACiB,MAAM;QAC1BC,MAAM,EAAE;MACV,CAAC;MACDC,QAAQ,EAAE;QACRC,OAAO,EAAE,GAAG;QACZF,MAAM,EAAE;MACV,CAAC;MACDG,OAAO,EAAE;QACPD,OAAO,EAAE,GAAG;QACZF,MAAM,EAAE;MACV,CAAC;MACDI,OAAO,EAAE;QACPT,eAAe,EAAEhB,wBAAwB,CAACG,MAAM,CAACc,OAAO,EAAE,CAAC,EAAE;MAC/D;IACF,CAAC;IACDS,IAAI,EAAE;MACJlB,OAAO,EAAE;QACPmB,KAAK,EAAExB,MAAM,CAACyB,iBAAiB;QAC/BtB,QAAQ;QACRD;MACF;IACF,CAAC;IACDwB,IAAI,EAAE;MACJrB,OAAO,EAAE;QACPmB,KAAK,EAAExB,MAAM,CAACyB,iBAAiB;QAC/BE,IAAI,EAAExB;MACR;IACF,CAAC;IACDyB,OAAO,EAAE;MACPvB,OAAO,EAAE;QACPmB,KAAK,EAAExB,MAAM,CAACyB;MAChB;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
|
|
@@ -18,19 +18,22 @@ export const useButtonVariantGhost = () => {
|
|
|
18
18
|
gap: 8,
|
|
19
19
|
alignItems: "center",
|
|
20
20
|
justifyContent: "center",
|
|
21
|
-
backgroundColor: "transparent"
|
|
21
|
+
backgroundColor: "transparent",
|
|
22
|
+
cursor: "pointer"
|
|
22
23
|
},
|
|
23
24
|
disabled: {
|
|
24
|
-
opacity: 0.5
|
|
25
|
+
opacity: 0.5,
|
|
26
|
+
cursor: "not-allowed"
|
|
25
27
|
},
|
|
26
28
|
loading: {
|
|
27
|
-
opacity: 0.5
|
|
29
|
+
opacity: 0.5,
|
|
30
|
+
cursor: "wait"
|
|
28
31
|
},
|
|
29
32
|
hovered: {
|
|
30
33
|
backgroundColor: hslaSetRelativeLightness(colors.secondary, -1)
|
|
31
34
|
}
|
|
32
35
|
},
|
|
33
|
-
|
|
36
|
+
text: {
|
|
34
37
|
default: {
|
|
35
38
|
color: colors.foreground,
|
|
36
39
|
fontSize,
|
|
@@ -43,6 +46,18 @@ export const useButtonVariantGhost = () => {
|
|
|
43
46
|
color: colors.mutedForeground
|
|
44
47
|
}
|
|
45
48
|
},
|
|
49
|
+
icon: {
|
|
50
|
+
default: {
|
|
51
|
+
color: colors.foreground,
|
|
52
|
+
size: fontSize
|
|
53
|
+
},
|
|
54
|
+
disabled: {
|
|
55
|
+
color: colors.mutedForeground
|
|
56
|
+
},
|
|
57
|
+
loading: {
|
|
58
|
+
color: colors.mutedForeground
|
|
59
|
+
}
|
|
60
|
+
},
|
|
46
61
|
spinner: {
|
|
47
62
|
default: {
|
|
48
63
|
color: colors.foreground
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useButtonVariantGhost","colors","radius","fontFamily","fontSize","root","default","flexDirection","paddingVertical","paddingHorizontal","borderRadius","gap","alignItems","justifyContent","backgroundColor","disabled","opacity","loading","hovered","secondary","
|
|
1
|
+
{"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useButtonVariantGhost","colors","radius","fontFamily","fontSize","root","default","flexDirection","paddingVertical","paddingHorizontal","borderRadius","gap","alignItems","justifyContent","backgroundColor","cursor","disabled","opacity","loading","hovered","secondary","text","color","foreground","mutedForeground","icon","size","spinner"],"sourceRoot":"../../../../../src","sources":["components/button/variants/ghost.tsx"],"mappings":";;AACA,SAASA,wBAAwB,QAAQ,8BAA2B;AACpE,SAASC,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAoB;EACvD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAoB;IAC3DC,IAAI,EAAE;MACJC,OAAO,EAAE;QACPC,aAAa,EAAE,KAAK;QACpBC,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBC,YAAY,EAAER,MAAM;QACpBS,GAAG,EAAE,CAAC;QACNC,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE,QAAQ;QACxBC,eAAe,EAAE,aAAa;QAC9BC,MAAM,EAAE;MACV,CAAC;MACDC,QAAQ,EAAE;QACRC,OAAO,EAAE,GAAG;QACZF,MAAM,EAAE;MACV,CAAC;MACDG,OAAO,EAAE;QACPD,OAAO,EAAE,GAAG;QACZF,MAAM,EAAE;MACV,CAAC;MACDI,OAAO,EAAE;QACPL,eAAe,EAAEhB,wBAAwB,CAACG,MAAM,CAACmB,SAAS,EAAE,CAAC,CAAC;MAChE;IACF,CAAC;IACDC,IAAI,EAAE;MACJf,OAAO,EAAE;QACPgB,KAAK,EAAErB,MAAM,CAACsB,UAAU;QACxBnB,QAAQ;QACRD;MACF,CAAC;MACDa,QAAQ,EAAE;QACRM,KAAK,EAAErB,MAAM,CAACuB;MAChB,CAAC;MACDN,OAAO,EAAE;QACPI,KAAK,EAAErB,MAAM,CAACuB;MAChB;IACF,CAAC;IACDC,IAAI,EAAE;MACJnB,OAAO,EAAE;QACPgB,KAAK,EAAErB,MAAM,CAACsB,UAAU;QACxBG,IAAI,EAAEtB;MACR,CAAC;MACDY,QAAQ,EAAE;QACRM,KAAK,EAAErB,MAAM,CAACuB;MAChB,CAAC;MACDN,OAAO,EAAE;QACPI,KAAK,EAAErB,MAAM,CAACuB;MAChB;IACF,CAAC;IACDG,OAAO,EAAE;MACPrB,OAAO,EAAE;QACPgB,KAAK,EAAErB,MAAM,CAACsB;MAChB,CAAC;MACDP,QAAQ,EAAE;QACRM,KAAK,EAAErB,MAAM,CAACuB;MAChB,CAAC;MACDN,OAAO,EAAE;QACPI,KAAK,EAAErB,MAAM,CAACuB;MAChB;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
|
|
@@ -20,19 +20,22 @@ export const useButtonVariantSecondary = () => {
|
|
|
20
20
|
justifyContent: "center",
|
|
21
21
|
borderWidth: 1,
|
|
22
22
|
borderColor: colors.border,
|
|
23
|
-
backgroundColor: colors.secondary
|
|
23
|
+
backgroundColor: colors.secondary,
|
|
24
|
+
cursor: "pointer"
|
|
24
25
|
},
|
|
25
26
|
disabled: {
|
|
26
|
-
opacity: 0.5
|
|
27
|
+
opacity: 0.5,
|
|
28
|
+
cursor: "not-allowed"
|
|
27
29
|
},
|
|
28
30
|
loading: {
|
|
29
|
-
opacity: 0.5
|
|
31
|
+
opacity: 0.5,
|
|
32
|
+
cursor: "wait"
|
|
30
33
|
},
|
|
31
34
|
hovered: {
|
|
32
35
|
backgroundColor: hslaSetRelativeLightness(colors.secondary, -1)
|
|
33
36
|
}
|
|
34
37
|
},
|
|
35
|
-
|
|
38
|
+
text: {
|
|
36
39
|
default: {
|
|
37
40
|
color: colors.secondaryForeground,
|
|
38
41
|
fontSize,
|
|
@@ -45,6 +48,18 @@ export const useButtonVariantSecondary = () => {
|
|
|
45
48
|
color: colors.mutedForeground
|
|
46
49
|
}
|
|
47
50
|
},
|
|
51
|
+
icon: {
|
|
52
|
+
default: {
|
|
53
|
+
color: colors.secondaryForeground,
|
|
54
|
+
size: fontSize
|
|
55
|
+
},
|
|
56
|
+
disabled: {
|
|
57
|
+
color: colors.mutedForeground
|
|
58
|
+
},
|
|
59
|
+
loading: {
|
|
60
|
+
color: colors.mutedForeground
|
|
61
|
+
}
|
|
62
|
+
},
|
|
48
63
|
spinner: {
|
|
49
64
|
default: {
|
|
50
65
|
color: colors.secondaryForeground
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useButtonVariantSecondary","colors","radius","fontFamily","fontSize","root","default","flexDirection","paddingVertical","paddingHorizontal","borderRadius","gap","alignItems","justifyContent","borderWidth","borderColor","border","backgroundColor","secondary","disabled","opacity","loading","hovered","
|
|
1
|
+
{"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useButtonVariantSecondary","colors","radius","fontFamily","fontSize","root","default","flexDirection","paddingVertical","paddingHorizontal","borderRadius","gap","alignItems","justifyContent","borderWidth","borderColor","border","backgroundColor","secondary","cursor","disabled","opacity","loading","hovered","text","color","secondaryForeground","mutedForeground","icon","size","spinner"],"sourceRoot":"../../../../../src","sources":["components/button/variants/secondary.tsx"],"mappings":";;AACA,SAASA,wBAAwB,QAAQ,8BAA2B;AACpE,SAASC,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,MAAMC,yBAAyB,GAAGA,CAAA,KAAoB;EAC3D,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAoB;IAC3DC,IAAI,EAAE;MACJC,OAAO,EAAE;QACPC,aAAa,EAAE,KAAK;QACpBC,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBC,YAAY,EAAER,MAAM;QACpBS,GAAG,EAAE,CAAC;QACNC,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE,QAAQ;QACxBC,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEd,MAAM,CAACe,MAAM;QAC1BC,eAAe,EAAEhB,MAAM,CAACiB,SAAS;QACjCC,MAAM,EAAE;MACV,CAAC;MACDC,QAAQ,EAAE;QACRC,OAAO,EAAE,GAAG;QACZF,MAAM,EAAE;MACV,CAAC;MACDG,OAAO,EAAE;QACPD,OAAO,EAAE,GAAG;QACZF,MAAM,EAAE;MACV,CAAC;MACDI,OAAO,EAAE;QACPN,eAAe,EAAEnB,wBAAwB,CAACG,MAAM,CAACiB,SAAS,EAAE,CAAC,CAAC;MAChE;IACF,CAAC;IACDM,IAAI,EAAE;MACJlB,OAAO,EAAE;QACPmB,KAAK,EAAExB,MAAM,CAACyB,mBAAmB;QACjCtB,QAAQ;QACRD;MACF,CAAC;MACDiB,QAAQ,EAAE;QACRK,KAAK,EAAExB,MAAM,CAAC0B;MAChB,CAAC;MACDL,OAAO,EAAE;QACPG,KAAK,EAAExB,MAAM,CAAC0B;MAChB;IACF,CAAC;IACDC,IAAI,EAAE;MACJtB,OAAO,EAAE;QACPmB,KAAK,EAAExB,MAAM,CAACyB,mBAAmB;QACjCG,IAAI,EAAEzB;MACR,CAAC;MACDgB,QAAQ,EAAE;QACRK,KAAK,EAAExB,MAAM,CAAC0B;MAChB,CAAC;MACDL,OAAO,EAAE;QACPG,KAAK,EAAExB,MAAM,CAAC0B;MAChB;IACF,CAAC;IACDG,OAAO,EAAE;MACPxB,OAAO,EAAE;QACPmB,KAAK,EAAExB,MAAM,CAACyB;MAChB,CAAC;MACDN,QAAQ,EAAE;QACRK,KAAK,EAAExB,MAAM,CAAC0B;MAChB,CAAC;MACDL,OAAO,EAAE;QACPG,KAAK,EAAExB,MAAM,CAAC0B;MAChB;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
|
|
@@ -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":[]}
|