@korsolutions/ui 0.0.91 → 0.0.93
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/module/components/combobox/components/combobox-option.js +5 -9
- package/dist/module/components/combobox/components/combobox-option.js.map +1 -1
- package/dist/module/components/combobox/components/combobox-trigger.js +29 -16
- package/dist/module/components/combobox/components/combobox-trigger.js.map +1 -1
- package/dist/module/components/link/link.js +16 -6
- package/dist/module/components/link/link.js.map +1 -1
- package/dist/module/components/phone-input/components/phone-input.js +16 -7
- package/dist/module/components/phone-input/components/phone-input.js.map +1 -1
- package/dist/module/components/select/components/select-option.js +3 -5
- package/dist/module/components/select/components/select-option.js.map +1 -1
- package/dist/module/components/select/variants/default.js +6 -3
- package/dist/module/components/select/variants/default.js.map +1 -1
- package/dist/module/components/table/variants/default.js +3 -1
- package/dist/module/components/table/variants/default.js.map +1 -1
- package/dist/typescript/src/components/combobox/components/combobox-option.d.ts +2 -1
- package/dist/typescript/src/components/combobox/components/combobox-option.d.ts.map +1 -1
- package/dist/typescript/src/components/combobox/components/combobox-trigger.d.ts +13 -4
- package/dist/typescript/src/components/combobox/components/combobox-trigger.d.ts.map +1 -1
- package/dist/typescript/src/components/link/link.d.ts +9 -3
- package/dist/typescript/src/components/link/link.d.ts.map +1 -1
- package/dist/typescript/src/components/phone-input/components/phone-input.d.ts +4 -6
- package/dist/typescript/src/components/phone-input/components/phone-input.d.ts.map +1 -1
- package/dist/typescript/src/components/phone-input/index.d.ts +1 -2
- package/dist/typescript/src/components/phone-input/index.d.ts.map +1 -1
- package/dist/typescript/src/components/select/components/select-option.d.ts +4 -1
- package/dist/typescript/src/components/select/components/select-option.d.ts.map +1 -1
- package/dist/typescript/src/components/select/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/components/table/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/themes/types.d.ts +4 -0
- package/dist/typescript/src/themes/types.d.ts.map +1 -1
- package/dist/typescript/src/types/props.types.d.ts +1 -1
- package/dist/typescript/src/types/props.types.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/combobox/components/combobox-option.tsx +8 -13
- package/src/components/combobox/components/combobox-trigger.tsx +41 -19
- package/src/components/link/link.tsx +24 -8
- package/src/components/phone-input/components/phone-input.tsx +33 -23
- package/src/components/select/components/select-option.tsx +13 -9
- package/src/components/select/variants/default.tsx +4 -0
- package/src/components/table/variants/default.tsx +2 -0
- package/src/themes/types.ts +4 -0
- package/src/types/props.types.ts +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React, { useState } from "react";
|
|
4
|
-
import { Pressable, StyleSheet
|
|
4
|
+
import { Pressable, StyleSheet } from "react-native";
|
|
5
5
|
import { useCombobox } from "../context.js";
|
|
6
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
7
|
const calculateState = (comboboxState, hovered, selected) => {
|
|
@@ -23,16 +23,12 @@ export function ComboboxOption(props) {
|
|
|
23
23
|
combobox.onChange?.(props.item);
|
|
24
24
|
combobox.setIsOpen(false);
|
|
25
25
|
};
|
|
26
|
-
|
|
27
|
-
const handlePointerLeave = () => setIsHovered(false);
|
|
28
|
-
const displayContent = props.children ?? combobox.getItemLabel(props.item);
|
|
29
|
-
const Component = typeof props.children === "string" ? Text : Pressable;
|
|
30
|
-
return /*#__PURE__*/_jsx(Component, {
|
|
26
|
+
return /*#__PURE__*/_jsx(Pressable, {
|
|
31
27
|
onPress: handlePress,
|
|
32
|
-
onPointerEnter:
|
|
33
|
-
onPointerLeave:
|
|
28
|
+
onPointerEnter: () => setIsHovered(true),
|
|
29
|
+
onPointerLeave: () => setIsHovered(false),
|
|
34
30
|
style: composedStyles,
|
|
35
|
-
children:
|
|
31
|
+
children: props.children
|
|
36
32
|
});
|
|
37
33
|
}
|
|
38
34
|
//# sourceMappingURL=combobox-option.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","Pressable","StyleSheet","
|
|
1
|
+
{"version":3,"names":["React","useState","Pressable","StyleSheet","useCombobox","jsx","_jsx","calculateState","comboboxState","hovered","selected","ComboboxOption","props","isHovered","setIsHovered","combobox","itemValue","getItemValue","item","selectedValue","value","undefined","isSelected","optionState","state","optionStyles","styles","option","composedStyles","flatten","default","handlePress","onChange","setIsOpen","onPress","onPointerEnter","onPointerLeave","style","children"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-option.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,EAAEC,UAAU,QAAwC,cAAc;AAEpF,SAASC,WAAW,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQzC,MAAMC,cAAc,GAAGA,CACrBC,aAA4B,EAC5BC,OAAgB,EAChBC,QAAiB,KACO;EACxB,IAAIF,aAAa,KAAK,UAAU,EAAE,OAAO,UAAU;EACnD,IAAIE,QAAQ,EAAE,OAAO,UAAU;EAC/B,IAAID,OAAO,EAAE,OAAO,SAAS;EAC7B,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASE,cAAcA,CAAIC,KAA6B,EAAE;EAC/D,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGb,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMc,QAAQ,GAAGX,WAAW,CAAC,CAAC;EAE9B,MAAMY,SAAS,GAAGD,QAAQ,CAACE,YAAY,CAACL,KAAK,CAACM,IAAI,CAAC;EACnD,MAAMC,aAAa,GAAGJ,QAAQ,CAACK,KAAK,IAAI,IAAI,GAAGL,QAAQ,CAACE,YAAY,CAACF,QAAQ,CAACK,KAAK,CAAC,GAAGC,SAAS;EAChG,MAAMC,UAAU,GAAGN,SAAS,KAAKG,aAAa;EAE9C,MAAMI,WAAW,GAAGhB,cAAc,CAACQ,QAAQ,CAACS,KAAK,EAAEX,SAAS,EAAES,UAAU,CAAC;EACzE,MAAMG,YAAY,GAAGV,QAAQ,CAACW,MAAM,EAAEC,MAAM;EAC5C,MAAMC,cAAc,GAAGzB,UAAU,CAAC0B,OAAO,CAAC,CAACJ,YAAY,EAAEK,OAAO,EAAEL,YAAY,GAAGF,WAAW,CAAC,CAAC,CAAC;EAE/F,MAAMQ,WAAW,GAAGA,CAAA,KAAM;IACxBhB,QAAQ,CAACiB,QAAQ,GAAGpB,KAAK,CAACM,IAAI,CAAC;IAC/BH,QAAQ,CAACkB,SAAS,CAAC,KAAK,CAAC;EAC3B,CAAC;EAED,oBACE3B,IAAA,CAACJ,SAAS;IACRgC,OAAO,EAAEH,WAAY;IACrBI,cAAc,EAAEA,CAAA,KAAMrB,YAAY,CAAC,IAAI,CAAE;IACzCsB,cAAc,EAAEA,CAAA,KAAMtB,YAAY,CAAC,KAAK,CAAE;IAC1CuB,KAAK,EAAET,cAAuC;IAAAU,QAAA,EAE7C1B,KAAK,CAAC0B;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -11,7 +11,10 @@ const calculateState = (isDisabled, isOpen) => {
|
|
|
11
11
|
if (isOpen) return "focused";
|
|
12
12
|
return "default";
|
|
13
13
|
};
|
|
14
|
-
export function ComboboxTrigger(
|
|
14
|
+
export function ComboboxTrigger({
|
|
15
|
+
render,
|
|
16
|
+
...props
|
|
17
|
+
}) {
|
|
15
18
|
const combobox = useCombobox();
|
|
16
19
|
const triggerRef = useRef(null);
|
|
17
20
|
const triggerState = calculateState(combobox.isDisabled, combobox.isOpen);
|
|
@@ -27,9 +30,22 @@ export function ComboboxTrigger(props) {
|
|
|
27
30
|
});
|
|
28
31
|
});
|
|
29
32
|
};
|
|
33
|
+
const onChangeText = text => {
|
|
34
|
+
if (combobox.isDisabled) return;
|
|
35
|
+
combobox.setInputValue(text);
|
|
36
|
+
if (!combobox.isOpen) open();
|
|
37
|
+
};
|
|
38
|
+
const onFocus = () => {
|
|
39
|
+
if (!combobox.isOpen) open();
|
|
40
|
+
};
|
|
41
|
+
const setInputValue = value => {
|
|
42
|
+
combobox.setInputValue(value);
|
|
43
|
+
if (triggerRef.current) {
|
|
44
|
+
setInnerInputValue(triggerRef.current, value);
|
|
45
|
+
}
|
|
46
|
+
};
|
|
30
47
|
useEffect(() => {
|
|
31
|
-
|
|
32
|
-
setInnerInputValue(triggerRef.current, displayValue);
|
|
48
|
+
setInputValue(displayValue);
|
|
33
49
|
}, [displayValue]);
|
|
34
50
|
useEffect(() => {
|
|
35
51
|
if (!combobox.isOpen) {
|
|
@@ -43,24 +59,21 @@ export function ComboboxTrigger(props) {
|
|
|
43
59
|
...props,
|
|
44
60
|
style: StyleSheet.flatten([triggerStyles?.default?.style, triggerStyles?.[triggerState]?.style])
|
|
45
61
|
};
|
|
46
|
-
const composedStyle = StyleSheet.flatten([triggerStyles?.default?.style, triggerStyles?.[triggerState]?.style]);
|
|
62
|
+
const composedStyle = StyleSheet.flatten([triggerStyles?.default?.style, triggerStyles?.[triggerState]?.style, props.style]);
|
|
63
|
+
if (render) {
|
|
64
|
+
return render({
|
|
65
|
+
inputRef: triggerRef,
|
|
66
|
+
open,
|
|
67
|
+
setInputValue
|
|
68
|
+
});
|
|
69
|
+
}
|
|
47
70
|
return /*#__PURE__*/_jsx(TextInput, {
|
|
48
71
|
...composedProps,
|
|
49
72
|
ref: triggerRef,
|
|
50
73
|
value: undefined,
|
|
51
74
|
onChange: undefined,
|
|
52
|
-
onChangeText:
|
|
53
|
-
|
|
54
|
-
combobox.setInputValue(text);
|
|
55
|
-
if (!combobox.isOpen) {
|
|
56
|
-
open();
|
|
57
|
-
}
|
|
58
|
-
},
|
|
59
|
-
onFocus: () => {
|
|
60
|
-
if (!combobox.isOpen) {
|
|
61
|
-
open();
|
|
62
|
-
}
|
|
63
|
-
},
|
|
75
|
+
onChangeText: onChangeText,
|
|
76
|
+
onFocus: onFocus,
|
|
64
77
|
style: composedStyle
|
|
65
78
|
});
|
|
66
79
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useRef","StyleSheet","TextInput","setInnerInputValue","measureLayoutPosition","useCombobox","jsx","_jsx","calculateState","isDisabled","isOpen","ComboboxTrigger","props","combobox","triggerRef","triggerState","selectedLabel","value","getItemLabel","displayValue","inputValue","open","setInputValue","requestAnimationFrame","current","layout","setTriggerPosition","setIsOpen","blur","triggerStyles","styles","trigger","composedProps","default","style","flatten","composedStyle","ref","undefined","onChange"
|
|
1
|
+
{"version":3,"names":["React","useEffect","useRef","StyleSheet","TextInput","setInnerInputValue","measureLayoutPosition","useCombobox","jsx","_jsx","calculateState","isDisabled","isOpen","ComboboxTrigger","render","props","combobox","triggerRef","triggerState","selectedLabel","value","getItemLabel","displayValue","inputValue","open","setInputValue","requestAnimationFrame","current","layout","setTriggerPosition","setIsOpen","onChangeText","text","onFocus","blur","triggerStyles","styles","trigger","composedProps","default","style","flatten","composedStyle","inputRef","ref","undefined","onChange"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-trigger.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,24 +1,34 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React from "react";
|
|
4
|
-
import { Linking, Text as RnText } from "react-native";
|
|
4
|
+
import { Linking, Text as RnText, StyleSheet } from "react-native";
|
|
5
|
+
import { useComponentConfig } from "../../themes/provider.js";
|
|
5
6
|
import { LinkVariants } from "./variants/index.js";
|
|
6
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
8
|
export function Link(props) {
|
|
8
|
-
const
|
|
9
|
+
const {
|
|
10
|
+
style,
|
|
11
|
+
onPress,
|
|
12
|
+
variant = "default",
|
|
13
|
+
...rest
|
|
14
|
+
} = props;
|
|
15
|
+
const useVariantStyles = LinkVariants[variant];
|
|
16
|
+
const config = useComponentConfig("link");
|
|
9
17
|
const variantStyles = useVariantStyles();
|
|
10
18
|
const handlePress = async e => {
|
|
11
|
-
if (props.href) {
|
|
19
|
+
if ("href" in props && props.href) {
|
|
12
20
|
const supported = await Linking.canOpenURL(props.href);
|
|
13
21
|
if (supported) {
|
|
14
22
|
await Linking.openURL(props.href);
|
|
15
23
|
}
|
|
24
|
+
} else {
|
|
25
|
+
onPress?.(e);
|
|
16
26
|
}
|
|
17
|
-
props.onPress?.(e);
|
|
18
27
|
};
|
|
28
|
+
const composedStyles = StyleSheet.flatten([variantStyles, config?.styles, style]);
|
|
19
29
|
return /*#__PURE__*/_jsx(RnText, {
|
|
20
|
-
...
|
|
21
|
-
style:
|
|
30
|
+
...rest,
|
|
31
|
+
style: composedStyles,
|
|
22
32
|
onPress: handlePress
|
|
23
33
|
});
|
|
24
34
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Linking","Text","RnText","LinkVariants","jsx","_jsx","Link","props","
|
|
1
|
+
{"version":3,"names":["React","Linking","Text","RnText","StyleSheet","useComponentConfig","LinkVariants","jsx","_jsx","Link","props","style","onPress","variant","rest","useVariantStyles","config","variantStyles","handlePress","e","href","supported","canOpenURL","openURL","composedStyles","flatten","styles"],"sourceRoot":"../../../../src","sources":["components/link/link.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,EAAEC,IAAI,IAAIC,MAAM,EAAEC,UAAU,QAAuC,cAAc;AACjG,SAASC,kBAAkB,QAAQ,0BAAuB;AAC1D,SAASC,YAAY,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAkB1C,OAAO,SAASC,IAAIA,CAACC,KAAgB,EAAE;EACrC,MAAM;IAAEC,KAAK;IAAEC,OAAO;IAAEC,OAAO,GAAG,SAAS;IAAE,GAAGC;EAAK,CAAC,GAAGJ,KAAK;EAC9D,MAAMK,gBAAgB,GAAGT,YAAY,CAACO,OAAO,CAAC;EAC9C,MAAMG,MAAM,GAAGX,kBAAkB,CAAC,MAAM,CAAC;EACzC,MAAMY,aAAa,GAAGF,gBAAgB,CAAC,CAAC;EAExC,MAAMG,WAAmC,GAAG,MAAOC,CAAC,IAAK;IACvD,IAAI,MAAM,IAAIT,KAAK,IAAIA,KAAK,CAACU,IAAI,EAAE;MACjC,MAAMC,SAAS,GAAG,MAAMpB,OAAO,CAACqB,UAAU,CAACZ,KAAK,CAACU,IAAI,CAAC;MACtD,IAAIC,SAAS,EAAE;QACb,MAAMpB,OAAO,CAACsB,OAAO,CAACb,KAAK,CAACU,IAAI,CAAC;MACnC;IACF,CAAC,MAAM;MACLR,OAAO,GAAGO,CAAC,CAAC;IACd;EACF,CAAC;EAED,MAAMK,cAAc,GAAGpB,UAAU,CAACqB,OAAO,CAAC,CAACR,aAAa,EAAED,MAAM,EAAEU,MAAM,EAAEf,KAAK,CAAC,CAAC;EAEjF,oBAAOH,IAAA,CAACL,MAAM;IAAA,GAAKW,IAAI;IAAEH,KAAK,EAAEa,cAAe;IAACZ,OAAO,EAAEM;EAAY,CAAE,CAAC;AAC1E","ignoreList":[]}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import React from "react";
|
|
3
|
+
import React, { forwardRef } from "react";
|
|
4
4
|
import { StyleSheet, TextInput } from "react-native";
|
|
5
5
|
import { usePhoneInput } from "../context.js";
|
|
6
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
-
export
|
|
7
|
+
export const PhoneInput = /*#__PURE__*/forwardRef(({
|
|
8
8
|
placeholder = "Enter phone number",
|
|
9
|
-
style
|
|
10
|
-
|
|
9
|
+
style,
|
|
10
|
+
...props
|
|
11
|
+
}, ref) => {
|
|
11
12
|
const {
|
|
12
13
|
styles,
|
|
13
14
|
state,
|
|
@@ -17,15 +18,23 @@ export function PhoneInput({
|
|
|
17
18
|
} = usePhoneInput();
|
|
18
19
|
const inputStyles = StyleSheet.flatten([styles.input?.default, styles.input?.[state], style]);
|
|
19
20
|
return /*#__PURE__*/_jsx(TextInput, {
|
|
21
|
+
...props,
|
|
22
|
+
ref: ref,
|
|
20
23
|
value: phoneMask.displayValue,
|
|
21
24
|
onChangeText: phoneMask.onChangeText,
|
|
22
25
|
keyboardType: phoneMask.keyboardType,
|
|
23
26
|
placeholder: placeholder,
|
|
24
27
|
placeholderTextColor: StyleSheet.flatten(styles.countryButtonText?.disabled)?.color,
|
|
25
28
|
readOnly: isDisabled,
|
|
26
|
-
onFocus:
|
|
27
|
-
|
|
29
|
+
onFocus: e => {
|
|
30
|
+
setIsFocused(true);
|
|
31
|
+
props.onFocus?.(e);
|
|
32
|
+
},
|
|
33
|
+
onBlur: e => {
|
|
34
|
+
setIsFocused(false);
|
|
35
|
+
props.onBlur?.(e);
|
|
36
|
+
},
|
|
28
37
|
style: inputStyles
|
|
29
38
|
});
|
|
30
|
-
}
|
|
39
|
+
});
|
|
31
40
|
//# sourceMappingURL=phone-input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","TextInput","usePhoneInput","jsx","_jsx","PhoneInput","placeholder","style","styles","state","setIsFocused","phoneMask","isDisabled","inputStyles","flatten","input","default","value","displayValue","onChangeText","keyboardType","placeholderTextColor","countryButtonText","disabled","color","readOnly","onFocus","onBlur"],"sourceRoot":"../../../../../src","sources":["components/phone-input/components/phone-input.tsx"],"mappings":";;AAAA,OAAOA,KAAK,
|
|
1
|
+
{"version":3,"names":["React","forwardRef","StyleSheet","TextInput","usePhoneInput","jsx","_jsx","PhoneInput","placeholder","style","props","ref","styles","state","setIsFocused","phoneMask","isDisabled","inputStyles","flatten","input","default","value","displayValue","onChangeText","keyboardType","placeholderTextColor","countryButtonText","disabled","color","readOnly","onFocus","e","onBlur"],"sourceRoot":"../../../../../src","sources":["components/phone-input/components/phone-input.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,UAAU,EAAEC,SAAS,QAA6B,cAAc;AAEzE,SAASC,aAAa,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAM3C,OAAO,MAAMC,UAAU,gBAAGN,UAAU,CAClC,CAAC;EAAEO,WAAW,GAAG,oBAAoB;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAChE,MAAM;IAAEC,MAAM;IAAEC,KAAK;IAAEC,YAAY;IAAEC,SAAS;IAAEC;EAAW,CAAC,GAAGZ,aAAa,CAAC,CAAC;EAE9E,MAAMa,WAAW,GAAGf,UAAU,CAACgB,OAAO,CAAC,CAACN,MAAM,CAACO,KAAK,EAAEC,OAAO,EAAER,MAAM,CAACO,KAAK,GAAGN,KAAK,CAAC,EAAEJ,KAAK,CAAC,CAAC;EAE7F,oBACEH,IAAA,CAACH,SAAS;IAAA,GACJO,KAAK;IACTC,GAAG,EAAEA,GAAI;IACTU,KAAK,EAAEN,SAAS,CAACO,YAAa;IAC9BC,YAAY,EAAER,SAAS,CAACQ,YAAa;IACrCC,YAAY,EAAET,SAAS,CAACS,YAAa;IACrChB,WAAW,EAAEA,WAAY;IACzBiB,oBAAoB,EAAEvB,UAAU,CAACgB,OAAO,CAACN,MAAM,CAACc,iBAAiB,EAAEC,QAAQ,CAAC,EAAEC,KAAM;IACpFC,QAAQ,EAAEb,UAAW;IACrBc,OAAO,EAAGC,CAAC,IAAK;MACdjB,YAAY,CAAC,IAAI,CAAC;MAClBJ,KAAK,CAACoB,OAAO,GAAGC,CAAC,CAAC;IACpB,CAAE;IACFC,MAAM,EAAGD,CAAC,IAAK;MACbjB,YAAY,CAAC,KAAK,CAAC;MACnBJ,KAAK,CAACsB,MAAM,GAAGD,CAAC,CAAC;IACnB,CAAE;IACFtB,KAAK,EAAEQ;EAAY,CACpB,CAAC;AAEN,CACF,CAAC","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React, { useEffect, useState } from "react";
|
|
4
|
-
import { Pressable,
|
|
4
|
+
import { Pressable, StyleSheet } from "react-native";
|
|
5
5
|
import { useSelect } from "../context.js";
|
|
6
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
7
|
const calculateState = (selectState, hovered, selected) => {
|
|
@@ -22,7 +22,6 @@ export function SelectOption(props) {
|
|
|
22
22
|
const isSelected = select.value === props.value;
|
|
23
23
|
const optionState = calculateState(select.state, isHovered, isSelected);
|
|
24
24
|
const optionStyles = select.styles?.option;
|
|
25
|
-
const composedStyles = [optionStyles?.default, optionStyles?.[optionState]];
|
|
26
25
|
useEffect(() => {
|
|
27
26
|
select.setOptions(prev => {
|
|
28
27
|
if (prev.find(option => option.value === props.value)) {
|
|
@@ -40,12 +39,11 @@ export function SelectOption(props) {
|
|
|
40
39
|
};
|
|
41
40
|
const handlePointerEnter = () => setIsHovered(true);
|
|
42
41
|
const handlePointerLeave = () => setIsHovered(false);
|
|
43
|
-
|
|
44
|
-
return /*#__PURE__*/_jsx(Component, {
|
|
42
|
+
return /*#__PURE__*/_jsx(Pressable, {
|
|
45
43
|
onPress: handlePress,
|
|
46
44
|
onPointerEnter: handlePointerEnter,
|
|
47
45
|
onPointerLeave: handlePointerLeave,
|
|
48
|
-
style:
|
|
46
|
+
style: styleProps => StyleSheet.flatten([optionStyles?.default, optionStyles?.[optionState], typeof props.style === "function" ? props.style(styleProps) : props.style]),
|
|
49
47
|
children: props.children
|
|
50
48
|
});
|
|
51
49
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useState","Pressable","
|
|
1
|
+
{"version":3,"names":["React","useEffect","useState","Pressable","StyleSheet","useSelect","jsx","_jsx","calculateState","selectState","hovered","selected","SelectOption","props","isHovered","setIsHovered","select","isSelected","value","optionState","state","optionStyles","styles","option","setOptions","prev","find","label","children","handlePress","onChange","setIsOpen","handlePointerEnter","handlePointerLeave","onPress","onPointerEnter","onPointerLeave","style","styleProps","flatten","default"],"sourceRoot":"../../../../../src","sources":["components/select/components/select-option.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,SAAS,EAAEC,UAAU,QAA6B,cAAc;AAEzE,SAASC,SAAS,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASvC,MAAMC,cAAc,GAAGA,CACrBC,WAAwB,EACxBC,OAAgB,EAChBC,QAAiB,KACK;EACtB,IAAIF,WAAW,KAAK,UAAU,EAAE;IAC9B,OAAO,UAAU;EACnB;EACA,IAAIE,QAAQ,EAAE;IACZ,OAAO,UAAU;EACnB;EACA,IAAID,OAAO,EAAE;IACX,OAAO,SAAS;EAClB;EACA,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASE,YAAYA,CAACC,KAAwB,EAAsB;EACzE,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGb,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMc,MAAM,GAAGX,SAAS,CAAC,CAAC;EAC1B,MAAMY,UAAU,GAAGD,MAAM,CAACE,KAAK,KAAKL,KAAK,CAACK,KAAK;EAE/C,MAAMC,WAAW,GAAGX,cAAc,CAACQ,MAAM,CAACI,KAAK,EAAEN,SAAS,EAAEG,UAAU,CAAC;EACvE,MAAMI,YAAY,GAAGL,MAAM,CAACM,MAAM,EAAEC,MAAM;EAC1CtB,SAAS,CAAC,MAAM;IACde,MAAM,CAACQ,UAAU,CAAEC,IAAI,IAAK;MAC1B,IAAIA,IAAI,CAACC,IAAI,CAAEH,MAAM,IAAKA,MAAM,CAACL,KAAK,KAAKL,KAAK,CAACK,KAAK,CAAC,EAAE;QACvD,OAAOO,IAAI;MACb;MACA,OAAO,CAAC,GAAGA,IAAI,EAAE;QAAEP,KAAK,EAAEL,KAAK,CAACK,KAAK;QAAES,KAAK,EAAEd,KAAK,CAACe;MAAS,CAAC,CAAC;IACjE,CAAC,CAAC;EACJ,CAAC,EAAE,CAACf,KAAK,CAACK,KAAK,EAAEL,KAAK,CAACe,QAAQ,CAAC,CAAC;EAEjC,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxBb,MAAM,CAACc,QAAQ,GAAGjB,KAAK,CAACK,KAAK,CAAC;IAC9BF,MAAM,CAACe,SAAS,CAAC,KAAK,CAAC;EACzB,CAAC;EACD,MAAMC,kBAAkB,GAAGA,CAAA,KAAMjB,YAAY,CAAC,IAAI,CAAC;EACnD,MAAMkB,kBAAkB,GAAGA,CAAA,KAAMlB,YAAY,CAAC,KAAK,CAAC;EAEpD,oBACER,IAAA,CAACJ,SAAS;IACR+B,OAAO,EAAEL,WAAY;IACrBM,cAAc,EAAEH,kBAAmB;IACnCI,cAAc,EAAEH,kBAAmB;IACnCI,KAAK,EAAGC,UAAU,IAChBlC,UAAU,CAACmC,OAAO,CAAC,CACjBlB,YAAY,EAAEmB,OAAO,EACrBnB,YAAY,GAAGF,WAAW,CAAC,EAC3B,OAAON,KAAK,CAACwB,KAAK,KAAK,UAAU,GAAGxB,KAAK,CAACwB,KAAK,CAACC,UAAU,CAAC,GAAGzB,KAAK,CAACwB,KAAK,CAC1E,CACF;IAAAT,QAAA,EAEAf,KAAK,CAACe;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -25,7 +25,8 @@ export function useSelectVariantDefault(size) {
|
|
|
25
25
|
minHeight: s.height
|
|
26
26
|
},
|
|
27
27
|
disabled: {
|
|
28
|
-
backgroundColor: colors.muted
|
|
28
|
+
backgroundColor: colors.muted,
|
|
29
|
+
cursor: "not-allowed"
|
|
29
30
|
}
|
|
30
31
|
},
|
|
31
32
|
value: {
|
|
@@ -76,10 +77,12 @@ export function useSelectVariantDefault(size) {
|
|
|
76
77
|
fontSize: s.fontSize,
|
|
77
78
|
lineHeight: s.lineHeight,
|
|
78
79
|
color: colors.foreground,
|
|
79
|
-
borderRadius: radius / 2
|
|
80
|
+
borderRadius: radius / 2,
|
|
81
|
+
cursor: "pointer"
|
|
80
82
|
},
|
|
81
83
|
disabled: {
|
|
82
|
-
color: colors.mutedForeground
|
|
84
|
+
color: colors.mutedForeground,
|
|
85
|
+
cursor: "not-allowed"
|
|
83
86
|
},
|
|
84
87
|
selected: {
|
|
85
88
|
backgroundColor: colors.muted
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useThemedStyles","useSelectVariantDefault","size","colors","radius","fontFamily","sizeScale","s","root","default","disabled","trigger","borderWidth","borderColor","border","borderRadius","backgroundColor","surface","justifyContent","paddingHorizontal","minHeight","height","muted","value","fontSize","lineHeight","color","foreground","mutedForeground","placeholder","overlay","zIndex","content","padding","gap","option","paddingVertical","selected","hovered"],"sourceRoot":"../../../../../src","sources":["components/select/variants/default.tsx"],"mappings":";;
|
|
1
|
+
{"version":3,"names":["useThemedStyles","useSelectVariantDefault","size","colors","radius","fontFamily","sizeScale","s","root","default","disabled","trigger","borderWidth","borderColor","border","borderRadius","backgroundColor","surface","justifyContent","paddingHorizontal","minHeight","height","muted","cursor","value","fontSize","lineHeight","color","foreground","mutedForeground","placeholder","overlay","zIndex","content","padding","gap","option","paddingVertical","selected","hovered"],"sourceRoot":"../../../../../src","sources":["components/select/variants/default.tsx"],"mappings":";;AAEA,SAASA,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,SAASC,uBAAuBA,CAACC,IAAU,EAAgB;EAChE,OAAOF,eAAe,CAAC,CAAC;IAAEG,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAU,CAAC,KAAmB;IAClF,MAAMC,CAAC,GAAGD,SAAS,CAACJ,IAAI,CAAC;IAEzB,OAAO;MACLM,IAAI,EAAE;QACJC,OAAO,EAAE,CAAC,CAAC;QACXC,QAAQ,EAAE,CAAC;MACb,CAAC;MACDC,OAAO,EAAE;QACPF,OAAO,EAAE;UACPG,WAAW,EAAE,CAAC;UACdC,WAAW,EAAEV,MAAM,CAACW,MAAM;UAC1BC,YAAY,EAAEX,MAAM;UACpBY,eAAe,EAAEb,MAAM,CAACc,OAAO;UAC/BC,cAAc,EAAE,QAAQ;UACxBC,iBAAiB,EAAEZ,CAAC,CAACY,iBAAiB;UACtCC,SAAS,EAAEb,CAAC,CAACc;QACf,CAAC;QACDX,QAAQ,EAAE;UACRM,eAAe,EAAEb,MAAM,CAACmB,KAAK;UAC7BC,MAAM,EAAE;QACV;MACF,CAAC;MACDC,KAAK,EAAE;QACLf,OAAO,EAAE;UACPJ,UAAU;UACVoB,QAAQ,EAAElB,CAAC,CAACkB,QAAQ;UACpBC,UAAU,EAAEnB,CAAC,CAACmB,UAAU;UACxBC,KAAK,EAAExB,MAAM,CAACyB;QAChB,CAAC;QACDlB,QAAQ,EAAE;UACRiB,KAAK,EAAExB,MAAM,CAAC0B;QAChB;MACF,CAAC;MACDC,WAAW,EAAE;QACXrB,OAAO,EAAE;UACPJ,UAAU;UACVoB,QAAQ,EAAElB,CAAC,CAACkB,QAAQ;UACpBC,UAAU,EAAEnB,CAAC,CAACmB,UAAU;UACxBC,KAAK,EAAExB,MAAM,CAAC0B;QAChB,CAAC;QACDnB,QAAQ,EAAE;UACRiB,KAAK,EAAExB,MAAM,CAAC0B;QAChB;MACF,CAAC;MACDE,OAAO,EAAE;QACPtB,OAAO,EAAE;UACPuB,MAAM,EAAE;QACV,CAAC;QACDtB,QAAQ,EAAE,CAAC;MACb,CAAC;MACDuB,OAAO,EAAE;QACPxB,OAAO,EAAE;UACPO,eAAe,EAAEb,MAAM,CAACc,OAAO;UAC/BF,YAAY,EAAEX,MAAM;UACpBQ,WAAW,EAAE,CAAC;UACdC,WAAW,EAAEV,MAAM,CAACW,MAAM;UAC1BoB,OAAO,EAAE,CAAC;UACVC,GAAG,EAAE,CAAC;UACNH,MAAM,EAAE;QACV,CAAC;QACDtB,QAAQ,EAAE,CAAC;MACb,CAAC;MACD0B,MAAM,EAAE;QACN3B,OAAO,EAAE;UACP4B,eAAe,EAAE9B,CAAC,CAAC8B,eAAe;UAClClB,iBAAiB,EAAEZ,CAAC,CAACY,iBAAiB;UACtCd,UAAU;UACVoB,QAAQ,EAAElB,CAAC,CAACkB,QAAQ;UACpBC,UAAU,EAAEnB,CAAC,CAACmB,UAAU;UACxBC,KAAK,EAAExB,MAAM,CAACyB,UAAU;UACxBb,YAAY,EAAEX,MAAM,GAAG,CAAC;UACxBmB,MAAM,EAAE;QACV,CAAC;QACDb,QAAQ,EAAE;UACRiB,KAAK,EAAExB,MAAM,CAAC0B,eAAe;UAC7BN,MAAM,EAAE;QACV,CAAC;QACDe,QAAQ,EAAE;UACRtB,eAAe,EAAEb,MAAM,CAACmB;QAC1B,CAAC;QACDiB,OAAO,EAAE;UACPvB,eAAe,EAAEb,MAAM,CAACmB;QAC1B;MACF;IACF,CAAC;EACH,CAAC,CAAC;AACJ","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useThemedStyles","useTableVariantDefault","colors","radius","root","default","borderWidth","borderColor","border","borderRadius","overflow","header","backgroundColor","muted","body","row","flexDirection","borderBottomWidth","borderBottomColor","head","flex","paddingHorizontal","paddingVertical","cell"],"sourceRoot":"../../../../../src","sources":["components/table/variants/default.tsx"],"mappings":";;AAAA,SAASA,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,SAASC,sBAAsBA,CAAA,EAAgB;EACpD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC;EAAO,CAAC,MAAmB;IACpCC,IAAI,EAAE;MACJC,OAAO,EAAE;QACPC,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEL,MAAM,CAACM,MAAM;QAC1BC,YAAY,EAAEN,MAAM;QACpBO,QAAQ,EAAE;MACZ;IACF,CAAC;IACDC,MAAM,EAAE;MACNN,OAAO,EAAE;QACPO,eAAe,EAAEV,MAAM,CAACW;MAC1B;IACF,CAAC;IACDC,IAAI,EAAE;MACJT,OAAO,EAAE,CAAC;IACZ,CAAC;IACDU,GAAG,EAAE;MACHV,OAAO,EAAE;QACPW,aAAa,EAAE,KAAK;QACpBC,iBAAiB,EAAE,CAAC;QACpBC,iBAAiB,EAAEhB,MAAM,CAACM;MAC5B;IACF,CAAC;IACDW,IAAI,EAAE;MACJd,OAAO,EAAE;QACPe,IAAI,EAAE,CAAC;QACPC,iBAAiB,EAAE,EAAE;QACrBC,eAAe,EAAE;MACnB;IACF,CAAC;IACDC,IAAI,EAAE;MACJlB,OAAO,EAAE;QACPe,IAAI,EAAE,CAAC;QACPC,iBAAiB,EAAE,EAAE;QACrBC,eAAe,EAAE;
|
|
1
|
+
{"version":3,"names":["useThemedStyles","useTableVariantDefault","colors","radius","root","default","borderWidth","borderColor","border","borderRadius","overflow","header","backgroundColor","muted","body","row","flexDirection","borderBottomWidth","borderBottomColor","head","flex","paddingHorizontal","paddingVertical","cell","justifyContent","alignItems"],"sourceRoot":"../../../../../src","sources":["components/table/variants/default.tsx"],"mappings":";;AAAA,SAASA,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,SAASC,sBAAsBA,CAAA,EAAgB;EACpD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC;EAAO,CAAC,MAAmB;IACpCC,IAAI,EAAE;MACJC,OAAO,EAAE;QACPC,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEL,MAAM,CAACM,MAAM;QAC1BC,YAAY,EAAEN,MAAM;QACpBO,QAAQ,EAAE;MACZ;IACF,CAAC;IACDC,MAAM,EAAE;MACNN,OAAO,EAAE;QACPO,eAAe,EAAEV,MAAM,CAACW;MAC1B;IACF,CAAC;IACDC,IAAI,EAAE;MACJT,OAAO,EAAE,CAAC;IACZ,CAAC;IACDU,GAAG,EAAE;MACHV,OAAO,EAAE;QACPW,aAAa,EAAE,KAAK;QACpBC,iBAAiB,EAAE,CAAC;QACpBC,iBAAiB,EAAEhB,MAAM,CAACM;MAC5B;IACF,CAAC;IACDW,IAAI,EAAE;MACJd,OAAO,EAAE;QACPe,IAAI,EAAE,CAAC;QACPC,iBAAiB,EAAE,EAAE;QACrBC,eAAe,EAAE;MACnB;IACF,CAAC;IACDC,IAAI,EAAE;MACJlB,OAAO,EAAE;QACPe,IAAI,EAAE,CAAC;QACPC,iBAAiB,EAAE,EAAE;QACrBC,eAAe,EAAE,EAAE;QACnBE,cAAc,EAAE,QAAQ;QACxBC,UAAU,EAAE;MACd;IACF;EACF,CAAC,CACH,CAAC;AACH","ignoreList":[]}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import type { ElementChildren } from "../../../types/element.types";
|
|
2
3
|
export type ComboboxOptionProps<T> = {
|
|
3
4
|
item: T;
|
|
4
|
-
children?:
|
|
5
|
+
children?: ElementChildren;
|
|
5
6
|
};
|
|
6
7
|
export declare function ComboboxOption<T>(props: ComboboxOptionProps<T>): React.JSX.Element;
|
|
7
8
|
//# sourceMappingURL=combobox-option.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combobox-option.d.ts","sourceRoot":"","sources":["../../../../../../src/components/combobox/components/combobox-option.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"combobox-option.d.ts","sourceRoot":"","sources":["../../../../../../src/components/combobox/components/combobox-option.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAIpE,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI;IACnC,IAAI,EAAE,CAAC,CAAC;IACR,QAAQ,CAAC,EAAE,eAAe,CAAC;CAC5B,CAAC;AAaF,wBAAgB,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,qBA2B9D"}
|
|
@@ -1,6 +1,15 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
import { type TextInputProps } from "react-native";
|
|
3
|
+
import type { TextInputRef } from "../../../types/element.types";
|
|
4
|
+
type ExtendableProps = Omit<TextInputProps, "value" | "onChange" | "onChangeText">;
|
|
5
|
+
type RenderProps = {
|
|
6
|
+
inputRef: React.RefObject<TextInputRef | null>;
|
|
7
|
+
open: () => void;
|
|
8
|
+
setInputValue: (value: string) => void;
|
|
9
|
+
};
|
|
10
|
+
export type ComboboxTriggerProps = ExtendableProps & {
|
|
11
|
+
render?: (props: RenderProps) => React.ReactNode;
|
|
12
|
+
};
|
|
13
|
+
export declare function ComboboxTrigger({ render, ...props }: ComboboxTriggerProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
|
|
14
|
+
export {};
|
|
6
15
|
//# sourceMappingURL=combobox-trigger.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combobox-trigger.d.ts","sourceRoot":"","sources":["../../../../../../src/components/combobox/components/combobox-trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"combobox-trigger.d.ts","sourceRoot":"","sources":["../../../../../../src/components/combobox/components/combobox-trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAyB,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAC1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAMjE,KAAK,eAAe,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC,CAAC;AAEnF,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;IAC/C,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,eAAe,GAAG;IACnD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,KAAK,CAAC,SAAS,CAAC;CAClD,CAAC;AAQF,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,mSAkFzE"}
|
|
@@ -1,9 +1,15 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { type TextProps as RnTextProps } from "react-native";
|
|
3
3
|
import { LinkVariants } from "./variants";
|
|
4
|
-
export
|
|
5
|
-
|
|
4
|
+
export type ExtendableProps = Omit<RnTextProps, "onPress" | "style">;
|
|
5
|
+
export type LinkStyles = RnTextProps["style"];
|
|
6
|
+
export type LinkProps = RnTextProps & {
|
|
6
7
|
variant?: keyof typeof LinkVariants;
|
|
7
|
-
|
|
8
|
+
style?: LinkStyles;
|
|
9
|
+
} & ({
|
|
10
|
+
href?: string;
|
|
11
|
+
} | {
|
|
12
|
+
onPress?: RnTextProps["onPress"];
|
|
13
|
+
});
|
|
8
14
|
export declare function Link(props: LinkProps): React.JSX.Element;
|
|
9
15
|
//# sourceMappingURL=link.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../../../src/components/link/link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,
|
|
1
|
+
{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../../../src/components/link/link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAuC,KAAK,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAElG,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,OAAO,CAAC,CAAC;AAErE,MAAM,MAAM,UAAU,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;AAE9C,MAAM,MAAM,SAAS,GAAG,WAAW,GAAG;IACpC,OAAO,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;IACpC,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,GAAG,CACE;IACE,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GACD;IACE,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAClC,CACJ,CAAC;AAEJ,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,qBAoBpC"}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { type
|
|
3
|
-
export
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
}
|
|
7
|
-
export declare function PhoneInput({ placeholder, style }: PhoneInputProps): React.JSX.Element;
|
|
2
|
+
import { type TextInputProps } from "react-native";
|
|
3
|
+
export type ExpandableProps = Omit<TextInputProps, "value" | "onChangeText">;
|
|
4
|
+
export type PhoneInputProps = ExpandableProps;
|
|
5
|
+
export declare const PhoneInput: React.ForwardRefExoticComponent<ExpandableProps & React.RefAttributes<import("react-native/types_generated/Libraries/Components/TextInput/TextInput.flow").TextInputInstance>>;
|
|
8
6
|
//# sourceMappingURL=phone-input.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"phone-input.d.ts","sourceRoot":"","sources":["../../../../../../src/components/phone-input/components/phone-input.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"phone-input.d.ts","sourceRoot":"","sources":["../../../../../../src/components/phone-input/components/phone-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAyB,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAI1E,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,cAAc,CAAC,CAAC;AAE7E,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC;AAE9C,eAAO,MAAM,UAAU,gLA4BtB,CAAC"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
export type { PhoneInputState, PhoneInputStyles } from "./types";
|
|
2
2
|
import { CountryPicker } from "./components/country-picker";
|
|
3
|
-
import { PhoneInput as PhoneInputComponent } from "./components/phone-input";
|
|
4
3
|
import { PhoneInputRoot } from "./components/phone-input-root";
|
|
5
4
|
export declare const PhoneInput: {
|
|
6
5
|
Root: typeof PhoneInputRoot;
|
|
7
6
|
CountryPicker: typeof CountryPicker;
|
|
8
|
-
Input:
|
|
7
|
+
Input: import("react").ForwardRefExoticComponent<import("./components/phone-input").ExpandableProps & import("react").RefAttributes<import("react-native/types_generated/Libraries/Components/TextInput/TextInput.flow").TextInputInstance>>;
|
|
9
8
|
};
|
|
10
9
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/phone-input/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEjE,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/phone-input/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEjE,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE5D,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D,eAAO,MAAM,UAAU;;;;CAItB,CAAC"}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import { type PressableProps } from "react-native";
|
|
3
|
+
import type { ElementChildren } from "../../../types/element.types";
|
|
2
4
|
export type SelectOptionProps = {
|
|
3
5
|
value: string;
|
|
4
|
-
children?:
|
|
6
|
+
children?: ElementChildren;
|
|
7
|
+
style?: PressableProps["style"];
|
|
5
8
|
};
|
|
6
9
|
export declare function SelectOption(props: SelectOptionProps): React.ReactElement;
|
|
7
10
|
//# sourceMappingURL=select-option.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select-option.d.ts","sourceRoot":"","sources":["../../../../../../src/components/select/components/select-option.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"select-option.d.ts","sourceRoot":"","sources":["../../../../../../src/components/select/components/select-option.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAyB,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAC1E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAIpE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;CACjC,CAAC;AAmBF,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,CAuCzE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/select/variants/default.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/select/variants/default.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,IAAI,GAAG,YAAY,CAwFhE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/table/variants/default.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,wBAAgB,sBAAsB,IAAI,WAAW,
|
|
1
|
+
{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/table/variants/default.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,wBAAgB,sBAAsB,IAAI,WAAW,CA4CpD"}
|
|
@@ -47,6 +47,7 @@ import type { EmptyStyles } from "../components/empty/types";
|
|
|
47
47
|
import type { FieldStyles } from "../components/field/types";
|
|
48
48
|
import type { IconButtonStyles } from "../components/icon-button/types";
|
|
49
49
|
import type { InputStyles } from "../components/input/types";
|
|
50
|
+
import type { LinkStyles } from "../components/link";
|
|
50
51
|
import type { MenuStyles } from "../components/menu/types";
|
|
51
52
|
import type { PhoneInputStyles } from "../components/phone-input/types";
|
|
52
53
|
import type { PopoverStyles } from "../components/popover/types";
|
|
@@ -108,6 +109,9 @@ export interface ComponentsConfig {
|
|
|
108
109
|
input?: {
|
|
109
110
|
styles?: InputStyles;
|
|
110
111
|
};
|
|
112
|
+
link?: {
|
|
113
|
+
styles?: LinkStyles;
|
|
114
|
+
};
|
|
111
115
|
menu?: {
|
|
112
116
|
selectionIcon?: React.ComponentType<SvgProps>;
|
|
113
117
|
styles?: MenuStyles;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/themes/types.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/themes/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type React from "react";
|
|
2
2
|
import type { ColorValue, StyleProp, TextStyle, ViewStyle } from "react-native";
|
|
3
3
|
export type PropsWithRender<P> = P & {
|
|
4
|
-
render?:
|
|
4
|
+
render?: React.ComponentType<P>;
|
|
5
5
|
};
|
|
6
6
|
export type PropsWithRequiredRender<P> = P & {
|
|
7
7
|
render: React.ComponentType<P>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.types.d.ts","sourceRoot":"","sources":["../../../../src/types/props.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEhF,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG;IACnC,MAAM,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"props.types.d.ts","sourceRoot":"","sources":["../../../../src/types/props.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEhF,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG;IACnC,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI,CAAC,GAAG;IAC3C,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;CAC1C,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import React, { useState } from "react";
|
|
2
|
-
import { Pressable, StyleSheet,
|
|
2
|
+
import { Pressable, StyleSheet, type StyleProp, type ViewStyle } from "react-native";
|
|
3
|
+
import type { ElementChildren } from "../../../types/element.types";
|
|
3
4
|
import { useCombobox } from "../context";
|
|
4
5
|
import type { ComboboxOptionState, ComboboxState } from "../types";
|
|
5
6
|
|
|
6
7
|
export type ComboboxOptionProps<T> = {
|
|
7
8
|
item: T;
|
|
8
|
-
children?:
|
|
9
|
+
children?: ElementChildren;
|
|
9
10
|
};
|
|
10
11
|
|
|
11
12
|
const calculateState = (
|
|
@@ -35,21 +36,15 @@ export function ComboboxOption<T>(props: ComboboxOptionProps<T>) {
|
|
|
35
36
|
combobox.onChange?.(props.item);
|
|
36
37
|
combobox.setIsOpen(false);
|
|
37
38
|
};
|
|
38
|
-
const handlePointerEnter = () => setIsHovered(true);
|
|
39
|
-
const handlePointerLeave = () => setIsHovered(false);
|
|
40
|
-
|
|
41
|
-
const displayContent = props.children ?? combobox.getItemLabel(props.item);
|
|
42
|
-
|
|
43
|
-
const Component = typeof props.children === "string" ? Text : Pressable;
|
|
44
39
|
|
|
45
40
|
return (
|
|
46
|
-
<
|
|
41
|
+
<Pressable
|
|
47
42
|
onPress={handlePress}
|
|
48
|
-
onPointerEnter={
|
|
49
|
-
onPointerLeave={
|
|
43
|
+
onPointerEnter={() => setIsHovered(true)}
|
|
44
|
+
onPointerLeave={() => setIsHovered(false)}
|
|
50
45
|
style={composedStyles as StyleProp<ViewStyle>}
|
|
51
46
|
>
|
|
52
|
-
{
|
|
53
|
-
</
|
|
47
|
+
{props.children}
|
|
48
|
+
</Pressable>
|
|
54
49
|
);
|
|
55
50
|
}
|
|
@@ -6,9 +6,17 @@ import { measureLayoutPosition } from "../../../utils/normalize-layout";
|
|
|
6
6
|
import { useCombobox } from "../context";
|
|
7
7
|
import type { ComboboxTriggerState } from "../types";
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
type ExtendableProps = Omit<TextInputProps, "value" | "onChange" | "onChangeText">;
|
|
10
|
+
|
|
11
|
+
type RenderProps = {
|
|
12
|
+
inputRef: React.RefObject<TextInputRef | null>;
|
|
13
|
+
open: () => void;
|
|
14
|
+
setInputValue: (value: string) => void;
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
export type ComboboxTriggerProps = ExtendableProps & {
|
|
18
|
+
render?: (props: RenderProps) => React.ReactNode;
|
|
19
|
+
};
|
|
12
20
|
|
|
13
21
|
const calculateState = (isDisabled: boolean, isOpen: boolean): ComboboxTriggerState => {
|
|
14
22
|
if (isDisabled) return "disabled";
|
|
@@ -16,12 +24,11 @@ const calculateState = (isDisabled: boolean, isOpen: boolean): ComboboxTriggerSt
|
|
|
16
24
|
return "default";
|
|
17
25
|
};
|
|
18
26
|
|
|
19
|
-
export function ComboboxTrigger(props: ComboboxTriggerProps) {
|
|
27
|
+
export function ComboboxTrigger({ render, ...props }: ComboboxTriggerProps) {
|
|
20
28
|
const combobox = useCombobox();
|
|
21
29
|
const triggerRef = useRef<TextInputRef>(null);
|
|
22
30
|
|
|
23
31
|
const triggerState = calculateState(combobox.isDisabled, combobox.isOpen);
|
|
24
|
-
|
|
25
32
|
const selectedLabel = combobox.value != null ? combobox.getItemLabel(combobox.value) : "";
|
|
26
33
|
const displayValue = combobox.isOpen ? combobox.inputValue : selectedLabel;
|
|
27
34
|
|
|
@@ -36,9 +43,25 @@ export function ComboboxTrigger(props: ComboboxTriggerProps) {
|
|
|
36
43
|
});
|
|
37
44
|
};
|
|
38
45
|
|
|
46
|
+
const onChangeText = (text: string) => {
|
|
47
|
+
if (combobox.isDisabled) return;
|
|
48
|
+
combobox.setInputValue(text);
|
|
49
|
+
if (!combobox.isOpen) open();
|
|
50
|
+
};
|
|
51
|
+
|
|
52
|
+
const onFocus = () => {
|
|
53
|
+
if (!combobox.isOpen) open();
|
|
54
|
+
};
|
|
55
|
+
|
|
56
|
+
const setInputValue = (value: string) => {
|
|
57
|
+
combobox.setInputValue(value);
|
|
58
|
+
if (triggerRef.current) {
|
|
59
|
+
setInnerInputValue(triggerRef.current, value);
|
|
60
|
+
}
|
|
61
|
+
};
|
|
62
|
+
|
|
39
63
|
useEffect(() => {
|
|
40
|
-
|
|
41
|
-
setInnerInputValue(triggerRef.current, displayValue);
|
|
64
|
+
setInputValue(displayValue);
|
|
42
65
|
}, [displayValue]);
|
|
43
66
|
|
|
44
67
|
useEffect(() => {
|
|
@@ -61,26 +84,25 @@ export function ComboboxTrigger(props: ComboboxTriggerProps) {
|
|
|
61
84
|
const composedStyle = StyleSheet.flatten([
|
|
62
85
|
triggerStyles?.default?.style,
|
|
63
86
|
triggerStyles?.[triggerState]?.style,
|
|
87
|
+
props.style,
|
|
64
88
|
]);
|
|
65
89
|
|
|
90
|
+
if (render) {
|
|
91
|
+
return render({
|
|
92
|
+
inputRef: triggerRef,
|
|
93
|
+
open,
|
|
94
|
+
setInputValue,
|
|
95
|
+
});
|
|
96
|
+
}
|
|
97
|
+
|
|
66
98
|
return (
|
|
67
99
|
<TextInput
|
|
68
100
|
{...composedProps}
|
|
69
101
|
ref={triggerRef}
|
|
70
102
|
value={undefined}
|
|
71
103
|
onChange={undefined}
|
|
72
|
-
onChangeText={
|
|
73
|
-
|
|
74
|
-
combobox.setInputValue(text);
|
|
75
|
-
if (!combobox.isOpen) {
|
|
76
|
-
open();
|
|
77
|
-
}
|
|
78
|
-
}}
|
|
79
|
-
onFocus={() => {
|
|
80
|
-
if (!combobox.isOpen) {
|
|
81
|
-
open();
|
|
82
|
-
}
|
|
83
|
-
}}
|
|
104
|
+
onChangeText={onChangeText}
|
|
105
|
+
onFocus={onFocus}
|
|
84
106
|
style={composedStyle}
|
|
85
107
|
/>
|
|
86
108
|
);
|
|
@@ -1,26 +1,42 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { Linking, Text as RnText, type TextProps as RnTextProps } from "react-native";
|
|
2
|
+
import { Linking, Text as RnText, StyleSheet, type TextProps as RnTextProps } from "react-native";
|
|
3
|
+
import { useComponentConfig } from "../../themes/provider";
|
|
3
4
|
import { LinkVariants } from "./variants";
|
|
4
5
|
|
|
5
|
-
export
|
|
6
|
-
href?: string;
|
|
6
|
+
export type ExtendableProps = Omit<RnTextProps, "onPress" | "style">;
|
|
7
7
|
|
|
8
|
+
export type LinkStyles = RnTextProps["style"];
|
|
9
|
+
|
|
10
|
+
export type LinkProps = RnTextProps & {
|
|
8
11
|
variant?: keyof typeof LinkVariants;
|
|
9
|
-
|
|
12
|
+
style?: LinkStyles;
|
|
13
|
+
} & (
|
|
14
|
+
| {
|
|
15
|
+
href?: string;
|
|
16
|
+
}
|
|
17
|
+
| {
|
|
18
|
+
onPress?: RnTextProps["onPress"];
|
|
19
|
+
}
|
|
20
|
+
);
|
|
10
21
|
|
|
11
22
|
export function Link(props: LinkProps) {
|
|
12
|
-
const
|
|
23
|
+
const { style, onPress, variant = "default", ...rest } = props;
|
|
24
|
+
const useVariantStyles = LinkVariants[variant];
|
|
25
|
+
const config = useComponentConfig("link");
|
|
13
26
|
const variantStyles = useVariantStyles();
|
|
14
27
|
|
|
15
28
|
const handlePress: RnTextProps["onPress"] = async (e) => {
|
|
16
|
-
if (props.href) {
|
|
29
|
+
if ("href" in props && props.href) {
|
|
17
30
|
const supported = await Linking.canOpenURL(props.href);
|
|
18
31
|
if (supported) {
|
|
19
32
|
await Linking.openURL(props.href);
|
|
20
33
|
}
|
|
34
|
+
} else {
|
|
35
|
+
onPress?.(e);
|
|
21
36
|
}
|
|
22
|
-
props.onPress?.(e);
|
|
23
37
|
};
|
|
24
38
|
|
|
25
|
-
|
|
39
|
+
const composedStyles = StyleSheet.flatten([variantStyles, config?.styles, style]);
|
|
40
|
+
|
|
41
|
+
return <RnText {...rest} style={composedStyles} onPress={handlePress} />;
|
|
26
42
|
}
|
|
@@ -1,28 +1,38 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import {
|
|
1
|
+
import React, { forwardRef } from "react";
|
|
2
|
+
import { StyleSheet, TextInput, type TextInputProps } from "react-native";
|
|
3
|
+
import type { TextInputRef } from "../../../types/element.types";
|
|
3
4
|
import { usePhoneInput } from "../context";
|
|
4
5
|
|
|
5
|
-
export
|
|
6
|
-
placeholder?: string;
|
|
7
|
-
style?: StyleProp<TextStyle>;
|
|
8
|
-
}
|
|
6
|
+
export type ExpandableProps = Omit<TextInputProps, "value" | "onChangeText">;
|
|
9
7
|
|
|
10
|
-
export
|
|
11
|
-
const { styles, state, setIsFocused, phoneMask, isDisabled } = usePhoneInput();
|
|
8
|
+
export type PhoneInputProps = ExpandableProps;
|
|
12
9
|
|
|
13
|
-
|
|
10
|
+
export const PhoneInput = forwardRef<TextInputRef, PhoneInputProps>(
|
|
11
|
+
({ placeholder = "Enter phone number", style, ...props }, ref) => {
|
|
12
|
+
const { styles, state, setIsFocused, phoneMask, isDisabled } = usePhoneInput();
|
|
14
13
|
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
14
|
+
const inputStyles = StyleSheet.flatten([styles.input?.default, styles.input?.[state], style]);
|
|
15
|
+
|
|
16
|
+
return (
|
|
17
|
+
<TextInput
|
|
18
|
+
{...props}
|
|
19
|
+
ref={ref}
|
|
20
|
+
value={phoneMask.displayValue}
|
|
21
|
+
onChangeText={phoneMask.onChangeText}
|
|
22
|
+
keyboardType={phoneMask.keyboardType}
|
|
23
|
+
placeholder={placeholder}
|
|
24
|
+
placeholderTextColor={StyleSheet.flatten(styles.countryButtonText?.disabled)?.color}
|
|
25
|
+
readOnly={isDisabled}
|
|
26
|
+
onFocus={(e) => {
|
|
27
|
+
setIsFocused(true);
|
|
28
|
+
props.onFocus?.(e);
|
|
29
|
+
}}
|
|
30
|
+
onBlur={(e) => {
|
|
31
|
+
setIsFocused(false);
|
|
32
|
+
props.onBlur?.(e);
|
|
33
|
+
}}
|
|
34
|
+
style={inputStyles}
|
|
35
|
+
/>
|
|
36
|
+
);
|
|
37
|
+
},
|
|
38
|
+
);
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import React, { useEffect, useState } from "react";
|
|
2
|
-
import { Pressable,
|
|
2
|
+
import { Pressable, StyleSheet, type PressableProps } from "react-native";
|
|
3
|
+
import type { ElementChildren } from "../../../types/element.types";
|
|
3
4
|
import { useSelect } from "../context";
|
|
4
5
|
import type { SelectOptionState, SelectState } from "../types";
|
|
5
6
|
|
|
6
7
|
export type SelectOptionProps = {
|
|
7
8
|
value: string;
|
|
8
|
-
children?:
|
|
9
|
+
children?: ElementChildren;
|
|
10
|
+
style?: PressableProps["style"];
|
|
9
11
|
};
|
|
10
12
|
|
|
11
13
|
const calculateState = (
|
|
@@ -32,8 +34,6 @@ export function SelectOption(props: SelectOptionProps): React.ReactElement {
|
|
|
32
34
|
|
|
33
35
|
const optionState = calculateState(select.state, isHovered, isSelected);
|
|
34
36
|
const optionStyles = select.styles?.option;
|
|
35
|
-
const composedStyles: StyleProp<TextStyle> = [optionStyles?.default, optionStyles?.[optionState]];
|
|
36
|
-
|
|
37
37
|
useEffect(() => {
|
|
38
38
|
select.setOptions((prev) => {
|
|
39
39
|
if (prev.find((option) => option.value === props.value)) {
|
|
@@ -50,16 +50,20 @@ export function SelectOption(props: SelectOptionProps): React.ReactElement {
|
|
|
50
50
|
const handlePointerEnter = () => setIsHovered(true);
|
|
51
51
|
const handlePointerLeave = () => setIsHovered(false);
|
|
52
52
|
|
|
53
|
-
const Component = typeof props.children === "string" ? Text : Pressable;
|
|
54
|
-
|
|
55
53
|
return (
|
|
56
|
-
<
|
|
54
|
+
<Pressable
|
|
57
55
|
onPress={handlePress}
|
|
58
56
|
onPointerEnter={handlePointerEnter}
|
|
59
57
|
onPointerLeave={handlePointerLeave}
|
|
60
|
-
style={
|
|
58
|
+
style={(styleProps) =>
|
|
59
|
+
StyleSheet.flatten([
|
|
60
|
+
optionStyles?.default,
|
|
61
|
+
optionStyles?.[optionState],
|
|
62
|
+
typeof props.style === "function" ? props.style(styleProps) : props.style,
|
|
63
|
+
])
|
|
64
|
+
}
|
|
61
65
|
>
|
|
62
66
|
{props.children}
|
|
63
|
-
</
|
|
67
|
+
</Pressable>
|
|
64
68
|
);
|
|
65
69
|
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { CursorValue } from "react-native";
|
|
1
2
|
import type { Size } from "../../../utils/size-scale";
|
|
2
3
|
import { useThemedStyles } from "../../../utils/use-themed-styles";
|
|
3
4
|
import { type SelectStyles } from "../types";
|
|
@@ -23,6 +24,7 @@ export function useSelectVariantDefault(size: Size): SelectStyles {
|
|
|
23
24
|
},
|
|
24
25
|
disabled: {
|
|
25
26
|
backgroundColor: colors.muted,
|
|
27
|
+
cursor: "not-allowed" as CursorValue,
|
|
26
28
|
},
|
|
27
29
|
},
|
|
28
30
|
value: {
|
|
@@ -74,9 +76,11 @@ export function useSelectVariantDefault(size: Size): SelectStyles {
|
|
|
74
76
|
lineHeight: s.lineHeight,
|
|
75
77
|
color: colors.foreground,
|
|
76
78
|
borderRadius: radius / 2,
|
|
79
|
+
cursor: "pointer",
|
|
77
80
|
},
|
|
78
81
|
disabled: {
|
|
79
82
|
color: colors.mutedForeground,
|
|
83
|
+
cursor: "not-allowed" as CursorValue,
|
|
80
84
|
},
|
|
81
85
|
selected: {
|
|
82
86
|
backgroundColor: colors.muted,
|
package/src/themes/types.ts
CHANGED
|
@@ -53,6 +53,7 @@ import type { EmptyStyles } from "../components/empty/types";
|
|
|
53
53
|
import type { FieldStyles } from "../components/field/types";
|
|
54
54
|
import type { IconButtonStyles } from "../components/icon-button/types";
|
|
55
55
|
import type { InputStyles } from "../components/input/types";
|
|
56
|
+
import type { LinkStyles } from "../components/link";
|
|
56
57
|
import type { MenuStyles } from "../components/menu/types";
|
|
57
58
|
import type { PhoneInputStyles } from "../components/phone-input/types";
|
|
58
59
|
import type { PopoverStyles } from "../components/popover/types";
|
|
@@ -115,6 +116,9 @@ export interface ComponentsConfig {
|
|
|
115
116
|
input?: {
|
|
116
117
|
styles?: InputStyles;
|
|
117
118
|
};
|
|
119
|
+
link?: {
|
|
120
|
+
styles?: LinkStyles;
|
|
121
|
+
};
|
|
118
122
|
menu?: {
|
|
119
123
|
selectionIcon?: React.ComponentType<SvgProps>;
|
|
120
124
|
styles?: MenuStyles;
|
package/src/types/props.types.ts
CHANGED
|
@@ -2,7 +2,7 @@ import type React from "react";
|
|
|
2
2
|
import type { ColorValue, StyleProp, TextStyle, ViewStyle } from "react-native";
|
|
3
3
|
|
|
4
4
|
export type PropsWithRender<P> = P & {
|
|
5
|
-
render?:
|
|
5
|
+
render?: React.ComponentType<P>;
|
|
6
6
|
};
|
|
7
7
|
|
|
8
8
|
export type PropsWithRequiredRender<P> = P & {
|