@codeleap/mobile 2.3.14 → 2.3.16
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/components/Text/index.d.ts +2 -0
- package/dist/components/Text/index.js +4 -4
- package/dist/components/Text/index.js.map +1 -1
- package/dist/components/Text/styles.d.ts +1 -1
- package/dist/components/Text/styles.js +3 -0
- package/dist/components/Text/styles.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Text/index.tsx +6 -6
- package/src/components/Text/styles.ts +4 -1
|
@@ -12,6 +12,7 @@ export declare type TextProps = ComponentPropsWithoutRef<typeof NativeText> & {
|
|
|
12
12
|
colorChangeConfig?: Partial<Animated.TimingAnimationConfig>;
|
|
13
13
|
debugName?: string;
|
|
14
14
|
debounce?: number;
|
|
15
|
+
pressDisabled?: boolean;
|
|
15
16
|
} & BaseViewProps & MotiProps;
|
|
16
17
|
export declare const Text: React.ForwardRefExoticComponent<import("react-native").TextProps & {
|
|
17
18
|
text?: React.ReactNode;
|
|
@@ -20,4 +21,5 @@ export declare const Text: React.ForwardRefExoticComponent<import("react-native"
|
|
|
20
21
|
colorChangeConfig?: Partial<Animated.TimingAnimationConfig>;
|
|
21
22
|
debugName?: string;
|
|
22
23
|
debounce?: number;
|
|
24
|
+
pressDisabled?: boolean;
|
|
23
25
|
} & BaseViewProps & MotiProps<any, import("moti").StyleValueWithReplacedTransforms<any>, Partial<import("moti").StyleValueWithSequenceArraysWithoutTransform<import("moti").StyleValueWithReplacedTransforms<any>, string | number | symbol, string | number | symbol> & import("moti").StyleValueWithSequenceArraysWithTransform>> & React.RefAttributes<NativeText>>;
|
|
@@ -47,8 +47,8 @@ var utils_1 = require("../../utils");
|
|
|
47
47
|
__exportStar(require("./styles"), exports);
|
|
48
48
|
var MotiText = react_native_1.Animated.createAnimatedComponent(moti_1.MotiText);
|
|
49
49
|
exports.Text = (0, react_1.forwardRef)(function (textProps, ref) {
|
|
50
|
-
var _a = textProps.variants, variants = _a === void 0 ? [] : _a, text = textProps.text, children = textProps.children, onPress = textProps.onPress, style = textProps.style, colorChangeConfig = textProps.colorChangeConfig, _b = textProps.debounce, debounce = _b === void 0 ? 1000 : _b, props = __rest(textProps, ["variants", "text", "children", "onPress", "style", "colorChangeConfig", "debounce"]);
|
|
51
|
-
var pressPolyfillEnabled = react_native_1.Platform.OS === 'android' && !!onPress;
|
|
50
|
+
var _a = textProps.variants, variants = _a === void 0 ? [] : _a, text = textProps.text, children = textProps.children, onPress = textProps.onPress, style = textProps.style, colorChangeConfig = textProps.colorChangeConfig, _b = textProps.debounce, debounce = _b === void 0 ? 1000 : _b, pressDisabled = textProps.pressDisabled, props = __rest(textProps, ["variants", "text", "children", "onPress", "style", "colorChangeConfig", "debounce", "pressDisabled"]);
|
|
51
|
+
var pressPolyfillEnabled = react_native_1.Platform.OS === 'android' && !!onPress && !pressDisabled;
|
|
52
52
|
var _c = (0, common_1.useState)(false), pressed = _c[0], setPressed = _c[1];
|
|
53
53
|
var pressedRef = React.useRef(false);
|
|
54
54
|
var _onPress = function (e) {
|
|
@@ -96,9 +96,9 @@ exports.Text = (0, react_1.forwardRef)(function (textProps, ref) {
|
|
|
96
96
|
}).getFeedbackStyle;
|
|
97
97
|
var feedbackStyle = pressPolyfillEnabled ? getFeedbackStyle(pressed) : undefined;
|
|
98
98
|
var pressProps = !!onPress ? {
|
|
99
|
-
onPress: _onPress,
|
|
99
|
+
onPress: pressDisabled ? null : _onPress,
|
|
100
100
|
} : {};
|
|
101
|
-
return <Component {...props} onPressIn={handlePress(true)} onPressOut={handlePress(false)} style={[styles, colorStyle, feedbackStyle]} allowFontScaling={false} {...pressProps}
|
|
101
|
+
return <Component {...props} onPressIn={handlePress(true)} onPressOut={handlePress(false)} style={[styles, colorStyle, feedbackStyle, !!onPress && pressDisabled ? variantStyles['text:disabled'] : null]} allowFontScaling={false} {...pressProps}
|
|
102
102
|
// @ts-ignore
|
|
103
103
|
ref={ref}>
|
|
104
104
|
{text}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Text/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4D;AAC5D,2CAMyB;AACzB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Text/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { StylesOf } from '@codeleap/common';
|
|
2
2
|
import { FeedbackConfig } from '../../utils';
|
|
3
|
-
export declare type TextComposition = 'text' | '
|
|
3
|
+
export declare type TextComposition = 'text' | 'pressFeedback' | 'text:disabled';
|
|
4
4
|
export declare type TextStylesGen<TCSS = any> = StylesOf<'text', TCSS> & {
|
|
5
5
|
'pressFeedback'?: FeedbackConfig;
|
|
6
6
|
};
|
|
@@ -19,6 +19,9 @@ exports.TextStyles = __assign(__assign({}, presets), { default: createTextStyle(
|
|
|
19
19
|
var defaultStyle = (0, common_1.assignTextStyle)('p1')(theme).text;
|
|
20
20
|
return {
|
|
21
21
|
text: __assign({ fontFamily: theme.typography.fontFamily }, defaultStyle),
|
|
22
|
+
'text:disabled': {
|
|
23
|
+
color: theme.colors.disabled,
|
|
24
|
+
},
|
|
22
25
|
pressFeedback: {
|
|
23
26
|
type: 'highlight',
|
|
24
27
|
brightness: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Text/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAAqH;AASrH,IAAM,eAAe,GAAG,IAAA,oCAA2B,GAEhD,CAAA;AAEH,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,eAAe,CAAC,cAAM,OAAA,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAlB,CAAkB,CAAC,EAAzC,CAAyC,CACnF,CAAA;AAEY,QAAA,UAAU,yBAClB,OAAO,KACV,OAAO,EAAE,eAAe,CAAC,UAAC,KAAK;QAC7B,IAAM,YAAY,GAAG,IAAA,wBAAe,EAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAA;QACtD,OAAO;YACL,IAAI,aACF,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU,IACpC,YAAY,CAChB;YACD,aAAa,EAAE;gBACb,IAAI,EAAE,WAAW;gBACjB,UAAU,EAAE,CAAC;gBACb,YAAY,EAAE,GAAG;aAClB;SACF,CAAA;IACH,CAAC,CAAC,EACF,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,IAAI,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EAC3B,WAAW,EAAE,eAAe,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACvC,IAAI,wBACC,IAAA,wBAAe,EAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,GACjC,KAAK,CAAC,OAAO,CAAC,UAAU,CAC5B;KACF,CAAC,EALsC,CAKtC,CAAC,IACJ"}
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Text/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAAqH;AASrH,IAAM,eAAe,GAAG,IAAA,oCAA2B,GAEhD,CAAA;AAEH,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,eAAe,CAAC,cAAM,OAAA,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAlB,CAAkB,CAAC,EAAzC,CAAyC,CACnF,CAAA;AAEY,QAAA,UAAU,yBAClB,OAAO,KACV,OAAO,EAAE,eAAe,CAAC,UAAC,KAAK;QAC7B,IAAM,YAAY,GAAG,IAAA,wBAAe,EAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAA;QACtD,OAAO;YACL,IAAI,aACF,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU,IACpC,YAAY,CAChB;YACD,eAAe,EAAE;gBACf,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;aAC7B;YACD,aAAa,EAAE;gBACb,IAAI,EAAE,WAAW;gBACjB,UAAU,EAAE,CAAC;gBACb,YAAY,EAAE,GAAG;aAClB;SACF,CAAA;IACH,CAAC,CAAC,EACF,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,EAAE,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EACzB,IAAI,EAAE,IAAA,wBAAe,EAAC,IAAI,CAAC,EAC3B,WAAW,EAAE,eAAe,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACvC,IAAI,wBACC,IAAA,wBAAe,EAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,GACjC,KAAK,CAAC,OAAO,CAAC,UAAU,CAC5B;KACF,CAAC,EALsC,CAKtC,CAAC,IACJ"}
|
package/package.json
CHANGED
|
@@ -7,11 +7,10 @@ import {
|
|
|
7
7
|
TypeGuards,
|
|
8
8
|
useState,
|
|
9
9
|
} from '@codeleap/common'
|
|
10
|
-
import { Animated,
|
|
10
|
+
import { Animated, Platform, StyleSheet, Text as NativeText } from 'react-native'
|
|
11
11
|
import { MotiText as _MotiText, MotiProps } from 'moti'
|
|
12
12
|
import { useAnimateColor, usePressableFeedback } from '../../utils'
|
|
13
13
|
import { TextStyles } from './styles'
|
|
14
|
-
import { View } from '../View'
|
|
15
14
|
|
|
16
15
|
export * from './styles'
|
|
17
16
|
|
|
@@ -22,14 +21,15 @@ export type TextProps = ComponentPropsWithoutRef<typeof NativeText> & {
|
|
|
22
21
|
colorChangeConfig?: Partial<Animated.TimingAnimationConfig>
|
|
23
22
|
debugName?: string
|
|
24
23
|
debounce?: number
|
|
24
|
+
pressDisabled?: boolean
|
|
25
25
|
} & BaseViewProps & MotiProps
|
|
26
26
|
|
|
27
27
|
const MotiText = Animated.createAnimatedComponent(_MotiText)
|
|
28
28
|
|
|
29
29
|
export const Text = forwardRef<NativeText, TextProps>((textProps, ref) => {
|
|
30
|
-
const { variants = [], text, children, onPress, style, colorChangeConfig, debounce = 1000, ...props } = textProps
|
|
30
|
+
const { variants = [], text, children, onPress, style, colorChangeConfig, debounce = 1000, pressDisabled, ...props } = textProps
|
|
31
31
|
|
|
32
|
-
const pressPolyfillEnabled = Platform.OS === 'android' && !!onPress
|
|
32
|
+
const pressPolyfillEnabled = Platform.OS === 'android' && !!onPress && !pressDisabled
|
|
33
33
|
|
|
34
34
|
const [pressed, setPressed] = useState(false)
|
|
35
35
|
const pressedRef = React.useRef(false)
|
|
@@ -86,12 +86,12 @@ export const Text = forwardRef<NativeText, TextProps>((textProps, ref) => {
|
|
|
86
86
|
const feedbackStyle = pressPolyfillEnabled ? getFeedbackStyle(pressed) : undefined
|
|
87
87
|
|
|
88
88
|
const pressProps = !!onPress ? {
|
|
89
|
-
onPress: _onPress,
|
|
89
|
+
onPress: pressDisabled ? null : _onPress,
|
|
90
90
|
} : {}
|
|
91
91
|
|
|
92
92
|
return <Component {...props}
|
|
93
93
|
onPressIn={handlePress(true)} onPressOut={handlePress(false)}
|
|
94
|
-
style={[styles, colorStyle, feedbackStyle]}
|
|
94
|
+
style={[styles, colorStyle, feedbackStyle, !!onPress && pressDisabled ? variantStyles['text:disabled'] : null]}
|
|
95
95
|
allowFontScaling={false}
|
|
96
96
|
{...pressProps}
|
|
97
97
|
// @ts-ignore
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { assignTextStyle, createDefaultVariantFactory, includePresets, shadeColor, StylesOf } from '@codeleap/common'
|
|
2
2
|
import { FeedbackConfig } from '../../utils'
|
|
3
3
|
|
|
4
|
-
export type TextComposition = 'text' | '
|
|
4
|
+
export type TextComposition = 'text' | 'pressFeedback' | 'text:disabled'
|
|
5
5
|
|
|
6
6
|
export type TextStylesGen<TCSS = any> = StylesOf<'text', TCSS> & {
|
|
7
7
|
'pressFeedback'?: FeedbackConfig
|
|
@@ -23,6 +23,9 @@ export const TextStyles = {
|
|
|
23
23
|
fontFamily: theme.typography.fontFamily,
|
|
24
24
|
...defaultStyle,
|
|
25
25
|
},
|
|
26
|
+
'text:disabled': {
|
|
27
|
+
color: theme.colors.disabled,
|
|
28
|
+
},
|
|
26
29
|
pressFeedback: {
|
|
27
30
|
type: 'highlight',
|
|
28
31
|
brightness: 0,
|