@cyberkaidev/ui 0.1.1 → 0.1.2
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/lib/module/components/Button.js +13 -10
- package/lib/module/components/Button.js.map +1 -1
- package/lib/module/components/Chips.js +1 -3
- package/lib/module/components/Chips.js.map +1 -1
- package/lib/module/components/RippleEffect.js +5 -1
- package/lib/module/components/RippleEffect.js.map +1 -1
- package/lib/typescript/src/components/Button.d.ts +6 -7
- package/lib/typescript/src/components/Button.d.ts.map +1 -1
- package/lib/typescript/src/components/Chips.d.ts.map +1 -1
- package/lib/typescript/src/components/RippleEffect.d.ts +5 -3
- package/lib/typescript/src/components/RippleEffect.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Button.tsx +15 -13
- package/src/components/Chips.tsx +1 -2
- package/src/components/RippleEffect.tsx +10 -2
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { Platform, TouchableOpacity } from 'react-native';
|
|
4
|
-
import {
|
|
3
|
+
import { Platform, Pressable, TouchableOpacity } from 'react-native';
|
|
4
|
+
import { useColors } from "../ThemeProvider.js";
|
|
5
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
6
|
/**
|
|
7
|
-
* Base pressable. Android gets
|
|
8
|
-
*
|
|
9
|
-
*
|
|
7
|
+
* Base pressable. Android gets the platform touch ripple (drawn in the
|
|
8
|
+
* foreground and clipped to the view's own shape); every other platform gets
|
|
9
|
+
* opacity feedback. Kept in one file (not `.ios`/`.android`) so consumers' type
|
|
10
|
+
* resolution works without `moduleSuffixes`.
|
|
10
11
|
*/
|
|
11
12
|
export function Button({
|
|
12
13
|
children,
|
|
@@ -17,11 +18,11 @@ export function Button({
|
|
|
17
18
|
style,
|
|
18
19
|
testID,
|
|
19
20
|
hitSlop,
|
|
20
|
-
rippleColor
|
|
21
|
-
rippleContainerBorderRadius
|
|
21
|
+
rippleColor
|
|
22
22
|
}) {
|
|
23
|
+
const colors = useColors();
|
|
23
24
|
if (Platform.OS === 'android') {
|
|
24
|
-
return /*#__PURE__*/_jsx(
|
|
25
|
+
return /*#__PURE__*/_jsx(Pressable, {
|
|
25
26
|
testID: testID,
|
|
26
27
|
style: style,
|
|
27
28
|
disabled: disabled,
|
|
@@ -29,8 +30,10 @@ export function Button({
|
|
|
29
30
|
onPressIn: onPressIn,
|
|
30
31
|
onPressOut: onPressOut,
|
|
31
32
|
hitSlop: hitSlop,
|
|
32
|
-
|
|
33
|
-
|
|
33
|
+
android_ripple: {
|
|
34
|
+
color: rippleColor ?? colors.text,
|
|
35
|
+
foreground: true
|
|
36
|
+
},
|
|
34
37
|
children: children
|
|
35
38
|
});
|
|
36
39
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Platform","TouchableOpacity","
|
|
1
|
+
{"version":3,"names":["Platform","Pressable","TouchableOpacity","useColors","jsx","_jsx","Button","children","onPress","onPressIn","onPressOut","disabled","style","testID","hitSlop","rippleColor","colors","OS","android_ripple","color","text","foreground"],"sourceRoot":"../../../src","sources":["components/Button.tsx"],"mappings":";;AACA,SAASA,QAAQ,EAAEC,SAAS,EAAEC,gBAAgB,QAAQ,cAAc;AAGpE,SAASC,SAAS,QAAQ,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAe7C;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,MAAMA,CAAC;EACrBC,QAAQ;EACRC,OAAO;EACPC,SAAS;EACTC,UAAU;EACVC,QAAQ;EACRC,KAAK;EACLC,MAAM;EACNC,OAAO;EACPC;AACK,CAAC,EAAE;EACR,MAAMC,MAAM,GAAGb,SAAS,CAAC,CAAC;EAE1B,IAAIH,QAAQ,CAACiB,EAAE,KAAK,SAAS,EAAE;IAC7B,oBACEZ,IAAA,CAACJ,SAAS;MACRY,MAAM,EAAEA,MAAO;MACfD,KAAK,EAAEA,KAAM;MACbD,QAAQ,EAAEA,QAAS;MACnBH,OAAO,EAAEA,OAAQ;MACjBC,SAAS,EAAEA,SAAU;MACrBC,UAAU,EAAEA,UAAW;MACvBI,OAAO,EAAEA,OAAQ;MACjBI,cAAc,EAAE;QACdC,KAAK,EAAEJ,WAAW,IAAIC,MAAM,CAACI,IAAI;QACjCC,UAAU,EAAE;MACd,CAAE;MAAAd,QAAA,EAEDA;IAAQ,CACA,CAAC;EAEhB;EAEA,oBACEF,IAAA,CAACH,gBAAgB;IACfW,MAAM,EAAEA,MAAO;IACfD,KAAK,EAAEA,KAAM;IACbD,QAAQ,EAAEA,QAAS;IACnBH,OAAO,EAAEA,OAAQ;IACjBC,SAAS,EAAEA,SAAU;IACrBC,UAAU,EAAEA,UAAW;IACvBI,OAAO,EAAEA,OAAQ;IAAAP,QAAA,EAEhBA;EAAQ,CACO,CAAC;AAEvB","ignoreList":[]}
|
|
@@ -14,8 +14,7 @@ export function Chips({
|
|
|
14
14
|
testID
|
|
15
15
|
}) {
|
|
16
16
|
const {
|
|
17
|
-
colors
|
|
18
|
-
borderRadius
|
|
17
|
+
colors
|
|
19
18
|
} = useTheme();
|
|
20
19
|
const styles = useThemedStyles(makeStyles);
|
|
21
20
|
const isInteractive = typeof onPress === 'function';
|
|
@@ -57,7 +56,6 @@ export function Chips({
|
|
|
57
56
|
}) => /*#__PURE__*/_jsx(Button, {
|
|
58
57
|
testID: `chip-${String(key)}`,
|
|
59
58
|
disabled: !isInteractive || disabled,
|
|
60
|
-
rippleContainerBorderRadius: Number(borderRadius.radius_20),
|
|
61
59
|
style: [styles.button, schemeButton[scheme], disabled ? styles.dimmed : null],
|
|
62
60
|
onPress: () => onPress?.(key),
|
|
63
61
|
children: prefix == null ? /*#__PURE__*/_jsx(Text, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ScrollView","StyleSheet","View","useTheme","useThemedStyles","Text","Button","jsx","_jsx","jsxs","_jsxs","Chips","data","marginB","marginT","onPress","testID","colors","
|
|
1
|
+
{"version":3,"names":["ScrollView","StyleSheet","View","useTheme","useThemedStyles","Text","Button","jsx","_jsx","jsxs","_jsxs","Chips","data","marginB","marginT","onPress","testID","colors","styles","makeStyles","isInteractive","schemeButton","surface","borderColor","border","backgroundColor","on_surface","primary","schemeTextColor","text","style","container","marginTop","marginBottom","children","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","content","map","key","label","disabled","prefix","scheme","String","button","dimmed","color","row","t","create","width","gap","spaces","l","paddingHorizontal","pageSpacing","m","paddingVertical","vertical","xs","borderRadius","radius_20","borderWidth","borderStyle","flexDirection","alignItems","overflow","marginRight","s","opacity"],"sourceRoot":"../../../src","sources":["components/Chips.tsx"],"mappings":";;AACA,SAASA,UAAU,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE3D,SAASC,QAAQ,EAAEC,eAAe,QAAQ,qBAAkB;AAE5D,SAASC,IAAI,QAAQ,WAAQ;AAC7B,SAASC,MAAM,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAuBlC;AACA,OAAO,SAASC,KAAKA,CAAO;EAC1BC,IAAI;EACJC,OAAO,GAAG,CAAC;EACXC,OAAO,GAAG,CAAC;EACXC,OAAO;EACPC;AACW,CAAC,EAAE;EACd,MAAM;IAAEC;EAAO,CAAC,GAAGd,QAAQ,CAAC,CAAC;EAC7B,MAAMe,MAAM,GAAGd,eAAe,CAACe,UAAU,CAAC;EAC1C,MAAMC,aAAa,GAAG,OAAOL,OAAO,KAAK,UAAU;EAEnD,MAAMM,YAGL,GAAG;IACFC,OAAO,EAAE;MAAEC,WAAW,EAAEN,MAAM,CAACO,MAAM;MAAEC,eAAe,EAAER,MAAM,CAACK;IAAQ,CAAC;IACxEI,UAAU,EAAE;MACVH,WAAW,EAAEN,MAAM,CAACO,MAAM;MAC1BC,eAAe,EAAER,MAAM,CAACS;IAC1B,CAAC;IACDC,OAAO,EAAE;MAAEJ,WAAW,EAAEN,MAAM,CAACU,OAAO;MAAEF,eAAe,EAAER,MAAM,CAACK;IAAQ;EAC1E,CAAC;EAED,MAAMM,eAA2C,GAAG;IAClDN,OAAO,EAAEL,MAAM,CAACY,IAAI;IACpBH,UAAU,EAAET,MAAM,CAACY,IAAI;IACvBF,OAAO,EAAEV,MAAM,CAACU;EAClB,CAAC;EAED,oBACEnB,IAAA,CAACN,IAAI;IACHc,MAAM,EAAEA,MAAO;IACfc,KAAK,EAAE,CAACZ,MAAM,CAACa,SAAS,EAAE;MAAEC,SAAS,EAAElB,OAAO;MAAEmB,YAAY,EAAEpB;IAAQ,CAAC,CAAE;IAAAqB,QAAA,eAEzE1B,IAAA,CAACR,UAAU;MACTmC,UAAU;MACVC,8BAA8B,EAAE,KAAM;MACtCC,qBAAqB,EAAEnB,MAAM,CAACoB,OAAQ;MAAAJ,QAAA,EAErCtB,IAAI,CAAC2B,GAAG,CAAC,CAAC;QAAEC,GAAG;QAAEC,KAAK;QAAEC,QAAQ;QAAEC,MAAM;QAAEC,MAAM,GAAG;MAAU,CAAC,kBAC7DpC,IAAA,CAACF,MAAM;QACLU,MAAM,EAAE,QAAQ6B,MAAM,CAACL,GAAG,CAAC,EAAG;QAE9BE,QAAQ,EAAE,CAACtB,aAAa,IAAIsB,QAAS;QACrCZ,KAAK,EAAE,CACLZ,MAAM,CAAC4B,MAAM,EACbzB,YAAY,CAACuB,MAAM,CAAC,EACpBF,QAAQ,GAAGxB,MAAM,CAAC6B,MAAM,GAAG,IAAI,CAC/B;QACFhC,OAAO,EAAEA,CAAA,KAAMA,OAAO,GAAGyB,GAAG,CAAE;QAAAN,QAAA,EAK7BS,MAAM,IAAI,IAAI,gBACbnC,IAAA,CAACH,IAAI;UAAC2C,KAAK,EAAEpB,eAAe,CAACgB,MAAM,CAAE;UAAAV,QAAA,EAAEO;QAAK,CAAO,CAAC,gBAEpD/B,KAAA,CAACR,IAAI;UAAC4B,KAAK,EAAEZ,MAAM,CAAC+B,GAAI;UAAAf,QAAA,gBACtB1B,IAAA,CAACN,IAAI;YAAC4B,KAAK,EAAEZ,MAAM,CAACyB,MAAO;YAAAT,QAAA,EAAES;UAAM,CAAO,CAAC,eAC3CnC,IAAA,CAACH,IAAI;YAAC2C,KAAK,EAAEpB,eAAe,CAACgB,MAAM,CAAE;YAAAV,QAAA,EAAEO;UAAK,CAAO,CAAC;QAAA,CAChD;MACP,GAnBII,MAAM,CAACL,GAAG,CAoBT,CACT;IAAC,CACQ;EAAC,CACT,CAAC;AAEX;AAEA,SAASrB,UAAUA,CAAC+B,CAAY,EAAE;EAChC,OAAOjD,UAAU,CAACkD,MAAM,CAAC;IACvBpB,SAAS,EAAE;MACTqB,KAAK,EAAE;IACT,CAAC;IACDd,OAAO,EAAE;MACPe,GAAG,EAAEH,CAAC,CAACI,MAAM,CAACnB,UAAU,CAACoB,CAAC;MAC1BC,iBAAiB,EAAEN,CAAC,CAACO,WAAW,CAACtB;IACnC,CAAC;IACDW,MAAM,EAAE;MACNU,iBAAiB,EAAEN,CAAC,CAACI,MAAM,CAACnB,UAAU,CAACuB,CAAC;MACxCC,eAAe,EAAET,CAAC,CAACI,MAAM,CAACM,QAAQ,CAACC,EAAE;MACrCC,YAAY,EAAEZ,CAAC,CAACY,YAAY,CAACC,SAAS;MACtCC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE,OAAO;MACpBC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,QAAQ,EAAE;IACZ,CAAC;IACDnB,GAAG,EAAE;MACHiB,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE;IACd,CAAC;IACDxB,MAAM,EAAE;MACN0B,WAAW,EAAEnB,CAAC,CAACI,MAAM,CAACnB,UAAU,CAACmC;IACnC,CAAC;IACDvB,MAAM,EAAE;MACNwB,OAAO,EAAE;IACX;EACF,CAAC,CAAC;AACJ","ignoreList":[]}
|
|
@@ -21,6 +21,7 @@ export function RippleEffect({
|
|
|
21
21
|
rippleSequential = false,
|
|
22
22
|
rippleFades = true,
|
|
23
23
|
disabled = false,
|
|
24
|
+
style,
|
|
24
25
|
onLayout,
|
|
25
26
|
onPressIn,
|
|
26
27
|
onPressOut,
|
|
@@ -112,7 +113,10 @@ export function RippleEffect({
|
|
|
112
113
|
onLayout: handleLayout,
|
|
113
114
|
onPressIn: handlePressIn,
|
|
114
115
|
onPressOut: handlePressOut,
|
|
115
|
-
children: [
|
|
116
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
117
|
+
style: style,
|
|
118
|
+
children: children
|
|
119
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
116
120
|
pointerEvents: "none",
|
|
117
121
|
style: [styles.container, {
|
|
118
122
|
borderRadius: rippleContainerBorderRadius
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Animated","Easing","I18nManager","Pressable","StyleSheet","View","useColors","jsx","_jsx","jsxs","_jsxs","CIRCLE_RADIUS","RELEASE_GROW_DURATION","RELEASE_FADE_DURATION","PRESS_FADE_IN_DURATION","RippleEffect","children","rippleColor","rippleOpacity","rippleDuration","rippleSize","rippleContainerBorderRadius","rippleCentered","rippleSequential","rippleFades","disabled","onLayout","onPressIn","onPressOut","pressableProps","colors","color","text","layout","setLayout","useState","width","height","rippleIds","setRippleIds","ripplesRef","useRef","Map","activeRippleRef","uniqueRef","handleLayout","event","nativeEvent","handlePressIn","useCallback","current","size","w2","h2","locationX","locationY","offsetX","Math","abs","offsetY","radius","sqrt","ripple","unique","scale","Value","opacity","set","concat","handlePressOut","releasedUnique","get","removeRipple","delete","filter","id","parallel","timing","toValue","duration","useNativeDriver","start","pointerEvents","
|
|
1
|
+
{"version":3,"names":["React","Animated","Easing","I18nManager","Pressable","StyleSheet","View","useColors","jsx","_jsx","jsxs","_jsxs","CIRCLE_RADIUS","RELEASE_GROW_DURATION","RELEASE_FADE_DURATION","PRESS_FADE_IN_DURATION","RippleEffect","children","rippleColor","rippleOpacity","rippleDuration","rippleSize","rippleContainerBorderRadius","rippleCentered","rippleSequential","rippleFades","disabled","style","onLayout","onPressIn","onPressOut","pressableProps","colors","color","text","layout","setLayout","useState","width","height","rippleIds","setRippleIds","ripplesRef","useRef","Map","activeRippleRef","uniqueRef","handleLayout","event","nativeEvent","handlePressIn","useCallback","current","size","w2","h2","locationX","locationY","offsetX","Math","abs","offsetY","radius","sqrt","ripple","unique","scale","Value","opacity","set","concat","handlePressOut","releasedUnique","get","removeRipple","delete","filter","id","parallel","timing","toValue","duration","useNativeDriver","start","pointerEvents","styles","container","borderRadius","map","RippleCircle","toOpacity","RippleCircleComponent","useEffect","easing","out","ease","min","rippleStyle","top","isRTL","backgroundColor","transform","interpolate","inputRange","outputRange","circle","memo","create","absoluteFillObject","overflow","position"],"sourceRoot":"../../../src","sources":["components/RippleEffect.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -9,16 +9,15 @@ type Props = {
|
|
|
9
9
|
style?: StyleProp<ViewStyle>;
|
|
10
10
|
testID?: string;
|
|
11
11
|
hitSlop?: Insets;
|
|
12
|
-
/** Android only. */
|
|
12
|
+
/** Android only. Ripple color. Defaults to the theme `text` color. */
|
|
13
13
|
rippleColor?: string;
|
|
14
|
-
/** Android only. */
|
|
15
|
-
rippleContainerBorderRadius?: number;
|
|
16
14
|
};
|
|
17
15
|
/**
|
|
18
|
-
* Base pressable. Android gets
|
|
19
|
-
*
|
|
20
|
-
*
|
|
16
|
+
* Base pressable. Android gets the platform touch ripple (drawn in the
|
|
17
|
+
* foreground and clipped to the view's own shape); every other platform gets
|
|
18
|
+
* opacity feedback. Kept in one file (not `.ios`/`.android`) so consumers' type
|
|
19
|
+
* resolution works without `moduleSuffixes`.
|
|
21
20
|
*/
|
|
22
|
-
export declare function Button({ children, onPress, onPressIn, onPressOut, disabled, style, testID, hitSlop, rippleColor,
|
|
21
|
+
export declare function Button({ children, onPress, onPressIn, onPressOut, disabled, style, testID, hitSlop, rippleColor, }: Props): import("react").JSX.Element;
|
|
23
22
|
export {};
|
|
24
23
|
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIjE,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIjE,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sEAAsE;IACtE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,OAAO,EACP,SAAS,EACT,UAAU,EACV,QAAQ,EACR,KAAK,EACL,MAAM,EACN,OAAO,EACP,WAAW,GACZ,EAAE,KAAK,+BAoCP"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chips.d.ts","sourceRoot":"","sources":["../../../../src/components/Chips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,KAAK,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,YAAY,CAAC;AAEvD,KAAK,QAAQ,CAAC,IAAI,IAAI;IACpB,GAAG,EAAE,IAAI,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB,CAAC;AAEF,KAAK,KAAK,CAAC,IAAI,IAAI;IACjB,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;IACvB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,sDAAsD;AACtD,wBAAgB,KAAK,CAAC,IAAI,EAAE,EAC1B,IAAI,EACJ,OAAW,EACX,OAAW,EACX,OAAO,EACP,MAAM,GACP,EAAE,KAAK,CAAC,IAAI,CAAC,+
|
|
1
|
+
{"version":3,"file":"Chips.d.ts","sourceRoot":"","sources":["../../../../src/components/Chips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,KAAK,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,YAAY,CAAC;AAEvD,KAAK,QAAQ,CAAC,IAAI,IAAI;IACpB,GAAG,EAAE,IAAI,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB,CAAC;AAEF,KAAK,KAAK,CAAC,IAAI,IAAI;IACjB,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;IACvB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,sDAAsD;AACtD,wBAAgB,KAAK,CAAC,IAAI,EAAE,EAC1B,IAAI,EACJ,OAAW,EACX,OAAW,EACX,OAAO,EACP,MAAM,GACP,EAAE,KAAK,CAAC,IAAI,CAAC,+BA6Db"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { PressableProps } from 'react-native';
|
|
3
|
-
type Props = PressableProps & {
|
|
2
|
+
import type { PressableProps, StyleProp, ViewStyle } from 'react-native';
|
|
3
|
+
type Props = Omit<PressableProps, 'style'> & {
|
|
4
4
|
children: React.ReactNode;
|
|
5
|
+
/** Applied to an inner wrapper around `children`, not to the pressable. */
|
|
6
|
+
style?: StyleProp<ViewStyle>;
|
|
5
7
|
/** Ripple color. Default: theme `text`. */
|
|
6
8
|
rippleColor?: string;
|
|
7
9
|
rippleOpacity?: number;
|
|
@@ -13,6 +15,6 @@ type Props = PressableProps & {
|
|
|
13
15
|
rippleFades?: boolean;
|
|
14
16
|
};
|
|
15
17
|
/** Wraps a child and paints a touch ripple at the press location. */
|
|
16
|
-
export declare function RippleEffect({ children, rippleColor, rippleOpacity, rippleDuration, rippleSize, rippleContainerBorderRadius, rippleCentered, rippleSequential, rippleFades, disabled, onLayout, onPressIn, onPressOut, ...pressableProps }: Props): React.JSX.Element;
|
|
18
|
+
export declare function RippleEffect({ children, rippleColor, rippleOpacity, rippleDuration, rippleSize, rippleContainerBorderRadius, rippleCentered, rippleSequential, rippleFades, disabled, style, onLayout, onPressIn, onPressOut, ...pressableProps }: Props): React.JSX.Element;
|
|
17
19
|
export {};
|
|
18
20
|
//# sourceMappingURL=RippleEffect.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RippleEffect.d.ts","sourceRoot":"","sources":["../../../../src/components/RippleEffect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAGV,cAAc,
|
|
1
|
+
{"version":3,"file":"RippleEffect.d.ts","sourceRoot":"","sources":["../../../../src/components/RippleEffect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAGV,cAAc,EACd,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAatB,KAAK,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,GAAG;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,2EAA2E;IAC3E,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,2CAA2C;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAOF,qEAAqE;AACrE,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,WAAW,EACX,aAAmB,EACnB,cAAoB,EACpB,UAAc,EACd,2BAA+B,EAC/B,cAAsB,EACtB,gBAAwB,EACxB,WAAkB,EAClB,QAAgB,EAChB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,UAAU,EACV,GAAG,cAAc,EAClB,EAAE,KAAK,qBA6IP"}
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import type { ReactNode } from 'react';
|
|
2
|
-
import { Platform, TouchableOpacity } from 'react-native';
|
|
2
|
+
import { Platform, Pressable, TouchableOpacity } from 'react-native';
|
|
3
3
|
import type { Insets, StyleProp, ViewStyle } from 'react-native';
|
|
4
4
|
|
|
5
|
-
import {
|
|
5
|
+
import { useColors } from '../ThemeProvider';
|
|
6
6
|
|
|
7
7
|
type Props = {
|
|
8
8
|
children: ReactNode;
|
|
@@ -13,16 +13,15 @@ type Props = {
|
|
|
13
13
|
style?: StyleProp<ViewStyle>;
|
|
14
14
|
testID?: string;
|
|
15
15
|
hitSlop?: Insets;
|
|
16
|
-
/** Android only. */
|
|
16
|
+
/** Android only. Ripple color. Defaults to the theme `text` color. */
|
|
17
17
|
rippleColor?: string;
|
|
18
|
-
/** Android only. */
|
|
19
|
-
rippleContainerBorderRadius?: number;
|
|
20
18
|
};
|
|
21
19
|
|
|
22
20
|
/**
|
|
23
|
-
* Base pressable. Android gets
|
|
24
|
-
*
|
|
25
|
-
*
|
|
21
|
+
* Base pressable. Android gets the platform touch ripple (drawn in the
|
|
22
|
+
* foreground and clipped to the view's own shape); every other platform gets
|
|
23
|
+
* opacity feedback. Kept in one file (not `.ios`/`.android`) so consumers' type
|
|
24
|
+
* resolution works without `moduleSuffixes`.
|
|
26
25
|
*/
|
|
27
26
|
export function Button({
|
|
28
27
|
children,
|
|
@@ -34,11 +33,12 @@ export function Button({
|
|
|
34
33
|
testID,
|
|
35
34
|
hitSlop,
|
|
36
35
|
rippleColor,
|
|
37
|
-
rippleContainerBorderRadius,
|
|
38
36
|
}: Props) {
|
|
37
|
+
const colors = useColors();
|
|
38
|
+
|
|
39
39
|
if (Platform.OS === 'android') {
|
|
40
40
|
return (
|
|
41
|
-
<
|
|
41
|
+
<Pressable
|
|
42
42
|
testID={testID}
|
|
43
43
|
style={style}
|
|
44
44
|
disabled={disabled}
|
|
@@ -46,11 +46,13 @@ export function Button({
|
|
|
46
46
|
onPressIn={onPressIn}
|
|
47
47
|
onPressOut={onPressOut}
|
|
48
48
|
hitSlop={hitSlop}
|
|
49
|
-
|
|
50
|
-
|
|
49
|
+
android_ripple={{
|
|
50
|
+
color: rippleColor ?? colors.text,
|
|
51
|
+
foreground: true,
|
|
52
|
+
}}
|
|
51
53
|
>
|
|
52
54
|
{children}
|
|
53
|
-
</
|
|
55
|
+
</Pressable>
|
|
54
56
|
);
|
|
55
57
|
}
|
|
56
58
|
|
package/src/components/Chips.tsx
CHANGED
|
@@ -35,7 +35,7 @@ export function Chips<Item>({
|
|
|
35
35
|
onPress,
|
|
36
36
|
testID,
|
|
37
37
|
}: Props<Item>) {
|
|
38
|
-
const { colors
|
|
38
|
+
const { colors } = useTheme();
|
|
39
39
|
const styles = useThemedStyles(makeStyles);
|
|
40
40
|
const isInteractive = typeof onPress === 'function';
|
|
41
41
|
|
|
@@ -72,7 +72,6 @@ export function Chips<Item>({
|
|
|
72
72
|
testID={`chip-${String(key)}`}
|
|
73
73
|
key={String(key)}
|
|
74
74
|
disabled={!isInteractive || disabled}
|
|
75
|
-
rippleContainerBorderRadius={Number(borderRadius.radius_20)}
|
|
76
75
|
style={[
|
|
77
76
|
styles.button,
|
|
78
77
|
schemeButton[scheme],
|
|
@@ -11,6 +11,8 @@ import type {
|
|
|
11
11
|
GestureResponderEvent,
|
|
12
12
|
LayoutChangeEvent,
|
|
13
13
|
PressableProps,
|
|
14
|
+
StyleProp,
|
|
15
|
+
ViewStyle,
|
|
14
16
|
} from 'react-native';
|
|
15
17
|
|
|
16
18
|
import { useColors } from '../ThemeProvider';
|
|
@@ -24,8 +26,10 @@ type RippleItemType = {
|
|
|
24
26
|
opacity: Animated.Value;
|
|
25
27
|
};
|
|
26
28
|
|
|
27
|
-
type Props = PressableProps & {
|
|
29
|
+
type Props = Omit<PressableProps, 'style'> & {
|
|
28
30
|
children: React.ReactNode;
|
|
31
|
+
/** Applied to an inner wrapper around `children`, not to the pressable. */
|
|
32
|
+
style?: StyleProp<ViewStyle>;
|
|
29
33
|
/** Ripple color. Default: theme `text`. */
|
|
30
34
|
rippleColor?: string;
|
|
31
35
|
rippleOpacity?: number;
|
|
@@ -54,6 +58,7 @@ export function RippleEffect({
|
|
|
54
58
|
rippleSequential = false,
|
|
55
59
|
rippleFades = true,
|
|
56
60
|
disabled = false,
|
|
61
|
+
style,
|
|
57
62
|
onLayout,
|
|
58
63
|
onPressIn,
|
|
59
64
|
onPressOut,
|
|
@@ -172,7 +177,10 @@ export function RippleEffect({
|
|
|
172
177
|
onPressIn={handlePressIn}
|
|
173
178
|
onPressOut={handlePressOut}
|
|
174
179
|
>
|
|
175
|
-
{
|
|
180
|
+
{/* The caller's `style` (often a flex row with `justifyContent`) is
|
|
181
|
+
applied here, wrapping only the real children — so the absolutely
|
|
182
|
+
positioned ripple layer below can never take part in that layout. */}
|
|
183
|
+
<View style={style}>{children}</View>
|
|
176
184
|
<View
|
|
177
185
|
pointerEvents="none"
|
|
178
186
|
style={[
|