@codeleap/mobile 1.5.2 → 1.8.0
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/Checkbox/index.d.ts +1 -1
- package/dist/components/Icon.js3278065646 +71 -0
- package/dist/components/Image.js +3 -1
- package/dist/components/Image.js.map +1 -1
- package/dist/components/List.d.ts +5 -4
- package/dist/components/List.js +6 -4
- package/dist/components/List.js.map +1 -1
- package/dist/components/Modal/index.d.ts +1 -0
- package/dist/components/Modal/index.js +2 -2
- package/dist/components/Modal/index.js.map +1 -1
- package/dist/components/Navigation/Navigation.d.ts +0 -1
- package/dist/components/Pager/index.d.ts +2 -1
- package/dist/components/Pager/index.js.map +1 -1
- package/dist/components/Scroll.d.ts +2 -1
- package/dist/components/Scroll.js +5 -4
- package/dist/components/Scroll.js.map +1 -1
- package/dist/components/Sections.d.ts +1 -1
- package/dist/components/Sections.js.map +1 -1
- package/dist/components/Select/index.d.ts +0 -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/Slider/Thumb.d.ts +0 -1
- package/dist/components/TextInput.d.ts +3 -0
- package/dist/components/TextInput.js +23 -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/package.json +4 -5
- package/src/components/Image.tsx +2 -0
- package/src/components/List.tsx +13 -4
- package/src/components/Modal/index.tsx +3 -0
- package/src/components/Pager/index.tsx +2 -0
- package/src/components/Scroll.tsx +8 -2
- package/src/components/Sections.tsx +1 -0
- package/src/components/Select/index.tsx +15 -4
- package/src/components/Select/types.ts +4 -0
- package/src/components/TextInput.tsx +28 -16
- package/src/components/Touchable.tsx +1 -1
- package/.eslintignore +0 -2
- package/.eslintrc.js +0 -3
- package/.vscode/settings.json +0 -11
|
@@ -11,4 +11,4 @@ declare type CheckboxProps = NativeCheckboxProps & {
|
|
|
11
11
|
styles?: StylesOf<CheckboxComposition>;
|
|
12
12
|
validate?: Form.ValidatorFunctionWithoutForm | string;
|
|
13
13
|
};
|
|
14
|
-
export declare const Checkbox: React.ForwardRefExoticComponent<Pick<CheckboxProps, "children" | "hitSlop" | "onLayout" | "pointerEvents" | "removeClippedSubviews" | "style" | "testID" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "label" | "variants" | "key" | "disabled" | "styles" | "onChange" | "value" | "validate" | "onValueChange" | "ios_backgroundColor" | "onTintColor" | "thumbTintColor"
|
|
14
|
+
export declare const Checkbox: React.ForwardRefExoticComponent<Pick<CheckboxProps, "children" | "hitSlop" | "onLayout" | "pointerEvents" | "removeClippedSubviews" | "style" | "testID" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "label" | "variants" | "key" | "disabled" | "styles" | "tintColor" | "onChange" | "value" | "validate" | "onValueChange" | "ios_backgroundColor" | "onTintColor" | "thumbTintColor"> & React.RefAttributes<NativeCheckbox>>;
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
26
|
+
var t = {};
|
|
27
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
28
|
+
t[p] = s[p];
|
|
29
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
30
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
31
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
32
|
+
t[p[i]] = s[p[i]];
|
|
33
|
+
}
|
|
34
|
+
return t;
|
|
35
|
+
};
|
|
36
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
+
exports.Icon = exports.IconComponent = void 0;
|
|
38
|
+
var React = __importStar(require("react"));
|
|
39
|
+
var common_1 = require("@codeleap/common");
|
|
40
|
+
var react_native_1 = require("react-native");
|
|
41
|
+
var View_1 = require("./View");
|
|
42
|
+
var IconComponent = function (_a) {
|
|
43
|
+
var _b;
|
|
44
|
+
var name = _a.name, style = _a.style, variants = _a.variants, renderEmptySpace = _a.renderEmptySpace, otherProps = __rest(_a, ["name", "style", "variants", "renderEmptySpace"]);
|
|
45
|
+
var _c = (0, common_1.useCodeleapContext)(), Theme = _c.Theme, logger = _c.logger;
|
|
46
|
+
var variantStyles = (0, common_1.useDefaultComponentStyle)('Icon', {
|
|
47
|
+
variants: variants,
|
|
48
|
+
transform: react_native_1.StyleSheet.flatten,
|
|
49
|
+
styles: {
|
|
50
|
+
icon: style,
|
|
51
|
+
},
|
|
52
|
+
rootElement: 'icon',
|
|
53
|
+
});
|
|
54
|
+
if (!name) {
|
|
55
|
+
return renderEmptySpace ? <View_1.View style={variantStyles.icon}/> : null;
|
|
56
|
+
}
|
|
57
|
+
var Component = (_b = Theme === null || Theme === void 0 ? void 0 : Theme.icons) === null || _b === void 0 ? void 0 : _b[name];
|
|
58
|
+
if (!Component) {
|
|
59
|
+
logger.warn("Icon: No icon found in theme for name \"".concat(name, "\"."), { props: { style: style, name: name, variants: variants, variantStyles: variantStyles } }, 'Component');
|
|
60
|
+
return null;
|
|
61
|
+
}
|
|
62
|
+
return <Component {...otherProps} style={variantStyles.icon}/>;
|
|
63
|
+
};
|
|
64
|
+
exports.IconComponent = IconComponent;
|
|
65
|
+
function areEqual(prevProps, nextProps) {
|
|
66
|
+
var check = ['name', 'style', 'variants', 'renderEmptySpace'];
|
|
67
|
+
var res = (0, common_1.arePropsEqual)(prevProps, nextProps, { check: check });
|
|
68
|
+
return res;
|
|
69
|
+
}
|
|
70
|
+
exports.Icon = React.memo(exports.IconComponent, areEqual);
|
|
71
|
+
//# sourceMappingURL=Icon.js.map
|
package/dist/components/Image.js
CHANGED
|
@@ -44,7 +44,9 @@ var ImageComponent = function (props) {
|
|
|
44
44
|
var variantStyles = (0, common_1.useDefaultComponentStyle)('Image', { variants: variants });
|
|
45
45
|
var styles = [variantStyles.wrapper, style];
|
|
46
46
|
if (fast) {
|
|
47
|
-
return (<fastImage_1.FastImage style={styles}
|
|
47
|
+
return (<fastImage_1.FastImage style={styles}
|
|
48
|
+
// @ts-ignore
|
|
49
|
+
tintColor={style === null || style === void 0 ? void 0 : style.tintColor} resizeMode={fastImage_1.FastImage.resizeMode[resizeMode || 'contain']} {...imageProps}/>);
|
|
48
50
|
}
|
|
49
51
|
return <react_native_1.Image style={styles} resizeMode={resizeMode} {...imageProps}/>;
|
|
50
52
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../src/components/Image.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CAMyB;AAEzB,6CAMqB;AACrB,kDAAgD;AAgBzC,IAAM,cAAc,GAAyB,UAAC,KAAK;IAChD,IAAA,QAAQ,GAAgE,KAAK,SAArE,EAAE,KAAK,GAAyD,KAAK,MAA9D,EAAE,KAAuD,KAAK,KAAjD,EAAX,IAAI,mBAAG,IAAI,KAAA,EAAE,KAA0C,KAAK,WAAzB,EAAtB,UAAU,mBAAG,SAAS,KAAA,EAAK,UAAU,UAAK,KAAK,EAA/E,2CAAuE,CAAF,CAAU;IAErF,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,OAAO,EAAE,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAA;IAErE,IAAM,MAAM,GAAG,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IAE7C,IAAI,IAAI,EAAE;QACR,OAAO,CACL,CAAC,qBAAS,CACR,KAAK,CAAC,CAAC,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../src/components/Image.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CAMyB;AAEzB,6CAMqB;AACrB,kDAAgD;AAgBzC,IAAM,cAAc,GAAyB,UAAC,KAAK;IAChD,IAAA,QAAQ,GAAgE,KAAK,SAArE,EAAE,KAAK,GAAyD,KAAK,MAA9D,EAAE,KAAuD,KAAK,KAAjD,EAAX,IAAI,mBAAG,IAAI,KAAA,EAAE,KAA0C,KAAK,WAAzB,EAAtB,UAAU,mBAAG,SAAS,KAAA,EAAK,UAAU,UAAK,KAAK,EAA/E,2CAAuE,CAAF,CAAU;IAErF,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,OAAO,EAAE,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAA;IAErE,IAAM,MAAM,GAAG,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IAE7C,IAAI,IAAI,EAAE;QACR,OAAO,CACL,CAAC,qBAAS,CACR,KAAK,CAAC,CAAC,MAAM,CAAC;QACd,aAAa;QACb,SAAS,CAAC,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,CAAC,CAC5B,UAAU,CAAC,CAAC,qBAAS,CAAC,UAAU,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC,CAC1D,IAAI,UAAU,CAAC,EACf,CACH,CAAA;KACF;IACD,OAAO,CAAC,oBAAW,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC,UAAU,CAAC,CAAC,IAAK,UAAkB,CAAC,EAAG,CAAA;AACxF,CAAC,CAAA;AAnBY,QAAA,cAAc,kBAmB1B;AAED,SAAS,QAAQ,CAAC,SAAS,EAAE,SAAS;IACpC,IAAM,KAAK,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,CAAC,CAAA;IACnE,IAAM,GAAG,GAAG,IAAA,sBAAa,EAAC,SAAS,EAAE,SAAS,EAAE,EAAE,KAAK,OAAA,EAAE,CAAC,CAAA;IAC1D,OAAO,GAAG,CAAA;AACZ,CAAC;AAEY,QAAA,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,sBAAc,EAAE,QAAQ,CAAC,CAAA"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { KeyboardAwareFlatListProps } from 'react-native-keyboard-aware-scroll-view';
|
|
3
1
|
import { FlatList } from 'react-native';
|
|
4
2
|
import { ViewProps } from './View';
|
|
5
|
-
|
|
3
|
+
declare type RNFlatListProps<T = any> = FlatList<T>['props'];
|
|
4
|
+
export declare type FlatListProps<T = any> = RNFlatListProps<T> & ViewProps & {
|
|
6
5
|
onRefresh?: () => void;
|
|
7
6
|
refreshTimeout?: number;
|
|
8
7
|
changeData?: any;
|
|
9
8
|
separators?: boolean;
|
|
9
|
+
keyboardAware?: boolean;
|
|
10
10
|
};
|
|
11
|
-
export declare const List:
|
|
11
|
+
export declare const List: <T = any>(props: FlatListProps<T>) => JSX.Element;
|
|
12
|
+
export {};
|
package/dist/components/List.js
CHANGED
|
@@ -42,10 +42,10 @@ var react_native_keyboard_aware_scroll_view_1 = require("react-native-keyboard-a
|
|
|
42
42
|
var react_native_1 = require("react-native");
|
|
43
43
|
var View_1 = require("./View");
|
|
44
44
|
var KeyboardAwareFlatList = react_native_keyboard_aware_scroll_view_1.KeyboardAwareFlatList;
|
|
45
|
-
|
|
46
|
-
var _a = flatListProps.variants, variants = _a === void 0 ? [] : _a, style = flatListProps.style, _b = flatListProps.refreshTimeout, refreshTimeout = _b === void 0 ? 3000 : _b, changeData = flatListProps.changeData, props = __rest(flatListProps, ["variants", "style", "refreshTimeout", "changeData"]);
|
|
45
|
+
var ListCP = (0, react_1.forwardRef)(function (flatListProps, ref) {
|
|
46
|
+
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"]);
|
|
47
47
|
var hasRefresh = !!props.onRefresh;
|
|
48
|
-
var
|
|
48
|
+
var _d = (0, react_1.useState)(false), refreshing = _d[0], setRefreshing = _d[1];
|
|
49
49
|
var timer = React.useRef(null);
|
|
50
50
|
var previousData = (0, common_1.usePrevious)(changeData);
|
|
51
51
|
var onRefresh = function () {
|
|
@@ -76,6 +76,8 @@ exports.List = (0, react_1.forwardRef)(function (flatListProps, ref) {
|
|
|
76
76
|
var separatorProp = props.separators;
|
|
77
77
|
var isEmpty = !props.data || !props.data.length;
|
|
78
78
|
var separator = !isEmpty && separatorProp == true && renderSeparator;
|
|
79
|
-
|
|
79
|
+
var Component = keyboardAware ? KeyboardAwareFlatList : react_native_1.FlatList;
|
|
80
|
+
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}/>)}/>);
|
|
80
81
|
});
|
|
82
|
+
exports.List = ListCP;
|
|
81
83
|
//# 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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"}
|
|
@@ -60,7 +60,7 @@ var Text_1 = require("../Text");
|
|
|
60
60
|
var Animated_1 = require("../Animated");
|
|
61
61
|
__exportStar(require("./styles"), exports);
|
|
62
62
|
var Modal = function (modalProps) {
|
|
63
|
-
var _a = modalProps.variants, variants = _a === void 0 ? [] : _a, _b = modalProps.styles, styles = _b === void 0 ? {} : _b, visible = modalProps.visible, showClose = modalProps.showClose, _c = modalProps.closable, closable = _c === void 0 ? true : _c, title = modalProps.title, footer = modalProps.footer, children = modalProps.children, _d = modalProps.toggle, toggle = _d === void 0 ? function () { return null; } : _d, _e = modalProps.dismissOnBackdrop, dismissOnBackdrop = _e === void 0 ? true : _e, _f = modalProps.closeIconName, closeIconName = _f === void 0 ? 'close' : _f, debugName = modalProps.debugName, _g = modalProps.scroll, scroll = _g === void 0 ? true : _g, props = __rest(modalProps, ["variants", "styles", "visible", "showClose", "closable", "title", "footer", "children", "toggle", "dismissOnBackdrop", "closeIconName", "debugName", "scroll"]);
|
|
63
|
+
var _a = modalProps.variants, variants = _a === void 0 ? [] : _a, _b = modalProps.styles, styles = _b === void 0 ? {} : _b, visible = modalProps.visible, showClose = modalProps.showClose, _c = modalProps.closable, closable = _c === void 0 ? true : _c, title = modalProps.title, footer = modalProps.footer, children = modalProps.children, _d = modalProps.toggle, toggle = _d === void 0 ? function () { return null; } : _d, _e = modalProps.dismissOnBackdrop, dismissOnBackdrop = _e === void 0 ? true : _e, _f = modalProps.closeIconName, closeIconName = _f === void 0 ? 'close' : _f, debugName = modalProps.debugName, _g = modalProps.scroll, scroll = _g === void 0 ? true : _g, _h = modalProps.keyboardAware, keyboardAware = _h === void 0 ? true : _h, props = __rest(modalProps, ["variants", "styles", "visible", "showClose", "closable", "title", "footer", "children", "toggle", "dismissOnBackdrop", "closeIconName", "debugName", "scroll", "keyboardAware"]);
|
|
64
64
|
var variantStyles = (0, common_1.useDefaultComponentStyle)('Modal', {
|
|
65
65
|
variants: variants,
|
|
66
66
|
transform: react_native_1.StyleSheet.flatten,
|
|
@@ -91,7 +91,7 @@ var Modal = function (modalProps) {
|
|
|
91
91
|
};
|
|
92
92
|
return (<View_1.View style={getStyles('wrapper')} pointerEvents={visible ? 'auto' : 'none'}>
|
|
93
93
|
<View_1.AnimatedView style={getStyles('overlay')} transition={'opacity'}/>
|
|
94
|
-
<Scroll_1.Scroll style={getStyles('innerWrapper')} contentContainerStyle={getStyles('innerWrapperScroll')} scrollEnabled={scroll}>
|
|
94
|
+
<Scroll_1.Scroll style={getStyles('innerWrapper')} contentContainerStyle={getStyles('innerWrapperScroll')} scrollEnabled={scroll} keyboardAware={keyboardAware}>
|
|
95
95
|
{dismissOnBackdrop && (<Touchable_1.Touchable debugName={"".concat(debugName, " modal backdrop")} activeOpacity={1} onPress={function () { return toggle(); }} style={getStyles('touchableBackdrop')}/>)}
|
|
96
96
|
<Animated_1.Animated component='View' config={boxAnimation} pose={visible ? 'visible' : 'hidden'} style={getStyles('box')}>
|
|
97
97
|
{(title || showClose) && (<View_1.View style={getStyles('header')}>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,gCAAuD;AACvD,oCAA+C;AAC/C,oCAAkC;AAClC,2CAOyB;AAMzB,6CAAyC;AAGzC,0CAAwC;AACxC,gCAA8B;AAC9B,wCAAsC;AAEtC,2CAAwB;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,gCAAuD;AACvD,oCAA+C;AAC/C,oCAAkC;AAClC,2CAOyB;AAMzB,6CAAyC;AAGzC,0CAAwC;AACxC,gCAA8B;AAC9B,wCAAsC;AAEtC,2CAAwB;AAoBjB,IAAM,KAAK,GAAyB,UAAC,UAAU;IAElD,IAAA,KAeE,UAAU,SAfC,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAcE,UAAU,OAdD,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,OAAO,GAaL,UAAU,QAbL,EACP,SAAS,GAYP,UAAU,UAZH,EACT,KAWE,UAAU,SAXG,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,KAAK,GAUH,UAAU,MAVP,EACL,MAAM,GASJ,UAAU,OATN,EACN,QAAQ,GAQN,UAAU,SARJ,EACR,KAOE,UAAU,OAPO,EAAnB,MAAM,mBAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,KAAA,EACnB,KAME,UAAU,kBANY,EAAxB,iBAAiB,mBAAG,IAAI,KAAA,EACxB,KAKE,UAAU,cALW,EAAvB,aAAa,mBAAG,OAAO,KAAA,EACvB,SAAS,GAIP,UAAU,UAJH,EACT,KAGE,UAAU,OAHC,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,KAEE,UAAU,cAFQ,EAApB,aAAa,mBAAG,IAAI,KAAA,EACjB,KAAK,UACN,UAAU,EAhBR,iLAgBL,CADS,CACI;IAEd,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,OAAO,EAAE;QACtD,QAAQ,EAAE,QAAe;QACzB,SAAS,EAAE,yBAAU,CAAC,OAAO;QAC7B,MAAM,QAAA;KACP,CAAyB,CAAA;IAE1B,SAAS,SAAS,CAAC,GAAqB;QACtC,IAAM,CAAC,GAAG;YACR,aAAa,CAAC,GAAG,CAAC;YAClB,MAAM,CAAC,GAAG,CAAC;YACX,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE;YAC9C,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE;SACxC,CAAA;QAED,OAAO,CAAC,CAAA;IACV,CAAC;IAED,IAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC;QACjC,IAAM,aAAa,GAAG,EAAE,CAAA;QAExB,KAA2B,UAA6B,EAA7B,KAAA,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,EAA7B,cAA6B,EAA7B,IAA6B,EAAE;YAA/C,IAAA,WAAY,EAAX,GAAG,QAAA,EAAE,KAAK,QAAA;YACpB,IAAI,GAAG,CAAC,UAAU,CAAC,aAAa,CAAC,EAAE;gBACjC,aAAa,CAAC,IAAA,mBAAU,EAAC,GAAG,CAAC,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,KAAK,CAAA;aACxE;SACF;QACD,OAAO,aAAa,CAAA;IACtB,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,IAAM,YAAY,GAAG;QACnB,MAAM,wBACD,aAAa,CAAC,UAAU,CAAC,GACzB,MAAM,CAAC,UAAU,CAAC,CACtB;QACD,OAAO,wBACF,aAAa,CAAC,kBAAkB,CAAC,GACjC,MAAM,CAAC,kBAAkB,CAAC,CAC9B;KACF,CAAA;IAED,OAAO,CACL,CAAC,WAAI,CACH,KAAK,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAC5B,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAEzC;MAAA,CAAC,mBAAY,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,EACjE;MAAA,CAAC,eAAM,CACL,KAAK,CAAC,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CACjC,qBAAqB,CAAC,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC,CACvD,aAAa,CAAC,CAAC,MAAM,CAAC,CACtB,aAAa,CAAC,CAAC,aAAa,CAAC,CAE7B;QAAA,CAAC,iBAAiB,IAAI,CACpB,CAAC,qBAAS,CACR,SAAS,CAAC,CAAC,UAAG,SAAS,oBAAiB,CAAC,CACzC,aAAa,CAAC,CAAC,CAAC,CAAC,CACjB,OAAO,CAAC,CAAC,cAAM,OAAA,MAAM,EAAE,EAAR,CAAQ,CAAC,CACxB,KAAK,CAAC,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC,EACtC,CACH,CACD;QAAA,CAAC,mBAAQ,CACP,SAAS,CAAC,MAAM,CAChB,MAAM,CAAC,CAAC,YAAY,CAAC,CACrB,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CACrC,KAAK,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAExB;UAAA,CAAC,CAAC,KAAK,IAAI,SAAS,CAAC,IAAI,CACvB,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAC/B;cAAA,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC3B,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,EAAG,CACjD,CAAC,CAAC,CAAC,CACF,KAAK,CACN,CAED;;cAAA,CAAC,SAAS,IAAI,QAAQ,IAAI,CACxB,CAAC,eAAM,CACL,SAAS,CAAC,CAAC,UAAG,SAAS,wBAAqB,CAAC,CAC7C,IAAI,CAAC,CAAC,aAAgC,CAAC,CACvC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CACnB,OAAO,CAAC,CAAC,MAAM,CAAC,CAChB,MAAM,CAAC,CAAC,YAAY,CAAC,EACrB,CACH,CACH;YAAA,EAAE,WAAI,CAAC,CACR,CAED;;UAAA,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,WAAI,CAChD;UAAA,CAAC,MAAM,IAAI,CACT,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAC/B;cAAA,CAAC,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,EAAG,CAAC,CAAC,CAAC,MAAM,CAC/D;YAAA,EAAE,WAAI,CAAC,CACR,CACH;QAAA,EAAE,mBAAQ,CACZ;MAAA,EAAE,eAAM,CACV;IAAA,EAAE,WAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AAlHY,QAAA,KAAK,SAkHjB;AAED,kBAAe,aAAK,CAAA"}
|
|
@@ -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 type ScrollProps = KeyboardAwareScrollViewProps & ViewProps & {
|
|
|
6
6
|
onRefresh?: () => void;
|
|
7
7
|
refreshTimeout?: number;
|
|
8
8
|
changeData?: any;
|
|
9
|
+
keyboardAware?: boolean;
|
|
9
10
|
styles?: ViewStyle;
|
|
10
11
|
};
|
|
11
|
-
export declare const Scroll: React.ForwardRefExoticComponent<Pick<
|
|
12
|
+
export declare const Scroll: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<ScrollView>>;
|
|
@@ -42,9 +42,9 @@ var react_native_keyboard_aware_scroll_view_1 = require("react-native-keyboard-a
|
|
|
42
42
|
var react_native_1 = require("react-native");
|
|
43
43
|
var KeyboardAwareScrollView = react_native_keyboard_aware_scroll_view_1.KeyboardAwareScrollView;
|
|
44
44
|
exports.Scroll = (0, react_1.forwardRef)(function (scrollProps, ref) {
|
|
45
|
-
var _a = scrollProps.variants, variants = _a === void 0 ? [] : _a, style = scrollProps.style, _b = scrollProps.refreshTimeout, refreshTimeout = _b === void 0 ? 3000 : _b, children = scrollProps.children, changeData = scrollProps.changeData, styles = scrollProps.styles, props = __rest(scrollProps, ["variants", "style", "refreshTimeout", "children", "changeData", "styles"]);
|
|
45
|
+
var _a = scrollProps.variants, variants = _a === void 0 ? [] : _a, style = scrollProps.style, _b = scrollProps.refreshTimeout, refreshTimeout = _b === void 0 ? 3000 : _b, children = scrollProps.children, changeData = scrollProps.changeData, styles = scrollProps.styles, _c = scrollProps.keyboardAware, keyboardAware = _c === void 0 ? true : _c, props = __rest(scrollProps, ["variants", "style", "refreshTimeout", "children", "changeData", "styles", "keyboardAware"]);
|
|
46
46
|
var hasRefresh = !!props.onRefresh;
|
|
47
|
-
var
|
|
47
|
+
var _d = (0, react_1.useState)(false), refreshing = _d[0], setRefreshing = _d[1];
|
|
48
48
|
var timer = React.useRef(null);
|
|
49
49
|
var previousData = (0, common_1.usePrevious)(changeData);
|
|
50
50
|
var onRefresh = function () {
|
|
@@ -73,8 +73,9 @@ exports.Scroll = (0, react_1.forwardRef)(function (scrollProps, ref) {
|
|
|
73
73
|
},
|
|
74
74
|
rootElement: 'wrapper',
|
|
75
75
|
});
|
|
76
|
-
|
|
76
|
+
var Component = keyboardAware ? KeyboardAwareScrollView : react_native_1.ScrollView;
|
|
77
|
+
return (<Component style={[Theme.presets.full, style]} contentContainerStyle={[variantStyles.wrapper]} ref={ref} {...props} refreshControl={hasRefresh && (<react_native_1.RefreshControl refreshing={refreshing} onRefresh={onRefresh}/>)}>
|
|
77
78
|
{children}
|
|
78
|
-
</
|
|
79
|
+
</Component>);
|
|
79
80
|
});
|
|
80
81
|
//# sourceMappingURL=Scroll.js.map
|
|
@@ -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"}
|
|
@@ -8,4 +8,4 @@ export declare type SectionListProps = KeyboardAwareSectionListProps<any> & View
|
|
|
8
8
|
changeData?: any;
|
|
9
9
|
separators?: boolean;
|
|
10
10
|
};
|
|
11
|
-
export declare const Sections: React.ForwardRefExoticComponent<Pick<
|
|
11
|
+
export declare const Sections: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<SectionList<any, import("react-native").DefaultSectionT>>>;
|
|
@@ -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":"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"}
|
|
@@ -58,8 +58,10 @@ var TextInput_1 = require("../TextInput");
|
|
|
58
58
|
var Touchable_1 = require("../Touchable");
|
|
59
59
|
var View_1 = require("../View");
|
|
60
60
|
var Select = function (selectProps) {
|
|
61
|
-
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"]);
|
|
62
|
-
var
|
|
61
|
+
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"]);
|
|
62
|
+
var _m = (0, common_1.useBooleanToggle)(false), _isModalVisible = _m[0], _setModalVisibility = _m[1];
|
|
63
|
+
var isModalVisible = visible !== null && visible !== void 0 ? visible : _isModalVisible;
|
|
64
|
+
var setModalVisibility = toggle !== null && toggle !== void 0 ? toggle : _setModalVisibility;
|
|
63
65
|
var variantStyles = (0, common_1.useDefaultComponentStyle)('u:MobileSelect', {
|
|
64
66
|
transform: react_native_1.StyleSheet.flatten,
|
|
65
67
|
rootElement: 'inputWrapper',
|
|
@@ -88,7 +90,7 @@ var Select = function (selectProps) {
|
|
|
88
90
|
}} editable={false} touchableWrapper innerWrapperProps={{
|
|
89
91
|
debugName: 'Select',
|
|
90
92
|
onPress: close,
|
|
91
|
-
}} label={label} debugName={'Select input'} styles={inputStyles} style={style} {...
|
|
93
|
+
}} pointerEvents={'none'} label={label} debugName={'Select input'} styles={inputStyles} style={style} {...textInputProps}/>
|
|
92
94
|
<View_1.AnimatedView pointerEvents={'none'} transition='opacity' style={[
|
|
93
95
|
{
|
|
94
96
|
position: 'absolute',
|
|
@@ -121,7 +123,7 @@ var Select = function (selectProps) {
|
|
|
121
123
|
</>}
|
|
122
124
|
</View_1.View>)}
|
|
123
125
|
<ListComponent style={variantStyles.modalList}>
|
|
124
|
-
{options.map(function (item, idx) {
|
|
126
|
+
{renderList ? renderList(__assign(__assign({}, selectProps), { isEmpty: !options.length })) : options.map(function (item, idx) {
|
|
125
127
|
var isSelected = value === item.value;
|
|
126
128
|
if (renderItem) {
|
|
127
129
|
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;
|
|
@@ -26,6 +26,7 @@ export declare type TextInputProps = ComponentVariants<typeof TextInputStyles> &
|
|
|
26
26
|
password?: boolean;
|
|
27
27
|
visibilityToggle?: boolean;
|
|
28
28
|
touchableWrapper?: boolean;
|
|
29
|
+
onPress?: () => void;
|
|
29
30
|
innerWrapperProps?: TouchableProps | ViewProps;
|
|
30
31
|
};
|
|
31
32
|
export declare const TextInput: React.ForwardRefExoticComponent<ComponentVariants<{
|
|
@@ -152,6 +153,7 @@ export declare const TextInput: React.ForwardRefExoticComponent<ComponentVariant
|
|
|
152
153
|
password?: boolean;
|
|
153
154
|
visibilityToggle?: boolean;
|
|
154
155
|
touchableWrapper?: boolean;
|
|
156
|
+
onPress?: () => void;
|
|
155
157
|
innerWrapperProps?: TouchableProps | ViewProps;
|
|
156
158
|
} & React.RefAttributes<NativeTextInput>>;
|
|
157
159
|
export declare const FormError: ({ message, ...props }: {
|
|
@@ -160,6 +162,7 @@ export declare const FormError: ({ message, ...props }: {
|
|
|
160
162
|
}) => any;
|
|
161
163
|
export declare const InputIcon: React.FC<{
|
|
162
164
|
style: any;
|
|
165
|
+
wrapperStyle: any;
|
|
163
166
|
} & IconProp>;
|
|
164
167
|
export declare const InputLabel: ({ label, style }: {
|
|
165
168
|
label: any;
|
|
@@ -51,13 +51,12 @@ var common_1 = require("@codeleap/common");
|
|
|
51
51
|
var react_1 = require("react");
|
|
52
52
|
var Text_1 = require("./Text");
|
|
53
53
|
var View_1 = require("./View");
|
|
54
|
-
var Button_1 = require("./Button");
|
|
55
54
|
var Icon_1 = require("./Icon");
|
|
56
55
|
var react_native_1 = require("react-native");
|
|
57
56
|
var Touchable_1 = require("./Touchable");
|
|
58
57
|
exports.TextInput = (0, react_1.forwardRef)(function (rawprops, inputRef) {
|
|
59
58
|
var _a;
|
|
60
|
-
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,
|
|
59
|
+
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"]);
|
|
61
60
|
var _b = (0, react_1.useState)(false), isFocused = _b[0], setFocus = _b[1];
|
|
62
61
|
var _c = (0, react_1.useState)(edited), editedState = _c[0], setEdited = _c[1];
|
|
63
62
|
var input = (0, react_1.useRef)(null);
|
|
@@ -95,6 +94,7 @@ exports.TextInput = (0, react_1.forwardRef)(function (rawprops, inputRef) {
|
|
|
95
94
|
var _e = (0, common_1.useValidate)(value, validate), showError = _e.showError, error = _e.error;
|
|
96
95
|
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'] : {}));
|
|
97
96
|
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'] : {}));
|
|
97
|
+
var buttonIconWrapperStyle = __assign(__assign(__assign({}, variantStyles.buttonIconWrapper), (isFocused ? variantStyles['buttonIconWrapper:focus'] : {})), (showError ? variantStyles['buttonIconWrapper:error'] : {}));
|
|
98
98
|
function getStyles(key) {
|
|
99
99
|
var requestedStyles = [
|
|
100
100
|
variantStyles[key],
|
|
@@ -103,19 +103,27 @@ exports.TextInput = (0, react_1.forwardRef)(function (rawprops, inputRef) {
|
|
|
103
103
|
];
|
|
104
104
|
return requestedStyles;
|
|
105
105
|
}
|
|
106
|
-
|
|
107
|
-
|
|
106
|
+
function handlePress() {
|
|
107
|
+
var _a, _b;
|
|
108
|
+
if (props.onPress) {
|
|
109
|
+
props.onPress();
|
|
110
|
+
}
|
|
111
|
+
else {
|
|
112
|
+
(_b = (_a = input.current) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
return (<Touchable_1.Touchable style={getStyles('wrapper')} debugName={debugName} onPress={handlePress} {...innerWrapperProps}>
|
|
108
116
|
<exports.InputLabel label={label} style={getStyles('label')}/>
|
|
109
|
-
<
|
|
110
|
-
<exports.InputIcon {...leftIcon} style={leftIconStyle}/>
|
|
117
|
+
<View_1.View style={getStyles('innerWrapper')} {...innerWrapperProps}>
|
|
118
|
+
<exports.InputIcon {...leftIcon} style={leftIconStyle} wrapperStyle={buttonIconWrapperStyle}/>
|
|
111
119
|
<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')}/>
|
|
112
120
|
{visibilityToggle ?
|
|
113
|
-
<exports.InputIcon name={(textIsVisible ? 'input-visiblity:visible' : 'input-visiblity:hidden')} action={function () { return setTextVisible(); }} style={rightIconStyle}/>
|
|
121
|
+
<exports.InputIcon name={(textIsVisible ? 'input-visiblity:visible' : 'input-visiblity:hidden')} action={function () { return setTextVisible(); }} style={rightIconStyle} wrapperStyle={buttonIconWrapperStyle}/>
|
|
114
122
|
:
|
|
115
|
-
<exports.InputIcon {...rightIcon} style={rightIconStyle}/>}
|
|
116
|
-
</
|
|
117
|
-
<exports.FormError message={error.message} style={
|
|
118
|
-
</
|
|
123
|
+
<exports.InputIcon {...rightIcon} style={rightIconStyle} wrapperStyle={buttonIconWrapperStyle}/>}
|
|
124
|
+
</View_1.View>
|
|
125
|
+
<exports.FormError message={error.message} style={getStyles('error')}/>
|
|
126
|
+
</Touchable_1.Touchable>);
|
|
119
127
|
});
|
|
120
128
|
var FormError = function (_a) {
|
|
121
129
|
var message = _a.message, props = __rest(_a, ["message"]);
|
|
@@ -126,13 +134,13 @@ var FormError = function (_a) {
|
|
|
126
134
|
};
|
|
127
135
|
exports.FormError = FormError;
|
|
128
136
|
var InputIcon = function (_a) {
|
|
129
|
-
var name = _a.name, style = _a.style, action = _a.action;
|
|
137
|
+
var name = _a.name, style = _a.style, action = _a.action, _b = _a.wrapperStyle, wrapperStyle = _b === void 0 ? {} : _b;
|
|
130
138
|
if (!name)
|
|
131
139
|
return null;
|
|
132
140
|
if (action) {
|
|
133
|
-
return <
|
|
134
|
-
|
|
135
|
-
|
|
141
|
+
return <Touchable_1.Touchable debugName={"".concat(name, " icon button")} onPress={function () { return action(); }} style={wrapperStyle}>
|
|
142
|
+
<Icon_1.Icon name={name} style={style}/>
|
|
143
|
+
</Touchable_1.Touchable>;
|
|
136
144
|
}
|
|
137
145
|
return <Icon_1.Icon name={name} style={style}/>;
|
|
138
146
|
};
|
|
@@ -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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codeleap/mobile",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.8.0",
|
|
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>",
|
|
@@ -25,16 +25,15 @@
|
|
|
25
25
|
"@react-navigation/stack": "^6.1.1",
|
|
26
26
|
"react": "*",
|
|
27
27
|
"react-native": "*",
|
|
28
|
+
"react-native-animatable": "^1.3.3",
|
|
28
29
|
"react-native-fast-image": "^8.5.11",
|
|
29
30
|
"react-native-gesture-handler": "^2.2.0",
|
|
30
|
-
"react-native-image-crop-picker": "*"
|
|
31
|
+
"react-native-image-crop-picker": "*",
|
|
32
|
+
"react-native-keyboard-aware-scroll-view": "^0.9.5"
|
|
31
33
|
},
|
|
32
34
|
"dependencies": {
|
|
33
35
|
"@miblanchard/react-native-slider": "^2.1.0",
|
|
34
|
-
"lottie-ios": "3.2.3",
|
|
35
|
-
"lottie-react-native": "^5.0.1",
|
|
36
36
|
"react-native-animatable": "^1.3.3",
|
|
37
|
-
"react-native-keyboard-aware-scroll-view": "^0.9.5",
|
|
38
37
|
"react-native-pose": "^0.9.1"
|
|
39
38
|
}
|
|
40
39
|
}
|
package/src/components/Image.tsx
CHANGED
package/src/components/List.tsx
CHANGED
|
@@ -8,18 +8,22 @@ 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
|
|
21
24
|
changeData?: any
|
|
22
25
|
separators?: boolean
|
|
26
|
+
keyboardAware?: boolean
|
|
23
27
|
}
|
|
24
28
|
|
|
25
29
|
const KeyboardAwareFlatList =
|
|
@@ -30,13 +34,14 @@ const KeyboardAwareFlatList =
|
|
|
30
34
|
}
|
|
31
35
|
>
|
|
32
36
|
|
|
33
|
-
|
|
37
|
+
const ListCP = forwardRef<FlatList, FlatListProps>(
|
|
34
38
|
(flatListProps, ref) => {
|
|
35
39
|
const {
|
|
36
40
|
variants = [],
|
|
37
41
|
style,
|
|
38
42
|
refreshTimeout = 3000,
|
|
39
43
|
changeData,
|
|
44
|
+
keyboardAware = true,
|
|
40
45
|
...props
|
|
41
46
|
} = flatListProps
|
|
42
47
|
const hasRefresh = !!props.onRefresh
|
|
@@ -82,8 +87,10 @@ export const List = forwardRef<FlatList, FlatListProps>(
|
|
|
82
87
|
const isEmpty = !props.data || !props.data.length
|
|
83
88
|
const separator = !isEmpty && separatorProp == true && renderSeparator
|
|
84
89
|
|
|
90
|
+
const Component = keyboardAware ? KeyboardAwareFlatList : FlatList
|
|
91
|
+
|
|
85
92
|
return (
|
|
86
|
-
<
|
|
93
|
+
<Component
|
|
87
94
|
style={[Theme.presets.full, style]}
|
|
88
95
|
contentContainerStyle={[variantStyles.wrapper]}
|
|
89
96
|
ref={ref as unknown as FlatList}
|
|
@@ -98,3 +105,5 @@ export const List = forwardRef<FlatList, FlatListProps>(
|
|
|
98
105
|
)
|
|
99
106
|
},
|
|
100
107
|
)
|
|
108
|
+
|
|
109
|
+
export const List = ListCP as (<T = any>(props: FlatListProps<T>) => JSX.Element)
|
|
@@ -39,6 +39,7 @@ export type ModalProps = Omit<ViewProps, 'variants' | 'styles'> & {
|
|
|
39
39
|
visible: boolean
|
|
40
40
|
toggle?: () => void
|
|
41
41
|
scroll?: boolean
|
|
42
|
+
keyboardAware?: boolean
|
|
42
43
|
}
|
|
43
44
|
|
|
44
45
|
export const Modal: React.FC<ModalProps> = (modalProps) => {
|
|
@@ -56,6 +57,7 @@ export const Modal: React.FC<ModalProps> = (modalProps) => {
|
|
|
56
57
|
closeIconName = 'close',
|
|
57
58
|
debugName,
|
|
58
59
|
scroll = true,
|
|
60
|
+
keyboardAware = true,
|
|
59
61
|
...props
|
|
60
62
|
} = modalProps
|
|
61
63
|
|
|
@@ -108,6 +110,7 @@ export const Modal: React.FC<ModalProps> = (modalProps) => {
|
|
|
108
110
|
style={getStyles('innerWrapper')}
|
|
109
111
|
contentContainerStyle={getStyles('innerWrapperScroll')}
|
|
110
112
|
scrollEnabled={scroll}
|
|
113
|
+
keyboardAware={keyboardAware}
|
|
111
114
|
>
|
|
112
115
|
{dismissOnBackdrop && (
|
|
113
116
|
<Touchable
|
|
@@ -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'
|
|
@@ -19,6 +21,7 @@ export type ScrollProps = KeyboardAwareScrollViewProps &
|
|
|
19
21
|
onRefresh?: () => void
|
|
20
22
|
refreshTimeout?: number
|
|
21
23
|
changeData?: any
|
|
24
|
+
keyboardAware?: boolean
|
|
22
25
|
styles?: ViewStyle
|
|
23
26
|
}
|
|
24
27
|
|
|
@@ -40,6 +43,7 @@ export const Scroll = forwardRef<ScrollView, ScrollProps>(
|
|
|
40
43
|
children,
|
|
41
44
|
changeData,
|
|
42
45
|
styles,
|
|
46
|
+
keyboardAware = true,
|
|
43
47
|
...props
|
|
44
48
|
} = scrollProps
|
|
45
49
|
const hasRefresh = !!props.onRefresh
|
|
@@ -79,8 +83,10 @@ export const Scroll = forwardRef<ScrollView, ScrollProps>(
|
|
|
79
83
|
rootElement: 'wrapper',
|
|
80
84
|
})
|
|
81
85
|
|
|
86
|
+
const Component = keyboardAware ? KeyboardAwareScrollView : ScrollView
|
|
87
|
+
|
|
82
88
|
return (
|
|
83
|
-
<
|
|
89
|
+
<Component
|
|
84
90
|
style={[Theme.presets.full, style]}
|
|
85
91
|
contentContainerStyle={[variantStyles.wrapper]}
|
|
86
92
|
ref={ref as unknown as ScrollView}
|
|
@@ -92,7 +98,7 @@ export const Scroll = forwardRef<ScrollView, ScrollProps>(
|
|
|
92
98
|
}
|
|
93
99
|
>
|
|
94
100
|
{children}
|
|
95
|
-
</
|
|
101
|
+
</Component>
|
|
96
102
|
)
|
|
97
103
|
},
|
|
98
104
|
)
|
|
@@ -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,
|
|
@@ -86,11 +92,12 @@ export const Select = <T extends string|number = string>(selectProps:CustomSelec
|
|
|
86
92
|
debugName: 'Select',
|
|
87
93
|
onPress: close,
|
|
88
94
|
}}
|
|
95
|
+
pointerEvents={'none'}
|
|
89
96
|
label={label}
|
|
90
97
|
debugName={'Select input'}
|
|
91
98
|
styles={inputStyles}
|
|
92
99
|
style={style}
|
|
93
|
-
{...
|
|
100
|
+
{...textInputProps}
|
|
94
101
|
/>
|
|
95
102
|
<AnimatedView pointerEvents={'none'} transition='opacity' style={[
|
|
96
103
|
{
|
|
@@ -147,7 +154,11 @@ export const Select = <T extends string|number = string>(selectProps:CustomSelec
|
|
|
147
154
|
}
|
|
148
155
|
<ListComponent style={variantStyles.modalList}>
|
|
149
156
|
{
|
|
150
|
-
|
|
157
|
+
renderList ? renderList({
|
|
158
|
+
...selectProps,
|
|
159
|
+
isEmpty: !options.length,
|
|
160
|
+
|
|
161
|
+
}) : options.map((item, idx) => {
|
|
151
162
|
const isSelected = value === item.value
|
|
152
163
|
if (renderItem) {
|
|
153
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
|
|
|
@@ -41,6 +41,7 @@ export type TextInputProps =
|
|
|
41
41
|
password?: boolean
|
|
42
42
|
visibilityToggle?: boolean
|
|
43
43
|
touchableWrapper?: boolean
|
|
44
|
+
onPress?: () => void
|
|
44
45
|
innerWrapperProps?: TouchableProps | ViewProps
|
|
45
46
|
}
|
|
46
47
|
|
|
@@ -54,7 +55,6 @@ export const TextInput = forwardRef<NativeTextInput, TextInputProps>((rawprops,
|
|
|
54
55
|
edited,
|
|
55
56
|
onFocus,
|
|
56
57
|
onBlur,
|
|
57
|
-
multiline,
|
|
58
58
|
variants,
|
|
59
59
|
label,
|
|
60
60
|
leftIcon,
|
|
@@ -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],
|
|
@@ -136,15 +141,24 @@ export const TextInput = forwardRef<NativeTextInput, TextInputProps>((rawprops,
|
|
|
136
141
|
return requestedStyles
|
|
137
142
|
}
|
|
138
143
|
|
|
139
|
-
|
|
144
|
+
function handlePress() {
|
|
145
|
+
if (props.onPress) {
|
|
146
|
+
props.onPress()
|
|
147
|
+
} else {
|
|
148
|
+
input.current?.focus?.()
|
|
149
|
+
}
|
|
150
|
+
}
|
|
140
151
|
|
|
141
152
|
return (
|
|
142
|
-
<
|
|
153
|
+
<Touchable
|
|
143
154
|
style={getStyles('wrapper')}
|
|
155
|
+
debugName={debugName}
|
|
156
|
+
onPress={handlePress}
|
|
157
|
+
{...innerWrapperProps}
|
|
144
158
|
>
|
|
145
159
|
<InputLabel label={label} style={getStyles('label')} />
|
|
146
|
-
<
|
|
147
|
-
<InputIcon {...leftIcon} style={leftIconStyle} />
|
|
160
|
+
<View style={getStyles('innerWrapper')} {...innerWrapperProps}>
|
|
161
|
+
<InputIcon {...leftIcon} style={leftIconStyle} wrapperStyle={buttonIconWrapperStyle} />
|
|
148
162
|
<InputElement
|
|
149
163
|
ref={input}
|
|
150
164
|
secureTextEntry={password && !textIsVisible}
|
|
@@ -161,15 +175,13 @@ export const TextInput = forwardRef<NativeTextInput, TextInputProps>((rawprops,
|
|
|
161
175
|
visibilityToggle ?
|
|
162
176
|
<InputIcon name={
|
|
163
177
|
(textIsVisible ? 'input-visiblity:visible' : 'input-visiblity:hidden') as IconPlaceholder
|
|
164
|
-
} action={() => setTextVisible()} style={rightIconStyle} />
|
|
178
|
+
} action={() => setTextVisible()} style={rightIconStyle} wrapperStyle={buttonIconWrapperStyle}/>
|
|
165
179
|
:
|
|
166
|
-
<InputIcon {...rightIcon} style={rightIconStyle} />
|
|
180
|
+
<InputIcon {...rightIcon} style={rightIconStyle} wrapperStyle={buttonIconWrapperStyle} />
|
|
167
181
|
}
|
|
168
|
-
</
|
|
169
|
-
<FormError message={error.message} style={
|
|
170
|
-
|
|
171
|
-
}} />
|
|
172
|
-
</View>
|
|
182
|
+
</View>
|
|
183
|
+
<FormError message={error.message} style={getStyles('error')} />
|
|
184
|
+
</Touchable>
|
|
173
185
|
)
|
|
174
186
|
})
|
|
175
187
|
|
|
@@ -180,12 +192,12 @@ export const FormError = ({ message, ...props }) => {
|
|
|
180
192
|
return message
|
|
181
193
|
}
|
|
182
194
|
|
|
183
|
-
export const InputIcon: React.FC<{ style: any } & IconProp> = ({ name, style, action }) => {
|
|
195
|
+
export const InputIcon: React.FC<{ style: any; wrapperStyle: any } & IconProp> = ({ name, style, action, wrapperStyle = {}}) => {
|
|
184
196
|
if (!name) return null
|
|
185
197
|
if (action) {
|
|
186
|
-
return <
|
|
187
|
-
|
|
188
|
-
|
|
198
|
+
return <Touchable debugName={`${name} icon button`} onPress={() => action()} style={wrapperStyle} >
|
|
199
|
+
<Icon name={name} style={style}/>
|
|
200
|
+
</Touchable>
|
|
189
201
|
}
|
|
190
202
|
return <Icon name={name} style={style} />
|
|
191
203
|
}
|
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
|
-
}
|