@codeleap/mobile 2.0.0 → 2.0.3
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/ActionIcon/styles.d.ts +58 -58
- package/dist/components/Backdrop/index.js +1 -1
- package/dist/components/Backdrop/index.js.map +1 -1
- package/dist/components/Button/index.d.ts +109 -109
- package/dist/components/Button/index.js +5 -7
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Button/styles.d.ts +60 -55
- package/dist/components/Button/styles.js +4 -2
- package/dist/components/Button/styles.js.map +1 -1
- package/dist/components/Checkbox/index.js +4 -2
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/Checkbox/styles.d.ts +1 -1
- package/dist/components/Checkbox/styles.js +4 -0
- package/dist/components/Checkbox/styles.js.map +1 -1
- package/dist/components/FileInput/index.d.ts +1 -1
- package/dist/components/Image/index.js +3 -0
- package/dist/components/Image/index.js.map +1 -1
- package/dist/components/Modal/index.js +1 -1
- package/dist/components/Modal/index.js.map +1 -1
- package/dist/components/MultiSelect/styles.js +1 -4
- package/dist/components/MultiSelect/styles.js.map +1 -1
- package/dist/components/Navigation/utils.js +0 -1
- package/dist/components/Navigation/utils.js.map +1 -1
- package/dist/components/Pager/styles.js +13 -11
- package/dist/components/Pager/styles.js.map +1 -1
- package/dist/components/RadioInput/index.js +3 -1
- package/dist/components/RadioInput/index.js.map +1 -1
- package/dist/components/RadioInput/styles.d.ts +1 -1
- package/dist/components/RadioInput/styles.js +1 -0
- package/dist/components/RadioInput/styles.js.map +1 -1
- package/dist/components/SegmentedControl/index.d.ts +10 -1
- package/dist/components/SegmentedControl/index.js +27 -27
- package/dist/components/SegmentedControl/index.js.map +1 -1
- package/dist/components/SegmentedControl/styles.d.ts +56 -51
- package/dist/components/SegmentedControl/styles.js +10 -3
- package/dist/components/SegmentedControl/styles.js.map +1 -1
- package/dist/components/Select/index.js +1 -2
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/Select/styles.d.ts +1 -1
- package/dist/components/Select/styles.js +4 -1
- package/dist/components/Select/styles.js.map +1 -1
- package/dist/components/Switch/index.js +1 -1
- package/dist/components/Switch/index.js.map +1 -1
- package/dist/components/Text/index.d.ts +2 -0
- package/dist/components/Text/index.js +43 -3
- package/dist/components/Text/index.js.map +1 -1
- package/dist/components/Text/styles.d.ts +57 -52
- package/dist/components/Text/styles.js +11 -3
- package/dist/components/Text/styles.js.map +1 -1
- package/dist/components/TextInput/index.d.ts +8 -4
- package/dist/components/TextInput/index.js +35 -15
- package/dist/components/TextInput/index.js.map +1 -1
- package/dist/components/TextInput/styles.d.ts +1 -1
- package/dist/components/TextInput/styles.js +11 -3
- package/dist/components/TextInput/styles.js.map +1 -1
- package/dist/components/Touchable/index.d.ts +1 -1
- package/dist/components/Touchable/index.js +77 -42
- package/dist/components/Touchable/index.js.map +1 -1
- package/dist/components/Touchable/styles.d.ts +56 -51
- package/dist/components/Touchable/styles.js +6 -1
- package/dist/components/Touchable/styles.js.map +1 -1
- package/dist/components/defaultStyles.d.ts +263 -263
- package/dist/utils/KeyboardAware/lib/KeyboardAwareHOC.d.ts +2 -0
- package/dist/utils/KeyboardAware/lib/KeyboardAwareHOC.js +287 -286
- package/dist/utils/KeyboardAware/lib/KeyboardAwareHOC.js.map +1 -1
- package/dist/utils/OSAlert.d.ts +6 -5
- package/dist/utils/OSAlert.js +7 -6
- package/dist/utils/OSAlert.js.map +1 -1
- package/dist/utils/hooks.d.ts +34 -1
- package/dist/utils/hooks.js +54 -1
- package/dist/utils/hooks.js.map +1 -1
- package/dist/utils/index.d.ts +1 -1
- package/dist/utils/index.js +2 -6
- package/dist/utils/index.js.map +1 -1
- package/dist/utils/notifications.js +4 -4
- package/dist/utils/notifications.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Backdrop/index.tsx +1 -1
- package/src/components/Button/index.tsx +7 -11
- package/src/components/Button/styles.ts +34 -10
- package/src/components/Checkbox/index.tsx +4 -1
- package/src/components/Checkbox/styles.ts +5 -0
- package/src/components/Image/index.tsx +3 -0
- package/src/components/Modal/index.tsx +1 -1
- package/src/components/MultiSelect/styles.ts +1 -8
- package/src/components/Navigation/utils.tsx +0 -2
- package/src/components/Pager/styles.ts +16 -11
- package/src/components/RadioInput/index.tsx +3 -1
- package/src/components/RadioInput/styles.ts +2 -1
- package/src/components/SegmentedControl/index.tsx +31 -18
- package/src/components/SegmentedControl/styles.ts +29 -7
- package/src/components/Select/index.tsx +2 -1
- package/src/components/Select/styles.ts +12 -2
- package/src/components/Switch/index.tsx +1 -1
- package/src/components/Text/index.tsx +57 -7
- package/src/components/Text/styles.ts +25 -9
- package/src/components/TextInput/index.tsx +44 -9
- package/src/components/TextInput/styles.ts +14 -4
- package/src/components/Touchable/index.tsx +84 -35
- package/src/components/Touchable/styles.ts +15 -3
- package/src/utils/KeyboardAware/lib/KeyboardAwareHOC.tsx +34 -24
- package/src/utils/OSAlert.ts +10 -10
- package/src/utils/hooks.ts +82 -2
- package/src/utils/index.ts +2 -2
- package/src/utils/notifications.ts +4 -4
|
@@ -36,6 +36,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
36
36
|
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
37
37
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
38
38
|
};
|
|
39
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
40
|
+
var t = {};
|
|
41
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
42
|
+
t[p] = s[p];
|
|
43
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
44
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
45
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
46
|
+
t[p[i]] = s[p[i]];
|
|
47
|
+
}
|
|
48
|
+
return t;
|
|
49
|
+
};
|
|
39
50
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
51
|
exports.SegmentedControl = void 0;
|
|
41
52
|
var react_1 = __importStar(require("react"));
|
|
@@ -47,12 +58,12 @@ var Text_1 = require("../Text");
|
|
|
47
58
|
var View_1 = require("../View");
|
|
48
59
|
__exportStar(require("./styles"), exports);
|
|
49
60
|
var defaultAnimation = {
|
|
61
|
+
type: 'timing',
|
|
50
62
|
duration: 200,
|
|
51
|
-
|
|
63
|
+
easing: react_native_1.Easing.linear,
|
|
52
64
|
};
|
|
53
65
|
var _SegmentedControl = react_1.default.forwardRef(function (props, ref) {
|
|
54
|
-
var _a = props.options, options = _a === void 0 ? [] : _a, onValueChange = props.onValueChange, debugName = props.debugName, value = props.value, _b = props.styles, styles = _b === void 0 ? {} : _b, _c = props.animation, animation = _c === void 0 ? {} : _c, _d = props.variants, variants = _d === void 0 ? [] : _d, _e = props.scrollProps, scrollProps = _e === void 0 ? {} : _e, RenderAnimatedView = props.RenderAnimatedView, RenderButton = props.RenderButton;
|
|
55
|
-
var Theme = (0, common_1.useCodeleapContext)().Theme;
|
|
66
|
+
var _a = props.options, options = _a === void 0 ? [] : _a, onValueChange = props.onValueChange, debugName = props.debugName, value = props.value, _b = props.styles, styles = _b === void 0 ? {} : _b, _c = props.animation, animation = _c === void 0 ? {} : _c, _d = props.variants, variants = _d === void 0 ? [] : _d, _e = props.scrollProps, scrollProps = _e === void 0 ? {} : _e, _f = props.getItemWidth, getItemWidth = _f === void 0 ? function (i) { return i.label.length * 20; } : _f, RenderAnimatedView = props.RenderAnimatedView, RenderButton = props.RenderButton, viewProps = __rest(props, ["options", "onValueChange", "debugName", "value", "styles", "animation", "variants", "scrollProps", "getItemWidth", "RenderAnimatedView", "RenderButton"]);
|
|
56
67
|
var _animation = __assign(__assign({}, defaultAnimation), animation);
|
|
57
68
|
var variantStyles = (0, common_1.useDefaultComponentStyle)('u:SegmentedControl', {
|
|
58
69
|
styles: styles,
|
|
@@ -69,15 +80,9 @@ var _SegmentedControl = react_1.default.forwardRef(function (props, ref) {
|
|
|
69
80
|
});
|
|
70
81
|
}
|
|
71
82
|
var widthStyle = (0, react_1.useMemo)(function () {
|
|
72
|
-
var
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
})[0].label.length;
|
|
76
|
-
var fitMaxWidth = Theme.values.width - Theme.spacing.value(4);
|
|
77
|
-
var fitItemWidth = maxWordLength * options.length * 6;
|
|
78
|
-
if (fitItemWidth * options.length < fitMaxWidth)
|
|
79
|
-
fitItemWidth = fitMaxWidth / options.length;
|
|
80
|
-
return { width: fitItemWidth };
|
|
83
|
+
var sizes = options.map(getItemWidth);
|
|
84
|
+
var maxWidth = sizes.sort(function (a, b) { return b - a; })[0];
|
|
85
|
+
return { width: maxWidth };
|
|
81
86
|
}, [options]);
|
|
82
87
|
var currentOptionIdx = options.findIndex(function (o) { return o.value === value; }) || 0;
|
|
83
88
|
var translateX = widthStyle.width * currentOptionIdx;
|
|
@@ -103,29 +108,24 @@ var _SegmentedControl = react_1.default.forwardRef(function (props, ref) {
|
|
|
103
108
|
}
|
|
104
109
|
var AnimatedView = RenderAnimatedView || View_1.View;
|
|
105
110
|
variantStyles = JSON.parse(JSON.stringify(variantStyles));
|
|
111
|
+
_animation = JSON.parse(JSON.stringify(_animation));
|
|
106
112
|
return (<Scroll_1.Scroll horizontal showsHorizontalScrollIndicator={false} style={variantStyles.scroll} contentContainerStyle={variantStyles.scrollContent} {...scrollProps} ref={scrollRef}>
|
|
107
113
|
<View_1.View style={variantStyles.wrapper}>
|
|
108
|
-
<AnimatedView {
|
|
114
|
+
<AnimatedView options={options} styles={variantStyles} animated style={[variantStyles.selectedBubble, widthStyle]} animate={{
|
|
109
115
|
translateX: translateX,
|
|
110
|
-
}} transition={
|
|
116
|
+
}} transition={{
|
|
117
|
+
translateX: _animation,
|
|
118
|
+
}}/>
|
|
111
119
|
{options.map(function (o, idx) {
|
|
112
120
|
var selected = value === o.value;
|
|
113
|
-
var touchableProps = {
|
|
114
|
-
|
|
115
|
-
debugName: "Segmented Control ".concat(debugName, ", option ").concat(o.label),
|
|
116
|
-
onPress: onPress(o.value, idx),
|
|
117
|
-
style: [widthStyle, variantStyles.button],
|
|
118
|
-
};
|
|
119
|
-
var textProps = {
|
|
120
|
-
text: o.label,
|
|
121
|
-
colorChangeConfig: _animation,
|
|
122
|
-
style: react_native_1.StyleSheet.flatten([variantStyles.text, selected && variantStyles['text:selected']]),
|
|
123
|
-
animated: true,
|
|
124
|
-
};
|
|
121
|
+
var touchableProps = __assign({ key: idx, debugName: "Segmented Control ".concat(debugName, ", option ").concat(o.label), onPress: onPress(o.value, idx), style: [widthStyle, variantStyles.button] }, props.touchableProps);
|
|
122
|
+
var textProps = __assign({ text: o.label, colorChangeConfig: _animation, style: react_native_1.StyleSheet.flatten([variantStyles.text, selected && variantStyles['text:selected']]), animated: true }, props.textProps);
|
|
125
123
|
if (RenderButton) {
|
|
126
124
|
return (<RenderButton {...props} touchableProps={touchableProps} key={touchableProps.key} textProps={textProps} option={o}/>);
|
|
127
125
|
}
|
|
128
|
-
return <Touchable_1.Touchable {...touchableProps} key={touchableProps.key}
|
|
126
|
+
return <Touchable_1.Touchable {...touchableProps} noFeedback={selected} key={touchableProps.key} styles={{
|
|
127
|
+
feedback: variantStyles.buttonFeedback,
|
|
128
|
+
}}>
|
|
129
129
|
<Text_1.Text {...textProps}/>
|
|
130
130
|
|
|
131
131
|
</Touchable_1.Touchable>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SegmentedControl/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SegmentedControl/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,54 +1,59 @@
|
|
|
1
|
+
import { StylesOf } from '@codeleap/common';
|
|
2
|
+
import { TouchableStylesGen } from '../Touchable';
|
|
1
3
|
export declare type SegmentedControlStates = 'selected';
|
|
2
|
-
export declare type SegmentedControlComposition = 'selectedBubble' | 'wrapper' | 'scroll' | 'scrollContent' | 'text' | `text:${SegmentedControlStates}` | 'button' | `button:${SegmentedControlStates}`;
|
|
4
|
+
export declare type SegmentedControlComposition = 'selectedBubble' | 'wrapper' | 'scroll' | 'scrollContent' | 'text' | `text:${SegmentedControlStates}` | 'button' | 'buttonFeedback' | `button:${SegmentedControlStates}`;
|
|
5
|
+
export declare type SegmentedControlStylesGen<TCSS = any> = StylesOf<Exclude<SegmentedControlComposition, 'buttonFeedback'>> & {
|
|
6
|
+
buttonFeedback?: TouchableStylesGen['feedback'];
|
|
7
|
+
};
|
|
3
8
|
export declare const SegmentedControlStyles: {
|
|
4
|
-
default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
5
|
-
inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
6
|
-
block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
7
|
-
flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
8
|
-
inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
9
|
-
absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
10
|
-
relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
11
|
-
fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
12
|
-
sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
13
|
-
hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
14
|
-
full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
15
|
-
noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
16
|
-
fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
17
|
-
fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
18
|
-
fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
19
|
-
fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
20
|
-
fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
21
|
-
whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
22
|
-
centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
23
|
-
row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
24
|
-
listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
25
|
-
column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
26
|
-
center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
27
|
-
alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
28
|
-
alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
29
|
-
alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
30
|
-
alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
31
|
-
alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
32
|
-
alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
33
|
-
alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
34
|
-
alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
35
|
-
justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
36
|
-
justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
37
|
-
justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
38
|
-
justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
39
|
-
justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
40
|
-
textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
41
|
-
textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
42
|
-
textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
43
|
-
blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
44
|
-
elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
45
|
-
neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
46
|
-
scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
47
|
-
scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
48
|
-
scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
49
|
-
wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
50
|
-
debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
51
|
-
debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
52
|
-
debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
53
|
-
debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) =>
|
|
9
|
+
default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
10
|
+
inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
11
|
+
block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
12
|
+
flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
13
|
+
inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
14
|
+
absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
15
|
+
relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
16
|
+
fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
17
|
+
sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
18
|
+
hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
19
|
+
full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
20
|
+
noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
21
|
+
fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
22
|
+
fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
23
|
+
fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
24
|
+
fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
25
|
+
fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
26
|
+
whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
27
|
+
centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
28
|
+
row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
29
|
+
listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
30
|
+
column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
31
|
+
center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
32
|
+
alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
33
|
+
alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
34
|
+
alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
35
|
+
alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
36
|
+
alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
37
|
+
alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
38
|
+
alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
39
|
+
alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
40
|
+
justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
41
|
+
justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
42
|
+
justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
43
|
+
justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
44
|
+
justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
45
|
+
textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
46
|
+
textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
47
|
+
textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
48
|
+
blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
49
|
+
elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
50
|
+
neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
51
|
+
scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
52
|
+
scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
53
|
+
scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
54
|
+
wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
55
|
+
debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
56
|
+
debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
57
|
+
debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
58
|
+
debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => SegmentedControlStylesGen<any>;
|
|
54
59
|
};
|
|
@@ -17,6 +17,10 @@ var createSegmentedControlStyle = (0, common_1.createDefaultVariantFactory)();
|
|
|
17
17
|
var presets = (0, common_1.includePresets)(function (style) { return createSegmentedControlStyle(function () { return ({ scrollContent: style }); }); });
|
|
18
18
|
exports.SegmentedControlStyles = __assign(__assign({}, presets), { default: createSegmentedControlStyle(function (theme) {
|
|
19
19
|
return {
|
|
20
|
+
buttonFeedback: {
|
|
21
|
+
type: 'opacity',
|
|
22
|
+
value: 0.5,
|
|
23
|
+
},
|
|
20
24
|
text: {
|
|
21
25
|
color: theme.colors.text,
|
|
22
26
|
},
|
|
@@ -27,9 +31,12 @@ exports.SegmentedControlStyles = __assign(__assign({}, presets), { default: crea
|
|
|
27
31
|
height: theme.values.buttons.default.height,
|
|
28
32
|
// borderRadius: Theme.borderRadius.large,
|
|
29
33
|
},
|
|
30
|
-
scrollContent: __assign({}, theme.spacing.paddingHorizontal(2)),
|
|
31
|
-
button: __assign(__assign(__assign(__assign({ backgroundColor: 'transparent' }, theme.presets.alignCenter), {
|
|
32
|
-
selectedBubble: __assign(__assign({ position: 'absolute', zIndex: -1 }, theme.spacing.padding(2)), {
|
|
34
|
+
scrollContent: __assign(__assign(__assign({}, theme.presets.row), theme.spacing.paddingHorizontal(2)), theme.presets.alignStretch),
|
|
35
|
+
button: __assign(__assign(__assign(__assign(__assign({ backgroundColor: 'transparent' }, theme.presets.alignCenter), theme.presets.justifyCenter), { borderRadius: theme.borderRadius.large }), theme.spacing.padding(1)), { minHeight: '100%' }),
|
|
36
|
+
selectedBubble: __assign(__assign({ position: 'absolute', zIndex: -1 }, theme.spacing.padding(2)), {
|
|
37
|
+
// maxHeight: 50,
|
|
38
|
+
// minHeight: 50,
|
|
39
|
+
top: 0, bottom: 0, borderRadius: theme.borderRadius.large, backgroundColor: theme.colors.primary }),
|
|
33
40
|
wrapper: __assign(__assign({ borderRadius: theme.borderRadius.large, backgroundColor: theme.colors.backgroundSecondary }, theme.presets.row), { position: 'relative' }),
|
|
34
41
|
};
|
|
35
42
|
}) });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/SegmentedControl/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/SegmentedControl/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAAwF;AAuBxF,IAAM,2BAA2B,GAAG,IAAA,oCAA2B,GAG5D,CAAA;AAEH,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,KAAK,IAAK,OAAA,2BAA2B,CAAC,cAAM,OAAA,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,EAA1B,CAA0B,CAAC,EAA7D,CAA6D,CAAC,CAAA;AAE3F,QAAA,sBAAsB,yBAC9B,OAAO,KACV,OAAO,EAAE,2BAA2B,CAAC,UAAC,KAAK;QAEzC,OAAO;YACL,cAAc,EAAE;gBACd,IAAI,EAAE,SAAS;gBACf,KAAK,EAAE,GAAG;aACX;YACD,IAAI,EAAE;gBACJ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;aACzB;YACD,eAAe,EAAE;gBACf,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;aAC1B;YACD,MAAM,EAAE;gBACN,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM;gBAC3C,0CAA0C;aAC3C;YACD,aAAa,iCAER,KAAK,CAAC,OAAO,CAAC,GAAG,GACjB,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAClC,KAAK,CAAC,OAAO,CAAC,YAAY,CAC9B;YACD,MAAM,iDACJ,eAAe,EAAE,aAAa,IAC3B,KAAK,CAAC,OAAO,CAAC,WAAW,GACzB,KAAK,CAAC,OAAO,CAAC,aAAa,KAE9B,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,KACnC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,KAC3B,SAAS,EAAE,MAAM,GAElB;YACD,cAAc,sBACZ,QAAQ,EAAE,UAAU,EACpB,MAAM,EAAE,CAAC,CAAC,IACP,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC3B,iBAAiB;gBACjB,iBAAiB;gBACjB,GAAG,EAAE,CAAC,EACN,MAAM,EAAE,CAAC,EACT,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,EACtC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,GACtC;YACD,OAAO,sBACL,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,EACtC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,mBAAmB,IAC9C,KAAK,CAAC,OAAO,CAAC,GAAG,KACpB,QAAQ,EAAE,UAAU,GACrB;SAEF,CAAA;IAEH,CAAC,CAAC,IACH"}
|
|
@@ -92,9 +92,8 @@ var Select = function (selectProps) {
|
|
|
92
92
|
return <>
|
|
93
93
|
{!hideInput && (<TextInput_1.TextInput caretHidden value={selectedLabel} rightIcon={{
|
|
94
94
|
icon: arrowIconName,
|
|
95
|
-
}} editable={false} touchableWrapper wrapperProps={{
|
|
95
|
+
}} editable={false} touchableWrapper onPress={close} wrapperProps={{
|
|
96
96
|
debugName: 'Select',
|
|
97
|
-
onPress: close,
|
|
98
97
|
}} pointerEvents={'none'} label={label} debugName={'Select input'} styles={inputStyles} style={style} {...inputProps}/>)}
|
|
99
98
|
|
|
100
99
|
<utils_1.ModalManager.Drawer scroll={false} title={label} {...drawerProps} styles={variantStyles}>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { TextInputComposition } from '@codeleap/common';
|
|
2
2
|
import { DrawerComposition } from '../Drawer';
|
|
3
3
|
declare type ItemStates = '' | ':selected';
|
|
4
|
-
export declare type SelectComposition = DrawerComposition | `input${TextInputComposition}` | 'list' | 'listContent' | `itemWrapper${ItemStates}` | `itemText${ItemStates}` | 'scroll' | 'scrollContent'
|
|
4
|
+
export declare type SelectComposition = DrawerComposition | `input${TextInputComposition}` | 'list' | 'listContent' | `itemWrapper${ItemStates}` | `itemText${ItemStates}` | 'scroll' | 'scrollContent' | `itemIcon${ItemStates}`;
|
|
5
5
|
export declare const SelectStyles: {
|
|
6
6
|
default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SelectComposition, any>>;
|
|
7
7
|
popup: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
|
|
@@ -17,10 +17,13 @@ var Drawer_1 = require("../Drawer");
|
|
|
17
17
|
var createSelectStyle = (0, common_1.createDefaultVariantFactory)();
|
|
18
18
|
exports.SelectStyles = __assign(__assign({}, Drawer_1.DrawerStyles), { default: createSelectStyle(function (theme) {
|
|
19
19
|
var defaultStyle = Drawer_1.DrawerStyles.default(theme);
|
|
20
|
-
return __assign(__assign({}, defaultStyle), { box: __assign({}, theme.spacing.paddingHorizontal(0)), itemWrapper: __assign(__assign(__assign(__assign({}, theme.
|
|
20
|
+
return __assign(__assign({}, defaultStyle), { box: __assign({}, theme.spacing.paddingHorizontal(0)), itemWrapper: __assign(__assign(__assign(__assign(__assign({}, theme.presets.row), theme.presets.justifySpaceBetween), theme.presets.alignCenter), theme.spacing.padding(1.4)), { height: 50 }), 'itemWrapper:selected': {
|
|
21
21
|
backgroundColor: theme.colors.primary,
|
|
22
22
|
}, 'itemText:selected': {
|
|
23
23
|
color: theme.colors.white,
|
|
24
|
+
}, 'itemIcon:selected': __assign({ color: theme.colors.white }, theme.sized(3)), itemIcon: {
|
|
25
|
+
width: 0,
|
|
26
|
+
height: 0,
|
|
24
27
|
}, list: {
|
|
25
28
|
height: 'auto',
|
|
26
29
|
}, listContent: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Select/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAAoF;AACpF,oCAA2D;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Select/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAAoF;AACpF,oCAA2D;AAa3D,IAAM,iBAAiB,GAAG,IAAA,oCAA2B,GAAqB,CAAA;AAE7D,QAAA,YAAY,yBACpB,qBAAY,KACf,OAAO,EAAE,iBAAiB,CAAC,UAAC,KAAK;QAC/B,IAAM,YAAY,GAAG,qBAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QAChD,6BACK,YAAY,KACf,GAAG,eACE,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAGvC,WAAW,mDACN,KAAK,CAAC,OAAO,CAAC,GAAG,GACjB,KAAK,CAAC,OAAO,CAAC,mBAAmB,GACjC,KAAK,CAAC,OAAO,CAAC,WAAW,GACzB,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,KAC7B,MAAM,EAAE,EAAE,KAEZ,sBAAsB,EAAE;gBACtB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;aACtC,EACD,mBAAmB,EAAE;gBACnB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;aAE1B,EACD,mBAAmB,aACjB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IACtB,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAEnB,QAAQ,EAAE;gBACR,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,CAAC;aACV,EACD,IAAI,EAAE;gBACJ,MAAM,EAAE,MAAM;aAEf,EACD,WAAW,EAAE;gBACX,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;aACrE,IAEF;IACH,CAAC,CAAC,IACH"}
|
|
@@ -74,7 +74,7 @@ exports.Switch = (0, react_1.forwardRef)(function (switchProps, ref) {
|
|
|
74
74
|
<react_native_1.Switch thumbColor={thumbColor} trackColor={{ false: trackColor, true: trackColor }} ios_backgroundColor={trackColor} value={value} ref={ref} {...props}/>
|
|
75
75
|
<TextInput_1.InputLabel label={label} style={getStyles('label')}/>
|
|
76
76
|
</View_1.View>
|
|
77
|
-
<TextInput_1.FormError
|
|
77
|
+
<TextInput_1.FormError text={error.message} style={getStyles('error')}/>
|
|
78
78
|
</View_1.View>);
|
|
79
79
|
});
|
|
80
80
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Switch/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Switch/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,10 +10,12 @@ export declare type TextProps = ComponentPropsWithoutRef<typeof NativeText> & {
|
|
|
10
10
|
variants?: ComponentVariants<typeof TextStyles>['variants'];
|
|
11
11
|
animated?: boolean;
|
|
12
12
|
colorChangeConfig?: Partial<Animated.TimingAnimationConfig>;
|
|
13
|
+
debugName?: string;
|
|
13
14
|
} & BaseViewProps & MotiProps;
|
|
14
15
|
export declare const Text: React.ForwardRefExoticComponent<import("react-native").TextProps & {
|
|
15
16
|
text?: React.ReactNode;
|
|
16
17
|
variants?: ComponentVariants<typeof TextStyles>['variants'];
|
|
17
18
|
animated?: boolean;
|
|
18
19
|
colorChangeConfig?: Partial<Animated.TimingAnimationConfig>;
|
|
20
|
+
debugName?: string;
|
|
19
21
|
} & 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>>;
|
|
@@ -48,17 +48,57 @@ __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
50
|
var _a = textProps.variants, variants = _a === void 0 ? [] : _a, text = textProps.text, children = textProps.children, style = textProps.style, colorChangeConfig = textProps.colorChangeConfig, props = __rest(textProps, ["variants", "text", "children", "style", "colorChangeConfig"]);
|
|
51
|
-
var
|
|
51
|
+
var pressPolyfillEnabled = react_native_1.Platform.OS === 'android' && !!props.onPress;
|
|
52
|
+
var _b = (0, common_1.useState)(false), pressed = _b[0], setPressed = _b[1];
|
|
53
|
+
var handlePress = function (pressed) {
|
|
54
|
+
if (!pressPolyfillEnabled)
|
|
55
|
+
return;
|
|
56
|
+
return function () {
|
|
57
|
+
if (props.onPress) {
|
|
58
|
+
setPressed(pressed);
|
|
59
|
+
}
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Text', {
|
|
52
63
|
variants: variants,
|
|
64
|
+
transform: react_native_1.StyleSheet.flatten,
|
|
53
65
|
rootElement: 'text',
|
|
54
66
|
});
|
|
55
67
|
var styles = react_native_1.StyleSheet.flatten([variantStyles.text, style]);
|
|
56
68
|
var animatedColor = (0, utils_1.useAnimateColor)(styles.color, colorChangeConfig);
|
|
69
|
+
if (!!text && !common_1.TypeGuards.isString(text))
|
|
70
|
+
return <>{text}</>;
|
|
57
71
|
var Component = textProps.animated ? MotiText : react_native_1.Text;
|
|
58
72
|
var colorStyle = { color: props.animated ? animatedColor : styles.color };
|
|
73
|
+
var getFeedbackStyle = (0, utils_1.usePressableFeedback)(styles, {
|
|
74
|
+
disabled: !pressPolyfillEnabled,
|
|
75
|
+
feedbackConfig: variantStyles.pressFeedback,
|
|
76
|
+
hightlightPropertyIn: 'color',
|
|
77
|
+
hightlightPropertyOut: 'backgroundColor',
|
|
78
|
+
}).getFeedbackStyle;
|
|
79
|
+
var feedbackStyle = pressPolyfillEnabled ? getFeedbackStyle(pressed) : undefined;
|
|
80
|
+
return <Component {...props} onPressIn={handlePress(true)} onPressOut={handlePress(false)} style={[styles, colorStyle, feedbackStyle]}
|
|
59
81
|
// @ts-ignore
|
|
60
|
-
|
|
61
|
-
{text
|
|
82
|
+
ref={ref}>
|
|
83
|
+
{text}
|
|
84
|
+
{children}
|
|
62
85
|
</Component>;
|
|
63
86
|
});
|
|
87
|
+
// const childArr = React.Children.toArray([
|
|
88
|
+
// text,
|
|
89
|
+
// children,
|
|
90
|
+
// ])
|
|
91
|
+
// return <View style={[styles, colorStyle]}>
|
|
92
|
+
// {
|
|
93
|
+
// childArr.map((child) => {
|
|
94
|
+
// if (TypeGuards.isString(child)) {
|
|
95
|
+
// // @ts-ignore
|
|
96
|
+
// return <Component {...props} ref={ref}>
|
|
97
|
+
// {child}
|
|
98
|
+
// </Component>
|
|
99
|
+
// }
|
|
100
|
+
// return child
|
|
101
|
+
// })
|
|
102
|
+
// }
|
|
103
|
+
// </View>
|
|
64
104
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Text/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4D;AAC5D,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Text/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4D;AAC5D,2CAMyB;AACzB,6CAAwG;AACxG,6BAAuD;AACvD,qCAAmE;AAInE,2CAAwB;AAUxB,IAAM,QAAQ,GAAG,uBAAQ,CAAC,uBAAuB,CAAC,eAAS,CAAC,CAAA;AAE/C,QAAA,IAAI,GAAG,IAAA,kBAAU,EAAwB,UAAC,SAAS,EAAE,GAAG;IAC3D,IAAA,KAAsE,SAAS,SAAlE,EAAb,QAAQ,mBAAG,EAAE,KAAA,EAAE,IAAI,GAAmD,SAAS,KAA5D,EAAE,QAAQ,GAAyC,SAAS,SAAlD,EAAE,KAAK,GAAkC,SAAS,MAA3C,EAAE,iBAAiB,GAAe,SAAS,kBAAxB,EAAK,KAAK,UAAK,SAAS,EAAjF,8DAAqE,CAAF,CAAc;IAEvF,IAAM,oBAAoB,GAAG,uBAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,CAAC,CAAC,KAAK,CAAC,OAAO,CAAA;IAEnE,IAAA,KAAwB,IAAA,iBAAQ,EAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IAC7C,IAAM,WAAW,GAAG,UAAC,OAAO;QAC1B,IAAI,CAAC,oBAAoB;YAAE,OAAM;QACjC,OAAO;YACL,IAAI,KAAK,CAAC,OAAO,EAAE;gBACjB,UAAU,CAAC,OAAO,CAAC,CAAA;aAEpB;QACH,CAAC,CAAA;IACH,CAAC,CAAA;IACD,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAA8B,QAAQ,EAAE;QACpF,QAAQ,UAAA;QACR,SAAS,EAAE,yBAAU,CAAC,OAAO;QAC7B,WAAW,EAAE,MAAM;KACpB,CAAC,CAAA;IAEF,IAAM,MAAM,GAAG,yBAAU,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;IAE9D,IAAM,aAAa,GAAG,IAAA,uBAAe,EAAC,MAAM,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAA;IAEtE,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,mBAAU,CAAC,QAAQ,CAAC,IAAI,CAAC;QAAE,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,CAAA;IAE5D,IAAM,SAAS,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,mBAAU,CAAA;IAE5D,IAAM,UAAU,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;IAEnE,IAAA,gBAAgB,GAAK,IAAA,4BAAoB,EAAC,MAAM,EAAE;QACxD,QAAQ,EAAE,CAAC,oBAAoB;QAC/B,cAAc,EAAE,aAAa,CAAC,aAAa;QAC3C,oBAAoB,EAAE,OAAO;QAC7B,qBAAqB,EAAE,iBAAiB;KACzC,CAAC,iBALsB,CAKtB;IACF,IAAM,aAAa,GAAG,oBAAoB,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAElF,OAAO,CAAC,SAAS,CAAC,IAAI,KAAK,CAAC,CAC1B,SAAS,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAC7D,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC;IAC3C,aAAa;IACb,GAAG,CAAC,CAAC,GAAG,CAAC,CAET;IAAA,CAAC,IAAI,CACL;IAAA,CAAC,QAAQ,CACX;EAAA,EAAE,SAAS,CAAC,CAAA;AAEd,CAAC,CAAC,CAAA;AAEF,4CAA4C;AAC5C,UAAU;AACV,cAAc;AACd,KAAK;AAEL,6CAA6C;AAC7C,MAAM;AACN,gCAAgC;AAChC,0CAA0C;AAC1C,wBAAwB;AACxB,kDAAkD;AAClD,oBAAoB;AACpB,uBAAuB;AAEvB,UAAU;AACV,qBAAqB;AACrB,SAAS;AACT,MAAM;AACN,UAAU"}
|