@korsolutions/ui 0.0.63 → 0.0.65
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/menu/components/menu-trigger.js +2 -7
- package/dist/module/components/menu/components/menu-trigger.js.map +1 -1
- package/dist/module/components/popover/components/popover-trigger.js +3 -8
- package/dist/module/components/popover/components/popover-trigger.js.map +1 -1
- package/dist/module/components/portal/portal.js +5 -4
- package/dist/module/components/portal/portal.js.map +1 -1
- package/dist/module/components/select/components/select-overlay.js +1 -0
- package/dist/module/components/select/components/select-overlay.js.map +1 -1
- package/dist/module/components/select/variants/default.js +5 -2
- package/dist/module/components/select/variants/default.js.map +1 -1
- package/dist/module/hooks/use-is-react-navigation-modal.js +41 -0
- package/dist/module/hooks/use-is-react-navigation-modal.js.map +1 -0
- package/dist/module/hooks/use-organized-children.js.map +1 -1
- package/dist/module/hooks/use-relative-position.js +20 -12
- package/dist/module/hooks/use-relative-position.js.map +1 -1
- package/dist/module/index.js +3 -0
- package/dist/module/index.js.map +1 -1
- package/dist/module/utils/normalize-layout.js +10 -0
- package/dist/module/utils/normalize-layout.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/menu/components/menu-trigger.d.ts.map +1 -1
- package/dist/typescript/src/components/popover/components/popover-trigger.d.ts +1 -1
- package/dist/typescript/src/components/popover/components/popover-trigger.d.ts.map +1 -1
- package/dist/typescript/src/components/portal/portal.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/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/hooks/use-is-react-navigation-modal.d.ts +3 -0
- package/dist/typescript/src/hooks/use-is-react-navigation-modal.d.ts.map +1 -0
- 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/dist/typescript/src/hooks/use-relative-position.d.ts +1 -1
- package/dist/typescript/src/hooks/use-relative-position.d.ts.map +1 -1
- package/dist/typescript/src/index.d.ts.map +1 -1
- package/dist/typescript/src/utils/normalize-layout.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/menu/components/menu-trigger.tsx +2 -7
- package/src/components/popover/components/popover-trigger.tsx +8 -10
- package/src/components/portal/portal.tsx +4 -3
- package/src/components/select/components/select-overlay.tsx +1 -0
- package/src/components/select/variants/default.tsx +4 -1
- package/src/hooks/use-is-react-navigation-modal.ts +56 -0
- package/src/hooks/use-organized-children.tsx +1 -1
- package/src/hooks/use-relative-position.ts +33 -18
- package/src/index.tsx +4 -0
- package/src/utils/normalize-layout.ts +10 -0
- 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":[]}
|
|
@@ -18,13 +18,8 @@ export const MenuTrigger = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
18
18
|
};
|
|
19
19
|
useImperativeHandle(ref, () => ({
|
|
20
20
|
open: () => {
|
|
21
|
-
triggerRef.current
|
|
22
|
-
menu.setTriggerPosition(
|
|
23
|
-
height,
|
|
24
|
-
width,
|
|
25
|
-
pageX,
|
|
26
|
-
pageY
|
|
27
|
-
});
|
|
21
|
+
measureLayoutPosition(triggerRef.current, layout => {
|
|
22
|
+
menu.setTriggerPosition(layout);
|
|
28
23
|
menu.setIsOpen(true);
|
|
29
24
|
});
|
|
30
25
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useImperativeHandle","useRef","measureLayoutPosition","useMenu","MenuTrigger","props","ref","menu","triggerRef","onTriggerPress","isOpen","current","layout","setTriggerPosition","setIsOpen","open","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useImperativeHandle","useRef","measureLayoutPosition","useMenu","MenuTrigger","props","ref","menu","triggerRef","onTriggerPress","isOpen","current","layout","setTriggerPosition","setIsOpen","open","close","cloneElement","children","onPress","role","accessible","accessibilityRole","accessibilityState","expanded","displayName"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-trigger.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,mBAAmB,EAAEC,MAAM,QAAQ,OAAO;AAGtE,SAASC,qBAAqB,QAAQ,oCAAiC;AACvE,SAASC,OAAO,QAAQ,eAAY;AAWpC,OAAO,MAAMC,WAAW,gBAAGL,UAAU,CACnC,CAACM,KAAK,EAAEC,GAAG,KAAK;EACd,MAAMC,IAAI,GAAGJ,OAAO,CAAC,CAAC;EACtB,MAAMK,UAAU,GAAGP,MAAM,CAAU,IAAI,CAAC;EAExC,MAAMQ,cAAc,GAAG,MAAAA,CAAA,KAAY;IACjC,IAAI,CAACF,IAAI,CAACG,MAAM,EAAE;MAChBR,qBAAqB,CAACM,UAAU,CAACG,OAAO,EAAGC,MAAM,IAAK;QACpDL,IAAI,CAACM,kBAAkB,CAACD,MAAM,CAAC;QAC/BL,IAAI,CAACO,SAAS,CAAC,IAAI,CAAC;MACtB,CAAC,CAAC;IACJ,CAAC,MAAM;MACLP,IAAI,CAACO,SAAS,CAAC,KAAK,CAAC;IACvB;EACF,CAAC;EAEDd,mBAAmB,CAACM,GAAG,EAAE,OAAO;IAC9BS,IAAI,EAAEA,CAAA,KAAM;MACVb,qBAAqB,CAACM,UAAU,CAACG,OAAO,EAAGC,MAAM,IAAK;QACpDL,IAAI,CAACM,kBAAkB,CAACD,MAAM,CAAC;QAC/BL,IAAI,CAACO,SAAS,CAAC,IAAI,CAAC;MACtB,CAAC,CAAC;IACJ,CAAC;IACDE,KAAK,EAAEA,CAAA,KAAMT,IAAI,CAACO,SAAS,CAAC,KAAK;EACnC,CAAC,CAAC,CAAC;EAEH,oBAAOhB,KAAK,CAACmB,YAAY,CAACZ,KAAK,CAACa,QAAQ,EAAE;IACxCZ,GAAG,EAAEE,UAAU;IACfW,OAAO,EAAEV,cAAc;IACvBW,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAE,IAAI;IAChBC,iBAAiB,EAAE,QAAQ;IAC3BC,kBAAkB,EAAE;MAAEC,QAAQ,EAAEjB,IAAI,CAACG;IAAO,CAAC;IAC7C,GAAGL,KAAK,CAACa,QAAQ,CAACb;EACpB,CAAC,CAAC;AACJ,CACF,CAAC;AAEDD,WAAW,CAACqB,WAAW,GAAG,aAAa","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { measureLayoutPosition } from "../../../utils/normalize-layout.js";
|
|
4
3
|
import React, { forwardRef, useImperativeHandle, useRef } from "react";
|
|
4
|
+
import { measureLayoutPosition } from "../../../utils/normalize-layout.js";
|
|
5
5
|
import { usePopover } from "../context.js";
|
|
6
6
|
export const PopoverTrigger = /*#__PURE__*/forwardRef((props, ref) => {
|
|
7
7
|
const popover = usePopover();
|
|
@@ -18,13 +18,8 @@ export const PopoverTrigger = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
18
18
|
};
|
|
19
19
|
useImperativeHandle(ref, () => ({
|
|
20
20
|
open: () => {
|
|
21
|
-
triggerRef.current
|
|
22
|
-
popover.setTriggerPosition(
|
|
23
|
-
height,
|
|
24
|
-
width,
|
|
25
|
-
pageX,
|
|
26
|
-
pageY
|
|
27
|
-
});
|
|
21
|
+
measureLayoutPosition(triggerRef.current, layout => {
|
|
22
|
+
popover.setTriggerPosition(layout);
|
|
28
23
|
popover.setIsOpen(true);
|
|
29
24
|
});
|
|
30
25
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useImperativeHandle","useRef","measureLayoutPosition","usePopover","PopoverTrigger","props","ref","popover","triggerRef","onTriggerPress","isOpen","current","layout","setTriggerPosition","setIsOpen","open","close","cloneElement","children","onPress","role","accessible","accessibilityRole","accessibilityState","expanded","displayName"],"sourceRoot":"../../../../../src","sources":["components/popover/components/popover-trigger.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,mBAAmB,EAAEC,MAAM,QAAQ,OAAO;AAGtE,SAASC,qBAAqB,QAAQ,oCAAiC;AACvE,SAASC,UAAU,QAAQ,eAAY;AAWvC,OAAO,MAAMC,cAAc,gBAAGL,UAAU,CAGtC,CAACM,KAAK,EAAEC,GAAG,KAAK;EAChB,MAAMC,OAAO,GAAGJ,UAAU,CAAC,CAAC;EAC5B,MAAMK,UAAU,GAAGP,MAAM,CAAU,IAAI,CAAC;EAExC,MAAMQ,cAAc,GAAG,MAAAA,CAAA,KAAY;IACjC,IAAI,CAACF,OAAO,CAACG,MAAM,EAAE;MACnBR,qBAAqB,CAACM,UAAU,CAACG,OAAO,EAAGC,MAAM,IAAK;QACpDL,OAAO,CAACM,kBAAkB,CAACD,MAAM,CAAC;QAClCL,OAAO,CAACO,SAAS,CAAC,IAAI,CAAC;MACzB,CAAC,CAAC;IACJ,CAAC,MAAM;MACLP,OAAO,CAACO,SAAS,CAAC,KAAK,CAAC;IAC1B;EACF,CAAC;EAEDd,mBAAmB,CAACM,GAAG,EAAE,OAAO;IAC9BS,IAAI,EAAEA,CAAA,KAAM;MACVb,qBAAqB,CAACM,UAAU,CAACG,OAAO,EAAGC,MAAM,IAAK;QACpDL,OAAO,CAACM,kBAAkB,CAACD,MAAM,CAAC;QAClCL,OAAO,CAACO,SAAS,CAAC,IAAI,CAAC;MACzB,CAAC,CAAC;IACJ,CAAC;IACDE,KAAK,EAAEA,CAAA,KAAMT,OAAO,CAACO,SAAS,CAAC,KAAK;EACtC,CAAC,CAAC,CAAC;EAEH,oBAAOhB,KAAK,CAACmB,YAAY,CAACZ,KAAK,CAACa,QAAQ,EAAE;IACxCZ,GAAG,EAAEE,UAAU;IACfW,OAAO,EAAEV,cAAc;IACvBW,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAE,IAAI;IAChBC,iBAAiB,EAAE,QAAQ;IAC3BC,kBAAkB,EAAE;MAAEC,QAAQ,EAAEjB,OAAO,CAACG;IAAO,CAAC;IAChD,GAAGL,KAAK,CAACa,QAAQ,CAACb;EACpB,CAAC,CAAC;AACJ,CAAC,CAAC;AAEFD,cAAc,CAACqB,WAAW,GAAG,gBAAgB","ignoreList":[]}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import React, { useCallback, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
|
|
4
4
|
import { Platform, View } from "react-native";
|
|
5
|
+
import { measureLayoutPosition } from "../../utils/normalize-layout.js";
|
|
5
6
|
import { PortalOffsetContext } from "./portal-offset.js";
|
|
6
7
|
import { DEFAULT_PORTAL_HOST } from "./portal.constants.js";
|
|
7
8
|
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
@@ -41,12 +42,12 @@ function DefaultContainer(props) {
|
|
|
41
42
|
const containerRef = useRef(null);
|
|
42
43
|
const [offset, setOffset] = useState(null);
|
|
43
44
|
const onLayout = useCallback(() => {
|
|
44
|
-
containerRef.current
|
|
45
|
+
measureLayoutPosition(containerRef.current, layout => {
|
|
45
46
|
setOffset(prev => {
|
|
46
|
-
if (prev?.x === pageX && prev?.y === pageY) return prev;
|
|
47
|
+
if (prev?.x === layout.pageX && prev?.y === layout.pageY) return prev;
|
|
47
48
|
return {
|
|
48
|
-
x: pageX,
|
|
49
|
-
y: pageY
|
|
49
|
+
x: layout.pageX,
|
|
50
|
+
y: layout.pageY
|
|
50
51
|
};
|
|
51
52
|
});
|
|
52
53
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","useSyncExternalStore","Platform","View","PortalOffsetContext","DEFAULT_PORTAL_HOST","jsx","_jsx","Fragment","_Fragment","store","map","Map","set","listeners","Set","emit","cb","getSnapshot","subscribe","add","delete","updatePortal","hostName","name","children","next","portal","get","removePortal","DefaultContainer","props","containerRef","offset","setOffset","onLayout","current","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","useSyncExternalStore","Platform","View","measureLayoutPosition","PortalOffsetContext","DEFAULT_PORTAL_HOST","jsx","_jsx","Fragment","_Fragment","store","map","Map","set","listeners","Set","emit","cb","getSnapshot","subscribe","add","delete","updatePortal","hostName","name","children","next","portal","get","removePortal","DefaultContainer","props","containerRef","offset","setOffset","onLayout","current","layout","prev","x","pageX","y","pageY","ref","style","position","top","left","right","bottom","elevation","zIndex","pointerEvents","Provider","value","PortalHost","container","portalMap","Container","select","default","size","Array","from","values","Portal"],"sourceRoot":"../../../../src","sources":["components/portal/portal.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["calculateComposedStyles","React","Pressable","StyleSheet","useSelect","jsx","_jsx","SelectOverlay","props","select","composedStyles","styles","state","style","Component","render","onPress","setIsOpen","absoluteFill","children"],"sourceRoot":"../../../../../src","sources":["components/select/components/select-overlay.tsx"],"mappings":";;AAAA,SAASA,uBAAuB,QAAQ,oCAAiC;AACzE,OAAOC,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,GAAGV,uBAAuB,CAACS,MAAM,CAACE,MAAM,EAAEF,MAAM,CAACG,KAAK,EAAE,SAAS,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAEnG,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIb,SAAS;EAC3C,oBACEI,IAAA,CAACQ,SAAS;IACRE,OAAO,EAAEA,CAAA,KAAM;MACbP,MAAM,CAACQ,SAAS,CAAC,KAAK,CAAC;IACzB,CAAE;
|
|
1
|
+
{"version":3,"names":["calculateComposedStyles","React","Pressable","StyleSheet","useSelect","jsx","_jsx","SelectOverlay","props","select","composedStyles","styles","state","style","Component","render","onPress","setIsOpen","pointerEvents","absoluteFill","children"],"sourceRoot":"../../../../../src","sources":["components/select/components/select-overlay.tsx"],"mappings":";;AAAA,SAASA,uBAAuB,QAAQ,oCAAiC;AACzE,OAAOC,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,GAAGV,uBAAuB,CAACS,MAAM,CAACE,MAAM,EAAEF,MAAM,CAACG,KAAK,EAAE,SAAS,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAEnG,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIb,SAAS;EAC3C,oBACEI,IAAA,CAACQ,SAAS;IACRE,OAAO,EAAEA,CAAA,KAAM;MACbP,MAAM,CAACQ,SAAS,CAAC,KAAK,CAAC;IACzB,CAAE;IACFC,aAAa,EAAC,MAAM;IACpBL,KAAK,EAAE,CAACV,UAAU,CAACgB,YAAY,EAAET,cAAc,CAAE;IAAAU,QAAA,EAEhDZ,KAAK,CAACY;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -48,7 +48,9 @@ export function useSelectVariantDefault() {
|
|
|
48
48
|
}
|
|
49
49
|
},
|
|
50
50
|
overlay: {
|
|
51
|
-
default: {
|
|
51
|
+
default: {
|
|
52
|
+
zIndex: 999
|
|
53
|
+
},
|
|
52
54
|
disabled: {}
|
|
53
55
|
},
|
|
54
56
|
content: {
|
|
@@ -58,7 +60,8 @@ export function useSelectVariantDefault() {
|
|
|
58
60
|
borderWidth: 1,
|
|
59
61
|
borderColor: colors.border,
|
|
60
62
|
padding: 4,
|
|
61
|
-
gap: 4
|
|
63
|
+
gap: 4,
|
|
64
|
+
zIndex: 1000
|
|
62
65
|
},
|
|
63
66
|
disabled: {}
|
|
64
67
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useThemedStyles","useSelectVariantDefault","colors","radius","fontFamily","fontSize","root","default","disabled","trigger","borderWidth","borderColor","border","borderRadius","backgroundColor","surface","justifyContent","paddingVertical","paddingHorizontal","minHeight","muted","value","color","foreground","mutedForeground","placeholder","overlay","content","padding","gap","option","selected","hovered"],"sourceRoot":"../../../../../src","sources":["components/select/variants/default.tsx"],"mappings":";;AACA,SAASA,eAAe,QAAQ,qCAAkC;AAElE,OAAO,SAASC,uBAAuBA,CAAA,EAAiB;EACtD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAoB;IAC3DC,IAAI,EAAE;MACJC,OAAO,EAAE,CAAC,CAAC;MACXC,QAAQ,EAAE,CAAC;IACb,CAAC;IACDC,OAAO,EAAE;MACPF,OAAO,EAAE;QACPG,WAAW,EAAE,CAAC;QACdC,WAAW,EAAET,MAAM,CAACU,MAAM;QAC1BC,YAAY,EAAEV,MAAM;QACpBW,eAAe,EAAEZ,MAAM,CAACa,OAAO;QAC/BC,cAAc,EAAE,QAAQ;QACxBC,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBC,SAAS,EAAE;MACb,CAAC;MACDX,QAAQ,EAAE;QACRM,eAAe,EAAEZ,MAAM,CAACkB;MAC1B;IACF,CAAC;IACDC,KAAK,EAAE;MACLd,OAAO,EAAE;QACPH,UAAU;QACVC,QAAQ;QACRiB,KAAK,EAAEpB,MAAM,CAACqB;MAChB,CAAC;MACDf,QAAQ,EAAE;QACRc,KAAK,EAAEpB,MAAM,CAACsB;MAChB;IACF,CAAC;IACDC,WAAW,EAAE;MACXlB,OAAO,EAAE;QACPH,UAAU;QACVC,QAAQ;QACRiB,KAAK,EAAEpB,MAAM,CAACsB;MAChB,CAAC;MACDhB,QAAQ,EAAE;QACRc,KAAK,EAAEpB,MAAM,CAACsB;MAChB;IACF,CAAC;IACDE,OAAO,EAAE;MACPnB,OAAO,EAAE,
|
|
1
|
+
{"version":3,"names":["useThemedStyles","useSelectVariantDefault","colors","radius","fontFamily","fontSize","root","default","disabled","trigger","borderWidth","borderColor","border","borderRadius","backgroundColor","surface","justifyContent","paddingVertical","paddingHorizontal","minHeight","muted","value","color","foreground","mutedForeground","placeholder","overlay","zIndex","content","padding","gap","option","selected","hovered"],"sourceRoot":"../../../../../src","sources":["components/select/variants/default.tsx"],"mappings":";;AACA,SAASA,eAAe,QAAQ,qCAAkC;AAElE,OAAO,SAASC,uBAAuBA,CAAA,EAAiB;EACtD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAoB;IAC3DC,IAAI,EAAE;MACJC,OAAO,EAAE,CAAC,CAAC;MACXC,QAAQ,EAAE,CAAC;IACb,CAAC;IACDC,OAAO,EAAE;MACPF,OAAO,EAAE;QACPG,WAAW,EAAE,CAAC;QACdC,WAAW,EAAET,MAAM,CAACU,MAAM;QAC1BC,YAAY,EAAEV,MAAM;QACpBW,eAAe,EAAEZ,MAAM,CAACa,OAAO;QAC/BC,cAAc,EAAE,QAAQ;QACxBC,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBC,SAAS,EAAE;MACb,CAAC;MACDX,QAAQ,EAAE;QACRM,eAAe,EAAEZ,MAAM,CAACkB;MAC1B;IACF,CAAC;IACDC,KAAK,EAAE;MACLd,OAAO,EAAE;QACPH,UAAU;QACVC,QAAQ;QACRiB,KAAK,EAAEpB,MAAM,CAACqB;MAChB,CAAC;MACDf,QAAQ,EAAE;QACRc,KAAK,EAAEpB,MAAM,CAACsB;MAChB;IACF,CAAC;IACDC,WAAW,EAAE;MACXlB,OAAO,EAAE;QACPH,UAAU;QACVC,QAAQ;QACRiB,KAAK,EAAEpB,MAAM,CAACsB;MAChB,CAAC;MACDhB,QAAQ,EAAE;QACRc,KAAK,EAAEpB,MAAM,CAACsB;MAChB;IACF,CAAC;IACDE,OAAO,EAAE;MACPnB,OAAO,EAAE;QACPoB,MAAM,EAAE;MACV,CAAC;MACDnB,QAAQ,EAAE,CAAC;IACb,CAAC;IACDoB,OAAO,EAAE;MACPrB,OAAO,EAAE;QACPO,eAAe,EAAEZ,MAAM,CAACa,OAAO;QAC/BF,YAAY,EAAEV,MAAM;QACpBO,WAAW,EAAE,CAAC;QACdC,WAAW,EAAET,MAAM,CAACU,MAAM;QAC1BiB,OAAO,EAAE,CAAC;QACVC,GAAG,EAAE,CAAC;QACNH,MAAM,EAAE;MACV,CAAC;MACDnB,QAAQ,EAAE,CAAC;IACb,CAAC;IACDuB,MAAM,EAAE;MACNxB,OAAO,EAAE;QACPU,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBd,UAAU;QACVC,QAAQ;QACRiB,KAAK,EAAEpB,MAAM,CAACqB,UAAU;QACxBV,YAAY,EAAEV,MAAM,GAAG;MACzB,CAAC;MACDK,QAAQ,EAAE;QACRc,KAAK,EAAEpB,MAAM,CAACsB;MAChB,CAAC;MACDQ,QAAQ,EAAE;QACRlB,eAAe,EAAEZ,MAAM,CAACkB;MAC1B,CAAC;MACDa,OAAO,EAAE;QACPnB,eAAe,EAAEZ,MAAM,CAACkB;MAC1B;IACF;EACF,CAAC,CACH,CAAC;AACH","ignoreList":[]}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useEffect, useMemo } from "react";
|
|
4
|
+
let useCachedNavigationContainerRef = null;
|
|
5
|
+
export function useInitializeNavigationContainerRef() {
|
|
6
|
+
useEffect(() => {
|
|
7
|
+
try {
|
|
8
|
+
const expoRouter = require("expo-router");
|
|
9
|
+
if (expoRouter) {
|
|
10
|
+
useCachedNavigationContainerRef = expoRouter.useNavigationContainerRef;
|
|
11
|
+
return;
|
|
12
|
+
}
|
|
13
|
+
const reactNavigation = require("@react-navigation/native");
|
|
14
|
+
if (reactNavigation) {
|
|
15
|
+
useCachedNavigationContainerRef = reactNavigation.useNavigationContainerRef;
|
|
16
|
+
}
|
|
17
|
+
} catch (error) {
|
|
18
|
+
console.warn("[useIsReactNavigationModal] Failed to load navigation ref:", error);
|
|
19
|
+
}
|
|
20
|
+
}, []);
|
|
21
|
+
}
|
|
22
|
+
const getIsModal = () => {
|
|
23
|
+
const useNavigationContainerRef = useCachedNavigationContainerRef;
|
|
24
|
+
if (!useNavigationContainerRef) {
|
|
25
|
+
return false;
|
|
26
|
+
}
|
|
27
|
+
const navigationRef = useNavigationContainerRef();
|
|
28
|
+
if (!navigationRef) {
|
|
29
|
+
return false;
|
|
30
|
+
}
|
|
31
|
+
const state = navigationRef.getCurrentOptions();
|
|
32
|
+
if (state && "presentation" in state && typeof state.presentation === "string") {
|
|
33
|
+
return state.presentation === "modal";
|
|
34
|
+
}
|
|
35
|
+
return false;
|
|
36
|
+
};
|
|
37
|
+
export function useIsReactNavigationModal() {
|
|
38
|
+
const isModal = useMemo(getIsModal, []);
|
|
39
|
+
return isModal;
|
|
40
|
+
}
|
|
41
|
+
//# sourceMappingURL=use-is-react-navigation-modal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useEffect","useMemo","useCachedNavigationContainerRef","useInitializeNavigationContainerRef","expoRouter","require","useNavigationContainerRef","reactNavigation","error","console","warn","getIsModal","navigationRef","state","getCurrentOptions","presentation","useIsReactNavigationModal","isModal"],"sourceRoot":"../../../src","sources":["hooks/use-is-react-navigation-modal.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,OAAO,QAAQ,OAAO;AAK1C,IAAIC,+BAAsE,GACxE,IAAI;AAEN,OAAO,SAASC,mCAAmCA,CAAA,EAAG;EACpDH,SAAS,CAAC,MAAM;IACd,IAAI;MACF,MAAMI,UAAU,GAAGC,OAAO,CAAC,aAAa,CAAC;MACzC,IAAID,UAAU,EAAE;QACdF,+BAA+B,GAAGE,UAAU,CAACE,yBAAyB;QACtE;MACF;MACA,MAAMC,eAAe,GAAGF,OAAO,CAAC,0BAA0B,CAAC;MAC3D,IAAIE,eAAe,EAAE;QACnBL,+BAA+B,GAC7BK,eAAe,CAACD,yBAAyB;MAC7C;IACF,CAAC,CAAC,OAAOE,KAAK,EAAE;MACdC,OAAO,CAACC,IAAI,CACV,4DAA4D,EAC5DF,KACF,CAAC;IACH;EACF,CAAC,EAAE,EAAE,CAAC;AACR;AAEA,MAAMG,UAAU,GAAGA,CAAA,KAAM;EACvB,MAAML,yBAAyB,GAAGJ,+BAA+B;EAEjE,IAAI,CAACI,yBAAyB,EAAE;IAC9B,OAAO,KAAK;EACd;EAEA,MAAMM,aAAa,GAAGN,yBAAyB,CAAC,CAAC;EACjD,IAAI,CAACM,aAAa,EAAE;IAClB,OAAO,KAAK;EACd;EACA,MAAMC,KAAK,GAAGD,aAAa,CAACE,iBAAiB,CAAC,CAAC;EAC/C,IACED,KAAK,IACL,cAAc,IAAIA,KAAK,IACvB,OAAOA,KAAK,CAACE,YAAY,KAAK,QAAQ,EACtC;IACA,OAAOF,KAAK,CAACE,YAAY,KAAK,OAAO;EACvC;EACA,OAAO,KAAK;AACd,CAAC;AAED,OAAO,SAASC,yBAAyBA,CAAA,EAAG;EAC1C,MAAMC,OAAO,GAAGhB,OAAO,CAACU,UAAU,EAAE,EAAE,CAAC;EACvC,OAAOM,OAAO;AAChB","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useMemo","Text","Icon","getElementProp","jsx","_jsx","useOrganizedChildren","children","textStyle","iconProps","organizedChildren","style","Array","isArray","map","child","index","isValidElement","type","cloneElement","key"],"sourceRoot":"../../../src","sources":["hooks/use-organized-children.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,IAAI,QAAwC,cAAc;AACnE,SAASC,IAAI,QAAwB,6BAAoB;AACzD,SAASC,cAAc,QAAQ,2BAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExD,OAAO,SAASC,oBAAoBA,CAClCC,QAAyB,EACzBC,SAA2C,EAC3CC,
|
|
1
|
+
{"version":3,"names":["React","useMemo","Text","Icon","getElementProp","jsx","_jsx","useOrganizedChildren","children","textStyle","iconProps","organizedChildren","style","Array","isArray","map","child","index","isValidElement","type","cloneElement","key"],"sourceRoot":"../../../src","sources":["hooks/use-organized-children.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,IAAI,QAAwC,cAAc;AACnE,SAASC,IAAI,QAAwB,6BAAoB;AACzD,SAASC,cAAc,QAAQ,2BAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExD,OAAO,SAASC,oBAAoBA,CAClCC,QAAyB,EACzBC,SAA2C,EAC3CC,SAAuC,EACtB;EACjB,MAAMC,iBAAiB,GAAGV,OAAO,CAAC,MAAM;IACtC,IAAI,OAAOO,QAAQ,KAAK,QAAQ,EAAE;MAChC,oBAAOF,IAAA,CAACJ,IAAI;QAACU,KAAK,EAAEH,SAAU;QAAAD,QAAA,EAAEA;MAAQ,CAAO,CAAC;IAClD;IACA,IAAIK,KAAK,CAACC,OAAO,CAACN,QAAQ,CAAC,EAAE;MAC3B,OAAOA,QAAQ,CAACO,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK;QACpC,IAAI,OAAOD,KAAK,KAAK,QAAQ,EAAE;UAC7B,oBACEV,IAAA,CAACJ,IAAI;YAAaU,KAAK,EAAEH,SAAU;YAAAD,QAAA,EAChCQ;UAAK,GADGC,KAEL,CAAC;QAEX,CAAC,MAAM,IAAI,aAAAjB,KAAK,CAACkB,cAAc,CAACF,KAAK,CAAC,IAAIA,KAAK,CAACG,IAAI,KAAKhB,IAAI,EAAE;UAC7D,oBAAOH,KAAK,CAACoB,YAAY,CAACJ,KAAK,EAA6B;YAC1DK,GAAG,EAAEL,KAAK,CAACK,GAAG;YACd,GAAGX,SAAS;YACZE,KAAK,EAAE,CAACF,SAAS,EAAEE,KAAK,EAAER,cAAc,CAACY,KAAK,EAAE,OAAO,CAAC;UAC1D,CAAC,CAAC;QACJ;QACA,OAAOA,KAAK;MACd,CAAC,CAAC;IACJ;IACA,OAAOR,QAAQ;EACjB,CAAC,EAAE,CAACA,QAAQ,EAAEE,SAAS,EAAED,SAAS,CAAC,CAAC;EAEpC,OAAOE,iBAAiB;AAC1B","ignoreList":[]}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { useMemo } from "react";
|
|
4
|
-
import { useWindowDimensions } from "react-native";
|
|
4
|
+
import { Platform, useWindowDimensions } from "react-native";
|
|
5
5
|
import { usePortalOffset } from "../components/portal/index.js";
|
|
6
6
|
import { useSafeAreaInsets } from "../safe-area/index.js";
|
|
7
|
+
import { useIsReactNavigationModal } from "./use-is-react-navigation-modal.js";
|
|
7
8
|
export function useRelativePosition({
|
|
8
9
|
align,
|
|
9
10
|
triggerPosition,
|
|
@@ -15,6 +16,7 @@ export function useRelativePosition({
|
|
|
15
16
|
const dimensions = useWindowDimensions();
|
|
16
17
|
const insets = useSafeAreaInsets();
|
|
17
18
|
const portalOffset = usePortalOffset();
|
|
19
|
+
const isReactNavigationModal = useIsReactNavigationModal();
|
|
18
20
|
return useMemo(() => {
|
|
19
21
|
const hasLayout = triggerPosition.width > 0 && triggerPosition.height > 0 && contentLayout.width > 0 && contentLayout.height > 0 && portalOffset.isLoaded;
|
|
20
22
|
if (!hasLayout) {
|
|
@@ -36,7 +38,7 @@ export function useRelativePosition({
|
|
|
36
38
|
pageX: triggerPosition.pageX - portalOffset.value.x,
|
|
37
39
|
pageY: triggerPosition.pageY - portalOffset.value.y
|
|
38
40
|
};
|
|
39
|
-
const
|
|
41
|
+
const args = {
|
|
40
42
|
align,
|
|
41
43
|
contentLayout,
|
|
42
44
|
preferredSide,
|
|
@@ -45,9 +47,21 @@ export function useRelativePosition({
|
|
|
45
47
|
insets,
|
|
46
48
|
sideOffset,
|
|
47
49
|
dimensions
|
|
48
|
-
}
|
|
50
|
+
};
|
|
51
|
+
const sidePosition = getSidePosition(args);
|
|
52
|
+
const alignPosition = getAlignPosition(args);
|
|
53
|
+
const style = {
|
|
54
|
+
position: "absolute",
|
|
55
|
+
...sidePosition,
|
|
56
|
+
...alignPosition,
|
|
57
|
+
// Temporary fix to calculate portal content relative position correctly when rendered in a React Navigation modal.
|
|
58
|
+
top: Platform.select({
|
|
59
|
+
default: sidePosition.top,
|
|
60
|
+
ios: isReactNavigationModal ? sidePosition.top + insets.top : sidePosition.top
|
|
61
|
+
})
|
|
62
|
+
};
|
|
49
63
|
return style;
|
|
50
|
-
}, [align, preferredSide, alignOffset, insets, triggerPosition, contentLayout, dimensions.width, dimensions.height, sideOffset, portalOffset]);
|
|
64
|
+
}, [align, preferredSide, alignOffset, insets, triggerPosition, contentLayout, dimensions.width, dimensions.height, sideOffset, portalOffset, isReactNavigationModal]);
|
|
51
65
|
}
|
|
52
66
|
export const DEFAULT_LAYOUT = {
|
|
53
67
|
x: 0,
|
|
@@ -113,8 +127,9 @@ function getSidePosition({
|
|
|
113
127
|
top: Math.min(Math.max(insets.top, positionTop), dimensions.height - insets.bottom - contentLayout.height)
|
|
114
128
|
};
|
|
115
129
|
}
|
|
130
|
+
let top = Math.min(dimensions.height - insets.bottom - contentLayout.height, positionBottom);
|
|
116
131
|
return {
|
|
117
|
-
top
|
|
132
|
+
top
|
|
118
133
|
};
|
|
119
134
|
}
|
|
120
135
|
function getAlignPosition({
|
|
@@ -159,11 +174,4 @@ function getLeftPosition(align, triggerPageX, triggerWidth, contentWidth, alignO
|
|
|
159
174
|
}
|
|
160
175
|
return Math.max(insets.left, Math.min(left + alignOffset, dimensions.width - contentWidth - insets.right));
|
|
161
176
|
}
|
|
162
|
-
function getContentStyle(args) {
|
|
163
|
-
return {
|
|
164
|
-
position: "absolute",
|
|
165
|
-
...getSidePosition(args),
|
|
166
|
-
...getAlignPosition(args)
|
|
167
|
-
};
|
|
168
|
-
}
|
|
169
177
|
//# sourceMappingURL=use-relative-position.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useMemo","useWindowDimensions","usePortalOffset","useSafeAreaInsets","useRelativePosition","align","triggerPosition","contentLayout","alignOffset","sideOffset","preferredSide","dimensions","insets","portalOffset","hasLayout","width","height","isLoaded","position","opacity","top","zIndex","adjustedTriggerPosition","pageX","value","x","pageY","y","style","
|
|
1
|
+
{"version":3,"names":["useMemo","Platform","useWindowDimensions","usePortalOffset","useSafeAreaInsets","useIsReactNavigationModal","useRelativePosition","align","triggerPosition","contentLayout","alignOffset","sideOffset","preferredSide","dimensions","insets","portalOffset","isReactNavigationModal","hasLayout","width","height","isLoaded","position","opacity","top","zIndex","adjustedTriggerPosition","pageX","value","x","pageY","y","args","sidePosition","getSidePosition","alignPosition","getAlignPosition","style","select","default","ios","DEFAULT_LAYOUT","DEFAULT_POSITION","getSide","positionTop","positionBottom","spaceBelow","bottom","spaceAbove","side","Math","min","max","maxContentWidth","left","right","contentWidth","getLeftPosition","doesCollide","spaceLeft","spaceRight","centeredPosition","maxWidth","triggerPageX","triggerWidth"],"sourceRoot":"../../../src","sources":["hooks/use-relative-position.ts"],"mappings":"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","ignoreList":[]}
|
package/dist/module/index.js
CHANGED
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
import { AsyncAlertDialogManager } from "./components/alert-dialog/async-alert-dialog.js";
|
|
4
4
|
import { PortalHost } from "./components/portal/index.js";
|
|
5
5
|
import { ToastContainer } from "./components/toast/manager.js";
|
|
6
|
+
import { useInitializeNavigationContainerRef } from "./hooks/use-is-react-navigation-modal.js";
|
|
6
7
|
import { SafeAreaProvider } from "./safe-area/index.js";
|
|
7
8
|
import { ThemeProvider } from "./themes/index.js";
|
|
8
9
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
@@ -13,6 +14,8 @@ export const UIProvider = ({
|
|
|
13
14
|
safeAreaInsets,
|
|
14
15
|
components
|
|
15
16
|
}) => {
|
|
17
|
+
// Temporary fix to calculate portal content relative position correctly when rendered in a React Navigation modal.
|
|
18
|
+
useInitializeNavigationContainerRef();
|
|
16
19
|
return /*#__PURE__*/_jsx(SafeAreaProvider, {
|
|
17
20
|
insets: safeAreaInsets,
|
|
18
21
|
children: /*#__PURE__*/_jsxs(ThemeProvider, {
|