@codeleap/mobile 1.5.4 → 1.8.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/dist/components/Button.d.ts +6 -0
- package/dist/components/Checkbox/styles.d.ts +3 -0
- package/dist/components/List.d.ts +5 -4
- package/dist/components/List.js +2 -1
- package/dist/components/List.js.map +1 -1
- package/dist/components/Modal/styles.d.ts +3 -0
- package/dist/components/Pager/index.d.ts +2 -1
- package/dist/components/Pager/index.js.map +1 -1
- package/dist/components/Pager/styles.d.ts +3 -0
- package/dist/components/RadioInput/styles.d.ts +3 -0
- package/dist/components/Scroll.js.map +1 -1
- package/dist/components/Sections.js.map +1 -1
- package/dist/components/Select/index.js +6 -4
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/Select/types.d.ts +6 -0
- package/dist/components/TextInput.d.ts +7 -0
- package/dist/components/TextInput.js +15 -15
- package/dist/components/TextInput.js.map +1 -1
- package/dist/components/Touchable.d.ts +1 -1
- package/dist/components/Touchable.js.map +1 -1
- package/dist/components/View.d.ts +6 -0
- package/package.json +6 -8
- package/src/components/List.tsx +8 -3
- package/src/components/Pager/index.tsx +2 -0
- package/src/components/Scroll.tsx +2 -0
- package/src/components/Sections.tsx +1 -0
- package/src/components/Select/index.tsx +14 -4
- package/src/components/Select/types.ts +4 -0
- package/src/components/TextInput.tsx +14 -8
- package/src/components/Touchable.tsx +1 -1
- package/src/components/components.ts +1 -1
- package/.eslintignore +0 -2
- package/.eslintrc.js +0 -3
- package/.vscode/settings.json +0 -11
|
@@ -22,6 +22,7 @@ export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "
|
|
|
22
22
|
block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
23
23
|
flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
24
24
|
absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
25
|
+
relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
25
26
|
sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
26
27
|
row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
27
28
|
center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
@@ -43,8 +44,10 @@ export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "
|
|
|
43
44
|
alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
44
45
|
alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
45
46
|
alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
47
|
+
alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
46
48
|
alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
47
49
|
alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
50
|
+
alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
48
51
|
alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
49
52
|
justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
50
53
|
justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
@@ -74,6 +77,7 @@ export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "
|
|
|
74
77
|
block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
75
78
|
flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
76
79
|
absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
80
|
+
relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
77
81
|
sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
78
82
|
row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
79
83
|
center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
@@ -95,8 +99,10 @@ export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "
|
|
|
95
99
|
alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
96
100
|
alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
97
101
|
alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
102
|
+
alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
98
103
|
alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
99
104
|
alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
105
|
+
alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
100
106
|
alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
101
107
|
justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
102
108
|
justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
@@ -6,6 +6,7 @@ export declare const MobileCheckboxStyles: {
|
|
|
6
6
|
block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
|
|
7
7
|
flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
|
|
8
8
|
absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
|
|
9
|
+
relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
|
|
9
10
|
sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
|
|
10
11
|
row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
|
|
11
12
|
center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
|
|
@@ -27,8 +28,10 @@ export declare const MobileCheckboxStyles: {
|
|
|
27
28
|
alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
|
|
28
29
|
alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
|
|
29
30
|
alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
|
|
31
|
+
alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
|
|
30
32
|
alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
|
|
31
33
|
alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
|
|
34
|
+
alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
|
|
32
35
|
alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
|
|
33
36
|
justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
|
|
34
37
|
justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
|
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
import { KeyboardAwareFlatListProps } from 'react-native-keyboard-aware-scroll-view';
|
|
1
|
+
/// <reference types="react" />
|
|
3
2
|
import { FlatList } from 'react-native';
|
|
4
3
|
import { ViewProps } from './View';
|
|
5
|
-
|
|
4
|
+
declare type RNFlatListProps<T = any> = FlatList<T>['props'];
|
|
5
|
+
export declare type FlatListProps<T = any> = RNFlatListProps<T> & ViewProps & {
|
|
6
6
|
onRefresh?: () => void;
|
|
7
7
|
refreshTimeout?: number;
|
|
8
8
|
changeData?: any;
|
|
9
9
|
separators?: boolean;
|
|
10
10
|
keyboardAware?: boolean;
|
|
11
11
|
};
|
|
12
|
-
export declare const List:
|
|
12
|
+
export declare const List: <T = any>(props: FlatListProps<T>) => JSX.Element;
|
|
13
|
+
export {};
|
package/dist/components/List.js
CHANGED
|
@@ -38,7 +38,7 @@ var react_native_keyboard_aware_scroll_view_1 = require("react-native-keyboard-a
|
|
|
38
38
|
var react_native_1 = require("react-native");
|
|
39
39
|
var View_1 = require("./View");
|
|
40
40
|
var KeyboardAwareFlatList = react_native_keyboard_aware_scroll_view_1.KeyboardAwareFlatList;
|
|
41
|
-
|
|
41
|
+
var ListCP = (0, react_1.forwardRef)(function (flatListProps, ref) {
|
|
42
42
|
var _a = flatListProps.variants, variants = _a === void 0 ? [] : _a, style = flatListProps.style, _b = flatListProps.refreshTimeout, refreshTimeout = _b === void 0 ? 3000 : _b, changeData = flatListProps.changeData, _c = flatListProps.keyboardAware, keyboardAware = _c === void 0 ? true : _c, props = __rest(flatListProps, ["variants", "style", "refreshTimeout", "changeData", "keyboardAware"]);
|
|
43
43
|
var hasRefresh = !!props.onRefresh;
|
|
44
44
|
var _d = (0, react_1.useState)(false), refreshing = _d[0], setRefreshing = _d[1];
|
|
@@ -75,4 +75,5 @@ exports.List = (0, react_1.forwardRef)(function (flatListProps, ref) {
|
|
|
75
75
|
var Component = keyboardAware ? KeyboardAwareFlatList : react_native_1.FlatList;
|
|
76
76
|
return (<Component style={[Theme.presets.full, style]} contentContainerStyle={[variantStyles.wrapper]} ref={ref} ItemSeparatorComponent={separator} {...props} refreshControl={hasRefresh && (<react_native_1.RefreshControl refreshing={refreshing} onRefresh={onRefresh}/>)}/>);
|
|
77
77
|
});
|
|
78
|
+
exports.List = ListCP;
|
|
78
79
|
//# sourceMappingURL=List.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/components/List.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4C;AAC5C,2CAMyB;AACzB,
|
|
1
|
+
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/components/List.tsx"],"names":[],"mappings":"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"}
|
|
@@ -19,6 +19,7 @@ export declare const MobileModalStyles: {
|
|
|
19
19
|
block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
20
20
|
flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
21
21
|
absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
22
|
+
relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
22
23
|
sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
23
24
|
row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
24
25
|
center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
@@ -40,8 +41,10 @@ export declare const MobileModalStyles: {
|
|
|
40
41
|
alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
41
42
|
alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
42
43
|
alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
44
|
+
alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
43
45
|
alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
44
46
|
alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
47
|
+
alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
45
48
|
alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
46
49
|
justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
47
50
|
justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ComponentVariants } from '@codeleap/common';
|
|
2
|
-
import React from 'react';
|
|
2
|
+
import React, { ReactNode } from 'react';
|
|
3
3
|
import { StylesOf } from '../../types/utility';
|
|
4
4
|
import { MobilePagerStyles, PagerComposition } from './styles';
|
|
5
5
|
export * from './styles';
|
|
@@ -9,6 +9,7 @@ export declare type PagerProps = {
|
|
|
9
9
|
page?: number;
|
|
10
10
|
loop?: boolean;
|
|
11
11
|
debug?: boolean;
|
|
12
|
+
children?: ReactNode;
|
|
12
13
|
onPageChange?: (page: number) => void;
|
|
13
14
|
};
|
|
14
15
|
export declare type PagerRef = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Pager/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAMyB;AACzB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Pager/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,6 +6,7 @@ export declare const MobilePagerStyles: {
|
|
|
6
6
|
block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
7
7
|
flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
8
8
|
absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
9
|
+
relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
9
10
|
sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
10
11
|
row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
11
12
|
center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
@@ -27,8 +28,10 @@ export declare const MobilePagerStyles: {
|
|
|
27
28
|
alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
28
29
|
alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
29
30
|
alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
31
|
+
alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
30
32
|
alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
31
33
|
alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
34
|
+
alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
32
35
|
alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
33
36
|
justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
34
37
|
justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
|
|
@@ -8,6 +8,7 @@ export declare const MobileRadioInputStyles: {
|
|
|
8
8
|
block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
|
|
9
9
|
flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
|
|
10
10
|
absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
|
|
11
|
+
relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
|
|
11
12
|
sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
|
|
12
13
|
row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
|
|
13
14
|
center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
|
|
@@ -29,8 +30,10 @@ export declare const MobileRadioInputStyles: {
|
|
|
29
30
|
alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
|
|
30
31
|
alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
|
|
31
32
|
alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
|
|
33
|
+
alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
|
|
32
34
|
alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
|
|
33
35
|
alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
|
|
36
|
+
alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
|
|
34
37
|
alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
|
|
35
38
|
justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
|
|
36
39
|
justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Scroll.js","sourceRoot":"","sources":["../../src/components/Scroll.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4C;AAC5C,2CAMyB;
|
|
1
|
+
{"version":3,"file":"Scroll.js","sourceRoot":"","sources":["../../src/components/Scroll.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4C;AAC5C,2CAMyB;AAEzB,mGAIgD;AAChD,6CAAqF;AAYrF,IAAM,uBAAuB,GAC3B,iEAMC,CAAA;AAEU,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,UAAC,WAAW,EAAE,GAAG;IAEb,IAAA,KAQE,WAAW,SARA,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAAK,GAOH,WAAW,MAPR,EACL,KAME,WAAW,eANQ,EAArB,cAAc,mBAAG,IAAI,KAAA,EACrB,QAAQ,GAKN,WAAW,SALL,EACR,UAAU,GAIR,WAAW,WAJH,EACV,MAAM,GAGJ,WAAW,OAHP,EACN,KAEE,WAAW,cAFO,EAApB,aAAa,mBAAG,IAAI,KAAA,EACjB,KAAK,UACN,WAAW,EATT,4FASL,CADS,CACK;IACf,IAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,SAAS,CAAA;IAC9B,IAAA,KAA8B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAA;IAEnD,IAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAChC,IAAM,YAAY,GAAG,IAAA,oBAAW,EAAC,UAAU,CAAC,CAAA;IAE5C,IAAM,SAAS,GAAG;QAChB,IAAI,KAAK,CAAC,OAAO,EAAE;YACjB,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;SAC5B;QAED,aAAa,CAAC,IAAI,CAAC,CAAA;QAEnB,KAAK,CAAC,SAAS,EAAE,CAAA;QAEjB,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC;YACzB,aAAa,CAAC,KAAK,CAAC,CAAA;QACtB,CAAC,EAAE,cAAc,CAAC,CAAA;IACpB,CAAC,CAAA;IACD,IAAA,iBAAQ,EAAC;QACP,IAAI,UAAU,IAAI,CAAC,IAAA,kBAAS,EAAC,YAAY,EAAE,UAAU,CAAC,EAAE;YACtD,aAAa,CAAC,KAAK,CAAC,CAAA;YACpB,IAAI,KAAK,CAAC,OAAO,EAAE;gBACjB,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;aAC5B;SACF;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAA;IACpB,IAAA,KAAK,GAAK,IAAA,2BAAkB,GAAE,MAAzB,CAAyB;IAEtC,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,MAAM,EAAE;QACrD,QAAQ,UAAA;QACR,MAAM,EAAE;YACN,OAAO,EAAE,MAAM;SAChB;QACD,WAAW,EAAE,SAAS;KACvB,CAAC,CAAA;IAEF,IAAM,SAAS,GAAG,aAAa,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,yBAAU,CAAA;IAEtE,OAAO,CACL,CAAC,SAAS,CACR,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CACnC,qBAAqB,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAC/C,GAAG,CAAC,CAAC,GAA4B,CAAC,CAClC,IAAI,KAAK,CAAC,CACV,cAAc,CAAC,CACb,UAAU,IAAI,CACZ,CAAC,6BAAc,CAAC,UAAU,CAAC,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,EAAG,CACjE,CACF,CAED;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,SAAS,CAAC,CACb,CAAA;AACH,CAAC,CACF,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sections.js","sourceRoot":"","sources":["../../src/components/Sections.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4C;AAC5C,2CAMyB;AACzB,
|
|
1
|
+
{"version":3,"file":"Sections.js","sourceRoot":"","sources":["../../src/components/Sections.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4C;AAC5C,2CAMyB;AACzB,mGAIgD;AAChD,6CAA0D;AAC1D,+BAAwC;AAUxC,IAAM,wBAAwB,GAC5B,kEAKC,CAAA;AAEU,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,UAAC,aAAa,EAAE,GAAG;IAEf,IAAA,KAKE,aAAa,SALF,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAAK,GAIH,aAAa,MAJV,EACL,KAGE,aAAa,eAHM,EAArB,cAAc,mBAAG,IAAI,KAAA,EACrB,UAAU,GAER,aAAa,WAFL,EACP,KAAK,UACN,aAAa,EANX,qDAML,CADS,CACO;IACjB,IAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,SAAS,CAAA;IAC9B,IAAA,KAA8B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAA;IAEnD,IAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAChC,IAAM,YAAY,GAAG,IAAA,oBAAW,EAAC,UAAU,CAAC,CAAA;IAE5C,IAAM,SAAS,GAAG;QAChB,IAAI,KAAK,CAAC,OAAO,EAAE;YACjB,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;SAC5B;QAED,aAAa,CAAC,IAAI,CAAC,CAAA;QAEnB,KAAK,CAAC,SAAS,EAAE,CAAA;QAEjB,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC;YACzB,aAAa,CAAC,KAAK,CAAC,CAAA;QACtB,CAAC,EAAE,cAAc,CAAC,CAAA;IACpB,CAAC,CAAA;IACD,IAAA,iBAAQ,EAAC;QACP,IAAI,UAAU,IAAI,CAAC,IAAA,kBAAS,EAAC,YAAY,EAAE,UAAU,CAAC,EAAE;YACtD,aAAa,CAAC,KAAK,CAAC,CAAA;YACpB,IAAI,KAAK,CAAC,OAAO,EAAE;gBACjB,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;aAC5B;SACF;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAA;IACpB,IAAA,KAAK,GAAK,IAAA,2BAAkB,GAAE,MAAzB,CAAyB;IAEtC,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,MAAM,EAAE;QACrD,QAAQ,UAAA;KACT,CAAC,CAAA;IAEF,IAAM,eAAe,GAAG;QACtB,OAAO,CACL,CAAC,WAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,WAAI,CAAC,CACvC,CAAA;IACH,CAAC,CAAA;IAED,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAA;IACtC,IAAM,OAAO,GAAG,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAA;IACjD,IAAM,SAAS,GAAG,CAAC,OAAO,IAAI,aAAa,IAAI,IAAI,IAAI,eAAe,CAAA;IAEtE,OAAO,CACL,CAAC,wBAAwB,CACvB,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CACnC,qBAAqB,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAC/C,GAAG,CAAC,CAAC,GAA6B,CAAC,CACnC,sBAAsB,CAAC,CAAC,SAAS,CAAC,CAClC,IAAI,KAAK,CAAC,CACV,cAAc,CAAC,CACb,UAAU,IAAI,CACZ,CAAC,6BAAc,CAAC,UAAU,CAAC,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,EAAG,CACjE,CACF,EACD,CACH,CAAA;AACH,CAAC,CACF,CAAA"}
|
|
@@ -54,8 +54,10 @@ var TextInput_1 = require("../TextInput");
|
|
|
54
54
|
var Touchable_1 = require("../Touchable");
|
|
55
55
|
var View_1 = require("../View");
|
|
56
56
|
var Select = function (selectProps) {
|
|
57
|
-
var value = selectProps.value, onValueChange = selectProps.onValueChange, label = selectProps.label, _a = selectProps.styles, styles = _a === void 0 ? {} : _a, options = selectProps.options, style = selectProps.style, variants = selectProps.variants, renderItem = selectProps.renderItem, _b = selectProps.closeOnSelect, closeOnSelect = _b === void 0 ? true : _b, _c = selectProps.scroll, scroll = _c === void 0 ? false : _c, _d = selectProps.showClose, showClose = _d === void 0 ? true : _d, _e = selectProps.showLabelOnModal, showLabelOnModal = _e === void 0 ? true : _e, _f = selectProps.placeholder, placeholder = _f === void 0 ? 'Select' : _f, _g = selectProps.arrowIconName, arrowIconName = _g === void 0 ? 'selectArrow' : _g, footer = selectProps.footer, _h = selectProps.modalCloseIconName, modalCloseIconName = _h === void 0 ? 'close' : _h, header = selectProps.header, closeButtonProps = selectProps.closeButtonProps, modalLabel = selectProps.modalLabel, props = __rest(selectProps, ["value", "onValueChange", "label", "styles", "options", "style", "variants", "renderItem", "closeOnSelect", "scroll", "showClose", "showLabelOnModal", "placeholder", "arrowIconName", "footer", "modalCloseIconName", "header", "closeButtonProps", "modalLabel"]);
|
|
58
|
-
var
|
|
57
|
+
var value = selectProps.value, onValueChange = selectProps.onValueChange, label = selectProps.label, _a = selectProps.styles, styles = _a === void 0 ? {} : _a, options = selectProps.options, style = selectProps.style, variants = selectProps.variants, renderItem = selectProps.renderItem, _b = selectProps.closeOnSelect, closeOnSelect = _b === void 0 ? true : _b, _c = selectProps.scroll, scroll = _c === void 0 ? false : _c, _d = selectProps.showClose, showClose = _d === void 0 ? true : _d, _e = selectProps.showLabelOnModal, showLabelOnModal = _e === void 0 ? true : _e, _f = selectProps.placeholder, placeholder = _f === void 0 ? 'Select' : _f, _g = selectProps.arrowIconName, arrowIconName = _g === void 0 ? 'selectArrow' : _g, footer = selectProps.footer, _h = selectProps.modalCloseIconName, modalCloseIconName = _h === void 0 ? 'close' : _h, header = selectProps.header, closeButtonProps = selectProps.closeButtonProps, modalLabel = selectProps.modalLabel, _j = selectProps.textInputProps, textInputProps = _j === void 0 ? {} : _j, _k = selectProps.visible, visible = _k === void 0 ? null : _k, _l = selectProps.toggle, toggle = _l === void 0 ? null : _l, renderList = selectProps.renderList, props = __rest(selectProps, ["value", "onValueChange", "label", "styles", "options", "style", "variants", "renderItem", "closeOnSelect", "scroll", "showClose", "showLabelOnModal", "placeholder", "arrowIconName", "footer", "modalCloseIconName", "header", "closeButtonProps", "modalLabel", "textInputProps", "visible", "toggle", "renderList"]);
|
|
58
|
+
var _m = (0, common_1.useBooleanToggle)(false), _isModalVisible = _m[0], _setModalVisibility = _m[1];
|
|
59
|
+
var isModalVisible = visible !== null && visible !== void 0 ? visible : _isModalVisible;
|
|
60
|
+
var setModalVisibility = toggle !== null && toggle !== void 0 ? toggle : _setModalVisibility;
|
|
59
61
|
var variantStyles = (0, common_1.useDefaultComponentStyle)('u:MobileSelect', {
|
|
60
62
|
transform: react_native_1.StyleSheet.flatten,
|
|
61
63
|
rootElement: 'inputWrapper',
|
|
@@ -84,7 +86,7 @@ var Select = function (selectProps) {
|
|
|
84
86
|
}} editable={false} touchableWrapper innerWrapperProps={{
|
|
85
87
|
debugName: 'Select',
|
|
86
88
|
onPress: close,
|
|
87
|
-
}} label={label} debugName={'Select input'} styles={inputStyles} style={style} {...
|
|
89
|
+
}} pointerEvents={'none'} label={label} debugName={'Select input'} styles={inputStyles} style={style} {...textInputProps}/>
|
|
88
90
|
<View_1.AnimatedView pointerEvents={'none'} transition='opacity' style={[
|
|
89
91
|
{
|
|
90
92
|
position: 'absolute',
|
|
@@ -117,7 +119,7 @@ var Select = function (selectProps) {
|
|
|
117
119
|
</>}
|
|
118
120
|
</View_1.View>)}
|
|
119
121
|
<ListComponent style={variantStyles.modalList}>
|
|
120
|
-
{options.map(function (item, idx) {
|
|
122
|
+
{renderList ? renderList(__assign(__assign({}, selectProps), { isEmpty: !options.length })) : options.map(function (item, idx) {
|
|
121
123
|
var isSelected = value === item.value;
|
|
122
124
|
if (renderItem) {
|
|
123
125
|
return renderItem(__assign(__assign({}, item), { selected: isSelected, onPress: close, styles: variantStyles }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAAgI;AAChI,6CAAsC;AACtC,6CAAgD;AAChD,oCAAkC;AAClC,oCAAkC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -29,5 +29,11 @@ export declare type CustomSelectProps<T> = {
|
|
|
29
29
|
modalCloseIconName?: IconPlaceholder;
|
|
30
30
|
showClose?: boolean;
|
|
31
31
|
modalLabel?: string;
|
|
32
|
+
textInputProps?: Partial<TextInputProps>;
|
|
32
33
|
closeButtonProps?: Partial<ButtonProps>;
|
|
34
|
+
toggle: (isOpen?: boolean) => void;
|
|
35
|
+
visible: boolean;
|
|
36
|
+
renderList?: (props: CustomSelectProps<T> & {
|
|
37
|
+
isEmpty: boolean;
|
|
38
|
+
}) => JSX.Element;
|
|
33
39
|
} & ComponentVariants<typeof MobileSelectStyles> & TextInputProps;
|
|
@@ -38,6 +38,7 @@ export declare const TextInput: React.ForwardRefExoticComponent<ComponentVariant
|
|
|
38
38
|
block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
39
39
|
flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
40
40
|
absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
41
|
+
relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
41
42
|
sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
42
43
|
row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
43
44
|
center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
@@ -59,8 +60,10 @@ export declare const TextInput: React.ForwardRefExoticComponent<ComponentVariant
|
|
|
59
60
|
alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
60
61
|
alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
61
62
|
alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
63
|
+
alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
62
64
|
alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
63
65
|
alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
66
|
+
alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
64
67
|
alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
65
68
|
justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
66
69
|
justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
@@ -89,6 +92,7 @@ export declare const TextInput: React.ForwardRefExoticComponent<ComponentVariant
|
|
|
89
92
|
block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
90
93
|
flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
91
94
|
absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
95
|
+
relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
92
96
|
sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
93
97
|
row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
94
98
|
center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
@@ -110,8 +114,10 @@ export declare const TextInput: React.ForwardRefExoticComponent<ComponentVariant
|
|
|
110
114
|
alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
111
115
|
alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
112
116
|
alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
117
|
+
alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
113
118
|
alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
114
119
|
alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
120
|
+
alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
115
121
|
alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
116
122
|
justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
117
123
|
justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
@@ -156,6 +162,7 @@ export declare const FormError: ({ message, ...props }: {
|
|
|
156
162
|
}) => any;
|
|
157
163
|
export declare const InputIcon: React.FC<{
|
|
158
164
|
style: any;
|
|
165
|
+
wrapperStyle: any;
|
|
159
166
|
} & IconProp>;
|
|
160
167
|
export declare const InputLabel: ({ label, style }: {
|
|
161
168
|
label: any;
|
|
@@ -47,17 +47,16 @@ var common_1 = require("@codeleap/common");
|
|
|
47
47
|
var react_1 = require("react");
|
|
48
48
|
var Text_1 = require("./Text");
|
|
49
49
|
var View_1 = require("./View");
|
|
50
|
-
var Button_1 = require("./Button");
|
|
51
50
|
var Icon_1 = require("./Icon");
|
|
52
51
|
var react_native_1 = require("react-native");
|
|
53
52
|
var Touchable_1 = require("./Touchable");
|
|
54
53
|
exports.TextInput = (0, react_1.forwardRef)(function (rawprops, inputRef) {
|
|
55
|
-
var _a;
|
|
54
|
+
var _a, _b;
|
|
56
55
|
var onChange = rawprops.onChange, type = rawprops.type, value = rawprops.value, onChangeText = rawprops.onChangeText, disabled = rawprops.disabled, edited = rawprops.edited, onFocus = rawprops.onFocus, onBlur = rawprops.onBlur, variants = rawprops.variants, label = rawprops.label, leftIcon = rawprops.leftIcon, rightIcon = rawprops.rightIcon, styles = rawprops.styles, validate = rawprops.validate, password = rawprops.password, visibilityToggle = rawprops.visibilityToggle, touchableWrapper = rawprops.touchableWrapper, innerWrapperProps = rawprops.innerWrapperProps, debugName = rawprops.debugName, props = __rest(rawprops, ["onChange", "type", "value", "onChangeText", "disabled", "edited", "onFocus", "onBlur", "variants", "label", "leftIcon", "rightIcon", "styles", "validate", "password", "visibilityToggle", "touchableWrapper", "innerWrapperProps", "debugName"]);
|
|
57
|
-
var
|
|
58
|
-
var
|
|
56
|
+
var _c = (0, react_1.useState)(false), isFocused = _c[0], setFocus = _c[1];
|
|
57
|
+
var _d = (0, react_1.useState)(edited), editedState = _d[0], setEdited = _d[1];
|
|
59
58
|
var input = (0, react_1.useRef)(null);
|
|
60
|
-
var
|
|
59
|
+
var _e = (0, common_1.useBooleanToggle)(false), textIsVisible = _e[0], setTextVisible = _e[1];
|
|
61
60
|
var variantStyles = (0, common_1.useDefaultComponentStyle)('TextInput', {
|
|
62
61
|
variants: variants,
|
|
63
62
|
styles: styles,
|
|
@@ -88,9 +87,10 @@ exports.TextInput = (0, react_1.forwardRef)(function (rawprops, inputRef) {
|
|
|
88
87
|
var _a, _b;
|
|
89
88
|
(_b = (_a = input.current) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
90
89
|
}, isTextInput: true })); });
|
|
91
|
-
var
|
|
90
|
+
var _f = (0, common_1.useValidate)(value, validate), showError = _f.showError, error = _f.error;
|
|
92
91
|
var leftIconStyle = __assign(__assign(__assign(__assign(__assign(__assign({}, variantStyles.icon), (isFocused ? variantStyles['icon:focus'] : {})), (showError ? variantStyles['icon:error'] : {})), variantStyles.leftIcon), (isFocused ? variantStyles['leftIcon:focus'] : {})), (showError ? variantStyles['leftIcon:error'] : {}));
|
|
93
92
|
var rightIconStyle = __assign(__assign(__assign(__assign(__assign(__assign({}, variantStyles.icon), (isFocused ? variantStyles['icon:focus'] : {})), (showError ? variantStyles['icon:error'] : {})), variantStyles.rightIcon), (isFocused ? variantStyles['rightIcon:focus'] : {})), (showError ? variantStyles['rightIcon:error'] : {}));
|
|
93
|
+
var buttonIconWrapperStyle = __assign(__assign(__assign({}, variantStyles.buttonIconWrapper), (isFocused ? variantStyles['buttonIconWrapper:focus'] : {})), (showError ? variantStyles['buttonIconWrapper:error'] : {}));
|
|
94
94
|
function getStyles(key) {
|
|
95
95
|
var requestedStyles = [
|
|
96
96
|
variantStyles[key],
|
|
@@ -110,13 +110,13 @@ exports.TextInput = (0, react_1.forwardRef)(function (rawprops, inputRef) {
|
|
|
110
110
|
}
|
|
111
111
|
return (<Touchable_1.Touchable style={getStyles('wrapper')} debugName={debugName} onPress={handlePress} {...innerWrapperProps}>
|
|
112
112
|
<exports.InputLabel label={label} style={getStyles('label')}/>
|
|
113
|
-
<View_1.View style={getStyles('innerWrapper')}>
|
|
114
|
-
<exports.InputIcon {...leftIcon} style={leftIconStyle}/>
|
|
115
|
-
<InputElement ref={input} secureTextEntry={password && !textIsVisible} onChange={handleChange} value={value} editable={disabled} onFocus={handleFocus} onBlur={handleBlur} placeholderTextColor={(_a = react_native_1.StyleSheet.flatten(getStyles('placeholder'))) === null || _a === void 0 ? void 0 : _a.color} {...props} style={getStyles('textField')}/>
|
|
113
|
+
<View_1.View style={getStyles('innerWrapper')} {...innerWrapperProps}>
|
|
114
|
+
<exports.InputIcon {...leftIcon} style={leftIconStyle} wrapperStyle={buttonIconWrapperStyle}/>
|
|
115
|
+
<InputElement ref={input} secureTextEntry={password && !textIsVisible} onChange={handleChange} value={value} editable={disabled} onFocus={handleFocus} onBlur={handleBlur} placeholderTextColor={(_a = react_native_1.StyleSheet.flatten(getStyles('placeholder'))) === null || _a === void 0 ? void 0 : _a.color} selectionColor={(_b = react_native_1.StyleSheet.flatten(getStyles('selection'))) === null || _b === void 0 ? void 0 : _b.color} {...props} style={getStyles('textField')}/>
|
|
116
116
|
{visibilityToggle ?
|
|
117
|
-
<exports.InputIcon name={(textIsVisible ? 'input-visiblity:visible' : 'input-visiblity:hidden')} action={function () { return setTextVisible(); }} style={rightIconStyle}/>
|
|
117
|
+
<exports.InputIcon name={(textIsVisible ? 'input-visiblity:visible' : 'input-visiblity:hidden')} action={function () { return setTextVisible(); }} style={rightIconStyle} wrapperStyle={buttonIconWrapperStyle}/>
|
|
118
118
|
:
|
|
119
|
-
<exports.InputIcon {...rightIcon} style={rightIconStyle}/>}
|
|
119
|
+
<exports.InputIcon {...rightIcon} style={rightIconStyle} wrapperStyle={buttonIconWrapperStyle}/>}
|
|
120
120
|
</View_1.View>
|
|
121
121
|
<exports.FormError message={error.message} style={getStyles('error')}/>
|
|
122
122
|
</Touchable_1.Touchable>);
|
|
@@ -130,13 +130,13 @@ var FormError = function (_a) {
|
|
|
130
130
|
};
|
|
131
131
|
exports.FormError = FormError;
|
|
132
132
|
var InputIcon = function (_a) {
|
|
133
|
-
var name = _a.name, style = _a.style, action = _a.action;
|
|
133
|
+
var name = _a.name, style = _a.style, action = _a.action, _b = _a.wrapperStyle, wrapperStyle = _b === void 0 ? {} : _b;
|
|
134
134
|
if (!name)
|
|
135
135
|
return null;
|
|
136
136
|
if (action) {
|
|
137
|
-
return <
|
|
138
|
-
|
|
139
|
-
|
|
137
|
+
return <Touchable_1.Touchable debugName={"".concat(name, " icon button")} onPress={function () { return action(); }} style={wrapperStyle}>
|
|
138
|
+
<Icon_1.Icon name={name} style={style}/>
|
|
139
|
+
</Touchable_1.Touchable>;
|
|
140
140
|
}
|
|
141
141
|
return <Icon_1.Icon name={name} style={style}/>;
|
|
142
142
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../src/components/TextInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CASyB;AACzB,+BAAmG;AACnG,+BAA6B;AAC7B,+BAAwC;
|
|
1
|
+
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../src/components/TextInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,4 +11,4 @@ export declare type TouchableProps = Omit<ComponentPropsWithoutRef<typeof Native
|
|
|
11
11
|
onPress?: AnyFunction;
|
|
12
12
|
} & BaseViewProps;
|
|
13
13
|
export declare const Touchable: React.FC<TouchableProps>;
|
|
14
|
-
export declare const AnimatedTouchable:
|
|
14
|
+
export declare const AnimatedTouchable: React.FC<TouchableProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Touchable.js","sourceRoot":"","sources":["../../src/components/Touchable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4D;AAC5D,2CAOyB;AACzB,6CAAkE;AAElE,mEAAmE;AAatD,QAAA,SAAS,GAA6B,IAAA,kBAAU,EAG3D,UAAC,cAAc,EAAE,GAAG;IAElB,IAAA,KAOE,cAAc,SAPH,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,QAAQ,GAMN,cAAc,SANR,EACR,OAAO,GAKL,cAAc,QALT,EACP,KAAK,GAIH,cAAc,MAJX,EACL,SAAS,GAGP,cAAc,UAHP,EACT,cAAc,GAEZ,cAAc,eAFF,EACX,KAAK,UACN,cAAc,EARZ,2EAQL,CADS,CACQ;IAElB,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,MAAM,EAAE;QACrD,QAAQ,UAAA;KACT,CAAC,CAAA;IAEM,IAAA,MAAM,GAAK,IAAA,2BAAkB,GAAE,OAAzB,CAAyB;IACvC,IAAM,KAAK,GAAG;QACZ,IAAI,CAAC,OAAO,EAAE;YAAE,MAAM,EAAE,OAAO,EAAE,gCAAgC,EAAE,cAAc,gBAAA,EAAE,CAAA;SAAE;QACrF,MAAM,CAAC,GAAG,CACR,WAAI,cAAc,IAAI,WAAW,gBAAa,EAC9C,EAAE,SAAS,WAAA,EAAE,KAAK,OAAA,EAAE,QAAQ,UAAA,EAAE,EAC9B,kBAAkB,CACnB,CAAA;QACD,OAAO,IAAI,OAAO,EAAE,CAAA;IACtB,CAAC,CAAA;IAED,IAAM,MAAM,GAAG,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IAE7C,OAAO,CACL,CAAC,+BAAe,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAClE;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,+BAAe,CAAC,CACnB,CAAA;AACH,CAAC,CAAC,CAAA;AAEW,QAAA,iBAAiB,GAAG,IAAA,mDAAyB,EAAC,iBAAS,
|
|
1
|
+
{"version":3,"file":"Touchable.js","sourceRoot":"","sources":["../../src/components/Touchable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4D;AAC5D,2CAOyB;AACzB,6CAAkE;AAElE,mEAAmE;AAatD,QAAA,SAAS,GAA6B,IAAA,kBAAU,EAG3D,UAAC,cAAc,EAAE,GAAG;IAElB,IAAA,KAOE,cAAc,SAPH,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,QAAQ,GAMN,cAAc,SANR,EACR,OAAO,GAKL,cAAc,QALT,EACP,KAAK,GAIH,cAAc,MAJX,EACL,SAAS,GAGP,cAAc,UAHP,EACT,cAAc,GAEZ,cAAc,eAFF,EACX,KAAK,UACN,cAAc,EARZ,2EAQL,CADS,CACQ;IAElB,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,MAAM,EAAE;QACrD,QAAQ,UAAA;KACT,CAAC,CAAA;IAEM,IAAA,MAAM,GAAK,IAAA,2BAAkB,GAAE,OAAzB,CAAyB;IACvC,IAAM,KAAK,GAAG;QACZ,IAAI,CAAC,OAAO,EAAE;YAAE,MAAM,EAAE,OAAO,EAAE,gCAAgC,EAAE,cAAc,gBAAA,EAAE,CAAA;SAAE;QACrF,MAAM,CAAC,GAAG,CACR,WAAI,cAAc,IAAI,WAAW,gBAAa,EAC9C,EAAE,SAAS,WAAA,EAAE,KAAK,OAAA,EAAE,QAAQ,UAAA,EAAE,EAC9B,kBAAkB,CACnB,CAAA;QACD,OAAO,IAAI,OAAO,EAAE,CAAA;IACtB,CAAC,CAAA;IAED,IAAM,MAAM,GAAG,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IAE7C,OAAO,CACL,CAAC,+BAAe,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAClE;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,+BAAe,CAAC,CACnB,CAAA;AACH,CAAC,CAAC,CAAA;AAEW,QAAA,iBAAiB,GAAG,IAAA,mDAAyB,EAAC,iBAAS,CAAgC,CAAA"}
|
|
@@ -17,6 +17,7 @@ export declare const AnimatedView: React.ForwardRefExoticComponent<{
|
|
|
17
17
|
block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
18
18
|
flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
19
19
|
absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
20
|
+
relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
20
21
|
sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
21
22
|
row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
22
23
|
center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
@@ -38,8 +39,10 @@ export declare const AnimatedView: React.ForwardRefExoticComponent<{
|
|
|
38
39
|
alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
39
40
|
alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
40
41
|
alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
42
|
+
alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
41
43
|
alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
42
44
|
alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
45
|
+
alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
43
46
|
alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
44
47
|
justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
45
48
|
justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
@@ -66,6 +69,7 @@ export declare const AnimatedView: React.ForwardRefExoticComponent<{
|
|
|
66
69
|
block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
67
70
|
flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
68
71
|
absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
72
|
+
relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
69
73
|
sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
70
74
|
row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
71
75
|
center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
@@ -87,8 +91,10 @@ export declare const AnimatedView: React.ForwardRefExoticComponent<{
|
|
|
87
91
|
alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
88
92
|
alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
89
93
|
alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
94
|
+
alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
90
95
|
alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
91
96
|
alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
97
|
+
alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
92
98
|
alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
93
99
|
justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
94
100
|
justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codeleap/mobile",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.8.2",
|
|
4
4
|
"main": "src/index.ts",
|
|
5
5
|
"repository": "https://github.com/codeleap-uk/internal-libs-monorepo/tree/master/packages/mobile",
|
|
6
6
|
"author": "Paulo Henrique De Souza <paulosouza300272@gmail.com>",
|
|
@@ -13,8 +13,7 @@
|
|
|
13
13
|
},
|
|
14
14
|
"scripts": {
|
|
15
15
|
"build": "tsc --build",
|
|
16
|
-
"lint": "eslint -c .eslintrc.js --fix \"./src/**/*.{ts,tsx,js,jsx}\""
|
|
17
|
-
"publish": "npm publish"
|
|
16
|
+
"lint": "eslint -c .eslintrc.js --fix \"./src/**/*.{ts,tsx,js,jsx}\""
|
|
18
17
|
},
|
|
19
18
|
"peerDependencies": {
|
|
20
19
|
"@codeleap/common": "*",
|
|
@@ -25,16 +24,15 @@
|
|
|
25
24
|
"@react-navigation/stack": "^6.1.1",
|
|
26
25
|
"react": "*",
|
|
27
26
|
"react-native": "*",
|
|
27
|
+
"react-native-animatable": "^1.3.3",
|
|
28
28
|
"react-native-fast-image": "^8.5.11",
|
|
29
29
|
"react-native-gesture-handler": "^2.2.0",
|
|
30
|
-
"react-native-image-crop-picker": "*"
|
|
30
|
+
"react-native-image-crop-picker": "*",
|
|
31
|
+
"react-native-keyboard-aware-scroll-view": "^0.9.5"
|
|
31
32
|
},
|
|
32
33
|
"dependencies": {
|
|
33
34
|
"@miblanchard/react-native-slider": "^2.1.0",
|
|
34
|
-
"lottie-ios": "3.2.3",
|
|
35
|
-
"lottie-react-native": "^5.0.1",
|
|
36
35
|
"react-native-animatable": "^1.3.3",
|
|
37
|
-
"react-native-keyboard-aware-scroll-view": "^0.9.5",
|
|
38
36
|
"react-native-pose": "^0.9.1"
|
|
39
37
|
}
|
|
40
|
-
}
|
|
38
|
+
}
|
package/src/components/List.tsx
CHANGED
|
@@ -8,13 +8,16 @@ import {
|
|
|
8
8
|
useCodeleapContext,
|
|
9
9
|
} from '@codeleap/common'
|
|
10
10
|
import {
|
|
11
|
-
|
|
11
|
+
|
|
12
12
|
KeyboardAwareFlatList as KBDView,
|
|
13
|
+
// @ts-ignore
|
|
13
14
|
} from 'react-native-keyboard-aware-scroll-view'
|
|
15
|
+
|
|
14
16
|
import { RefreshControl, FlatList } from 'react-native'
|
|
15
17
|
import { View, ViewProps } from './View'
|
|
16
18
|
|
|
17
|
-
|
|
19
|
+
type RNFlatListProps<T = any> = FlatList<T>['props']
|
|
20
|
+
export type FlatListProps<T = any> = RNFlatListProps<T> &
|
|
18
21
|
ViewProps & {
|
|
19
22
|
onRefresh?: () => void
|
|
20
23
|
refreshTimeout?: number
|
|
@@ -31,7 +34,7 @@ const KeyboardAwareFlatList =
|
|
|
31
34
|
}
|
|
32
35
|
>
|
|
33
36
|
|
|
34
|
-
|
|
37
|
+
const ListCP = forwardRef<FlatList, FlatListProps>(
|
|
35
38
|
(flatListProps, ref) => {
|
|
36
39
|
const {
|
|
37
40
|
variants = [],
|
|
@@ -102,3 +105,5 @@ export const List = forwardRef<FlatList, FlatListProps>(
|
|
|
102
105
|
)
|
|
103
106
|
},
|
|
104
107
|
)
|
|
108
|
+
|
|
109
|
+
export const List = ListCP as (<T = any>(props: FlatListProps<T>) => JSX.Element)
|
|
@@ -7,6 +7,7 @@ import {
|
|
|
7
7
|
} from '@codeleap/common'
|
|
8
8
|
import React, {
|
|
9
9
|
forwardRef,
|
|
10
|
+
ReactNode,
|
|
10
11
|
useImperativeHandle,
|
|
11
12
|
useMemo,
|
|
12
13
|
useRef,
|
|
@@ -28,6 +29,7 @@ export type PagerProps = {
|
|
|
28
29
|
page?: number
|
|
29
30
|
loop?: boolean
|
|
30
31
|
debug?: boolean
|
|
32
|
+
children?: ReactNode
|
|
31
33
|
onPageChange?: (page: number) => void
|
|
32
34
|
}
|
|
33
35
|
|
|
@@ -7,9 +7,11 @@ import {
|
|
|
7
7
|
usePrevious,
|
|
8
8
|
useCodeleapContext,
|
|
9
9
|
} from '@codeleap/common'
|
|
10
|
+
|
|
10
11
|
import {
|
|
11
12
|
KeyboardAwareScrollViewProps,
|
|
12
13
|
KeyboardAwareScrollView as KBDView,
|
|
14
|
+
// @ts-ignore
|
|
13
15
|
} from 'react-native-keyboard-aware-scroll-view'
|
|
14
16
|
import { RefreshControl, ScrollView, ScrollViewProps, ViewStyle } from 'react-native'
|
|
15
17
|
import { ViewProps } from './View'
|
|
@@ -10,6 +10,7 @@ import {
|
|
|
10
10
|
import {
|
|
11
11
|
KeyboardAwareSectionListProps,
|
|
12
12
|
KeyboardAwareSectionList as KBDView,
|
|
13
|
+
// @ts-ignore
|
|
13
14
|
} from 'react-native-keyboard-aware-scroll-view'
|
|
14
15
|
import { RefreshControl, SectionList } from 'react-native'
|
|
15
16
|
import { View, ViewProps } from './View'
|
|
@@ -3,7 +3,6 @@ import React, { useMemo } from 'react'
|
|
|
3
3
|
import { Modal, StyleSheet } from 'react-native'
|
|
4
4
|
import { Button } from '../Button'
|
|
5
5
|
import { Scroll } from '../Scroll'
|
|
6
|
-
|
|
7
6
|
import { InputLabel, TextInput } from '../TextInput'
|
|
8
7
|
import { Touchable } from '../Touchable'
|
|
9
8
|
import { AnimatedView, View } from '../View'
|
|
@@ -31,10 +30,17 @@ export const Select = <T extends string|number = string>(selectProps:CustomSelec
|
|
|
31
30
|
header,
|
|
32
31
|
closeButtonProps,
|
|
33
32
|
modalLabel,
|
|
33
|
+
textInputProps = {},
|
|
34
|
+
visible = null,
|
|
35
|
+
toggle = null,
|
|
36
|
+
renderList,
|
|
34
37
|
...props
|
|
35
38
|
} = selectProps
|
|
36
39
|
|
|
37
|
-
const [
|
|
40
|
+
const [_isModalVisible, _setModalVisibility] = useBooleanToggle(false)
|
|
41
|
+
|
|
42
|
+
const isModalVisible = visible ?? _isModalVisible
|
|
43
|
+
const setModalVisibility = toggle ?? _setModalVisibility
|
|
38
44
|
|
|
39
45
|
const variantStyles = useDefaultComponentStyle<'u:MobileSelect', typeof MobileSelectStyles>('u:MobileSelect', {
|
|
40
46
|
transform: StyleSheet.flatten,
|
|
@@ -91,7 +97,7 @@ export const Select = <T extends string|number = string>(selectProps:CustomSelec
|
|
|
91
97
|
debugName={'Select input'}
|
|
92
98
|
styles={inputStyles}
|
|
93
99
|
style={style}
|
|
94
|
-
{...
|
|
100
|
+
{...textInputProps}
|
|
95
101
|
/>
|
|
96
102
|
<AnimatedView pointerEvents={'none'} transition='opacity' style={[
|
|
97
103
|
{
|
|
@@ -148,7 +154,11 @@ export const Select = <T extends string|number = string>(selectProps:CustomSelec
|
|
|
148
154
|
}
|
|
149
155
|
<ListComponent style={variantStyles.modalList}>
|
|
150
156
|
{
|
|
151
|
-
|
|
157
|
+
renderList ? renderList({
|
|
158
|
+
...selectProps,
|
|
159
|
+
isEmpty: !options.length,
|
|
160
|
+
|
|
161
|
+
}) : options.map((item, idx) => {
|
|
152
162
|
const isSelected = value === item.value
|
|
153
163
|
if (renderItem) {
|
|
154
164
|
return renderItem({
|
|
@@ -36,6 +36,10 @@ export type CustomSelectProps<T> = {
|
|
|
36
36
|
modalCloseIconName?: IconPlaceholder
|
|
37
37
|
showClose?: boolean
|
|
38
38
|
modalLabel?: string
|
|
39
|
+
textInputProps?: Partial<TextInputProps>
|
|
39
40
|
closeButtonProps?: Partial<ButtonProps>
|
|
41
|
+
toggle: (isOpen?: boolean) => void
|
|
42
|
+
visible: boolean
|
|
43
|
+
renderList?: (props:CustomSelectProps<T> & {isEmpty: boolean}) => JSX.Element
|
|
40
44
|
} & ComponentVariants<typeof MobileSelectStyles> & TextInputProps
|
|
41
45
|
|
|
@@ -127,6 +127,11 @@ export const TextInput = forwardRef<NativeTextInput, TextInputProps>((rawprops,
|
|
|
127
127
|
...(showError ? variantStyles['rightIcon:error'] : {}),
|
|
128
128
|
}
|
|
129
129
|
|
|
130
|
+
const buttonIconWrapperStyle = {
|
|
131
|
+
...variantStyles.buttonIconWrapper,
|
|
132
|
+
...(isFocused ? variantStyles['buttonIconWrapper:focus'] : {}),
|
|
133
|
+
...(showError ? variantStyles['buttonIconWrapper:error'] : {}),
|
|
134
|
+
}
|
|
130
135
|
function getStyles(key: TextInputComposition) {
|
|
131
136
|
const requestedStyles = [
|
|
132
137
|
variantStyles[key],
|
|
@@ -152,8 +157,8 @@ export const TextInput = forwardRef<NativeTextInput, TextInputProps>((rawprops,
|
|
|
152
157
|
{...innerWrapperProps}
|
|
153
158
|
>
|
|
154
159
|
<InputLabel label={label} style={getStyles('label')} />
|
|
155
|
-
<View style={getStyles('innerWrapper')}>
|
|
156
|
-
<InputIcon {...leftIcon} style={leftIconStyle} />
|
|
160
|
+
<View style={getStyles('innerWrapper')} {...innerWrapperProps}>
|
|
161
|
+
<InputIcon {...leftIcon} style={leftIconStyle} wrapperStyle={buttonIconWrapperStyle} />
|
|
157
162
|
<InputElement
|
|
158
163
|
ref={input}
|
|
159
164
|
secureTextEntry={password && !textIsVisible}
|
|
@@ -163,6 +168,7 @@ export const TextInput = forwardRef<NativeTextInput, TextInputProps>((rawprops,
|
|
|
163
168
|
onFocus={handleFocus}
|
|
164
169
|
onBlur={handleBlur}
|
|
165
170
|
placeholderTextColor={StyleSheet.flatten(getStyles('placeholder'))?.color}
|
|
171
|
+
selectionColor={StyleSheet.flatten(getStyles('selection'))?.color}
|
|
166
172
|
{...props}
|
|
167
173
|
style={getStyles('textField')}
|
|
168
174
|
/>
|
|
@@ -170,9 +176,9 @@ export const TextInput = forwardRef<NativeTextInput, TextInputProps>((rawprops,
|
|
|
170
176
|
visibilityToggle ?
|
|
171
177
|
<InputIcon name={
|
|
172
178
|
(textIsVisible ? 'input-visiblity:visible' : 'input-visiblity:hidden') as IconPlaceholder
|
|
173
|
-
} action={() => setTextVisible()} style={rightIconStyle} />
|
|
179
|
+
} action={() => setTextVisible()} style={rightIconStyle} wrapperStyle={buttonIconWrapperStyle}/>
|
|
174
180
|
:
|
|
175
|
-
<InputIcon {...rightIcon} style={rightIconStyle} />
|
|
181
|
+
<InputIcon {...rightIcon} style={rightIconStyle} wrapperStyle={buttonIconWrapperStyle} />
|
|
176
182
|
}
|
|
177
183
|
</View>
|
|
178
184
|
<FormError message={error.message} style={getStyles('error')} />
|
|
@@ -187,12 +193,12 @@ export const FormError = ({ message, ...props }) => {
|
|
|
187
193
|
return message
|
|
188
194
|
}
|
|
189
195
|
|
|
190
|
-
export const InputIcon: React.FC<{ style: any } & IconProp> = ({ name, style, action }) => {
|
|
196
|
+
export const InputIcon: React.FC<{ style: any; wrapperStyle: any } & IconProp> = ({ name, style, action, wrapperStyle = {}}) => {
|
|
191
197
|
if (!name) return null
|
|
192
198
|
if (action) {
|
|
193
|
-
return <
|
|
194
|
-
|
|
195
|
-
|
|
199
|
+
return <Touchable debugName={`${name} icon button`} onPress={() => action()} style={wrapperStyle} >
|
|
200
|
+
<Icon name={name} style={style}/>
|
|
201
|
+
</Touchable>
|
|
196
202
|
}
|
|
197
203
|
return <Icon name={name} style={style} />
|
|
198
204
|
}
|
package/.eslintignore
DELETED
package/.eslintrc.js
DELETED
package/.vscode/settings.json
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"eslint.alwaysShowStatus": true,
|
|
3
|
-
"editor.codeActionsOnSave": {
|
|
4
|
-
"source.fixAll.eslint": true
|
|
5
|
-
},
|
|
6
|
-
"editor.defaultFormatter": "dbaeumer.vscode-eslint",
|
|
7
|
-
"eslint.format.enable": true,
|
|
8
|
-
"[html]": {
|
|
9
|
-
"editor.defaultFormatter": "dbaeumer.vscode-eslint"
|
|
10
|
-
},
|
|
11
|
-
}
|