@codeleap/mobile 2.3.21 → 2.3.23
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/index.d.ts +1 -1
- package/dist/components/Touchable/index.d.ts +1 -0
- package/dist/components/Touchable/index.js +9 -2
- package/dist/components/Touchable/index.js.map +1 -1
- package/dist/modules/rnDeviceInfo.d.ts +2 -0
- package/dist/modules/rnDeviceInfo.js +10 -0
- package/dist/modules/rnDeviceInfo.js.map +1 -0
- package/dist/utils/theme.d.ts +2 -2
- package/dist/utils/theme.js +3 -6
- package/dist/utils/theme.js.map +1 -1
- package/package.json +3 -3
- package/src/components/Touchable/index.tsx +15 -1
- package/src/modules/rnDeviceInfo.ts +6 -0
- package/src/utils/theme.ts +1 -1
|
@@ -133,7 +133,7 @@ export declare const Badge: React.ForwardRefExoticComponent<Pick<BadgeProps, "te
|
|
|
133
133
|
debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
134
134
|
debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"wrapper", any>>;
|
|
135
135
|
}>> | "keyboardAware" | "position" | "textProps"> & React.RefAttributes<unknown>>;
|
|
136
|
-
export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "onPress" | "style" | "disabled" | "key" | "children" | "text" | "removeClippedSubviews" | "hitSlop" | "onLayout" | "pointerEvents" | "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" | "icon" | "styles" | "onPressIn" | "onPressOut" | "onLongPress" | "onBlur" | "onFocus" | "cancelable" | "delayLongPress" | "pressRetentionOffset" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "component" | "debugName" | "activeOpacity" | "debugComponent" | "noFeedback" | "debounce" | keyof import("@codeleap/common").BaseViewProps | "rightIcon" | keyof ComponentVariants<{
|
|
136
|
+
export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "onPress" | "style" | "disabled" | "key" | "children" | "text" | "removeClippedSubviews" | "hitSlop" | "onLayout" | "pointerEvents" | "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" | "icon" | "styles" | "onPressIn" | "onPressOut" | "onLongPress" | "onBlur" | "onFocus" | "cancelable" | "delayLongPress" | "pressRetentionOffset" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "component" | "debugName" | "activeOpacity" | "debugComponent" | "noFeedback" | "debounce" | "leadingDebounce" | keyof import("@codeleap/common").BaseViewProps | "rightIcon" | keyof ComponentVariants<{
|
|
137
137
|
default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;
|
|
138
138
|
negative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;
|
|
139
139
|
circle: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => import("./styles").ButtonStylesGen<any>;
|
|
@@ -14,6 +14,7 @@ export declare type TouchableProps = Omit<ComponentPropsWithoutRef<typeof Pressa
|
|
|
14
14
|
onPress?: AnyFunction;
|
|
15
15
|
noFeedback?: boolean;
|
|
16
16
|
debounce?: number;
|
|
17
|
+
leadingDebounce?: boolean;
|
|
17
18
|
styles?: StylesOf<TouchableComposition>;
|
|
18
19
|
} & BaseViewProps;
|
|
19
20
|
export * from './styles';
|
|
@@ -47,8 +47,15 @@ var View_1 = require("../View");
|
|
|
47
47
|
var utils_1 = require("../../utils");
|
|
48
48
|
__exportStar(require("./styles"), exports);
|
|
49
49
|
exports.Touchable = (0, react_1.forwardRef)(function (touchableProps, ref) {
|
|
50
|
-
var _a = touchableProps.variants, variants = _a === void 0 ? [] : _a, children = touchableProps.children, onPress = touchableProps.onPress, style = touchableProps.style, debugName = touchableProps.debugName, debugComponent = touchableProps.debugComponent, _b = touchableProps.debounce, debounce = _b === void 0 ? 500 : _b, _c = touchableProps.noFeedback, noFeedback = _c === void 0 ? false : _c, styles = touchableProps.styles, props = __rest(touchableProps, ["variants", "children", "onPress", "style", "debugName", "debugComponent", "debounce", "noFeedback", "styles"]);
|
|
51
|
-
var pressed = React.useRef(
|
|
50
|
+
var _a = touchableProps.variants, variants = _a === void 0 ? [] : _a, children = touchableProps.children, onPress = touchableProps.onPress, style = touchableProps.style, debugName = touchableProps.debugName, debugComponent = touchableProps.debugComponent, _b = touchableProps.debounce, debounce = _b === void 0 ? 500 : _b, leadingDebounce = touchableProps.leadingDebounce, _c = touchableProps.noFeedback, noFeedback = _c === void 0 ? false : _c, styles = touchableProps.styles, props = __rest(touchableProps, ["variants", "children", "onPress", "style", "debugName", "debugComponent", "debounce", "leadingDebounce", "noFeedback", "styles"]);
|
|
51
|
+
var pressed = React.useRef(!!leadingDebounce);
|
|
52
|
+
(0, common_1.onMount)(function () {
|
|
53
|
+
if (!!leadingDebounce && !!debounce) {
|
|
54
|
+
setTimeout(function () {
|
|
55
|
+
pressed.current = false;
|
|
56
|
+
}, debounce);
|
|
57
|
+
}
|
|
58
|
+
});
|
|
52
59
|
var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Touchable', {
|
|
53
60
|
variants: variants,
|
|
54
61
|
transform: react_native_1.StyleSheet.flatten,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Touchable/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4D;AAC5D,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Touchable/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.DeviceInfo = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
|
+
var react_native_device_info_1 = __importDefault(require("react-native-device-info"));
|
|
9
|
+
exports.DeviceInfo = react_native_device_info_1.default;
|
|
10
|
+
//# sourceMappingURL=rnDeviceInfo.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"rnDeviceInfo.js","sourceRoot":"","sources":["../../src/modules/rnDeviceInfo.ts"],"names":[],"mappings":";;;;;;AAAA,aAAa;AACb,sFAAiD;AAG7C,qBAHG,kCAAU,CAGH"}
|
package/dist/utils/theme.d.ts
CHANGED
|
@@ -4,8 +4,8 @@ declare type AppValues = {
|
|
|
4
4
|
};
|
|
5
5
|
export declare function getMobileThemeValues(initialWindowMetrics: any, values: AppValues): {
|
|
6
6
|
pixel: number;
|
|
7
|
-
hasNotch:
|
|
8
|
-
hasIsland:
|
|
7
|
+
hasNotch: any;
|
|
8
|
+
hasIsland: any;
|
|
9
9
|
prefersConstantNavigationBar: boolean;
|
|
10
10
|
safeAreaTop: number;
|
|
11
11
|
safeAreaBottom: number;
|
package/dist/utils/theme.js
CHANGED
|
@@ -10,18 +10,15 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
-
};
|
|
16
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
14
|
exports.getMobileThemeValues = void 0;
|
|
18
15
|
var react_native_1 = require("react-native");
|
|
19
|
-
var
|
|
16
|
+
var rnDeviceInfo_1 = require("../modules/rnDeviceInfo");
|
|
20
17
|
function getMobileThemeValues(initialWindowMetrics, values) {
|
|
21
18
|
var _a;
|
|
22
19
|
var screenDimensions = react_native_1.Dimensions.get('screen');
|
|
23
|
-
var hasNotch =
|
|
24
|
-
var hasIsland =
|
|
20
|
+
var hasNotch = rnDeviceInfo_1.DeviceInfo.hasNotch();
|
|
21
|
+
var hasIsland = rnDeviceInfo_1.DeviceInfo.hasDynamicIsland();
|
|
25
22
|
var bottomNavHeight = react_native_1.Platform.OS === 'android' ? (_a = initialWindowMetrics === null || initialWindowMetrics === void 0 ? void 0 : initialWindowMetrics.insets) === null || _a === void 0 ? void 0 : _a.bottom : 0;
|
|
26
23
|
var prefersConstantNavigationBar = bottomNavHeight > 0;
|
|
27
24
|
var safeAreaTop = react_native_1.Platform.OS === 'ios' ? (hasNotch ? 34 + (hasIsland ? 12 : 0) : 20) : react_native_1.StatusBar.currentHeight;
|
package/dist/utils/theme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/utils/theme.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/utils/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,6CAA0E;AAC1E,wDAAkD;AAOlD,SAAgB,oBAAoB,CAAC,oBAAoB,EAAE,MAAiB;;IAC1E,IAAM,gBAAgB,GAAG,yBAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;IAEjD,IAAM,QAAQ,GAAG,yBAAU,CAAC,QAAQ,EAAE,CAAA;IACtC,IAAM,SAAS,GAAG,yBAAU,CAAC,gBAAgB,EAAE,CAAA;IAC/C,IAAM,eAAe,GAAG,uBAAQ,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,MAAA,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,MAAM,0CAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;IAE5F,IAAM,4BAA4B,GAAG,eAAe,GAAG,CAAC,CAAA;IAExD,IAAM,WAAW,GAAG,uBAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,wBAAS,CAAC,aAAa,CAAA;IAEjH,IAAM,cAAc,GAAG,CAAC,QAAQ,IAAI,CAAC,4BAA4B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAC3E,6BACK,gBAAgB,KAEnB,KAAK,EAAE,yBAAU,CAAC,aAAa,EAC/B,QAAQ,UAAA,EACR,SAAS,WAAA,EACT,4BAA4B,8BAAA,EAC5B,WAAW,aAAA,EACX,cAAc,gBAAA,EACd,sBAAsB,EAAE,uBAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EACvD,IAAI,YAAY,KAAK,OAAO,MAAM,CAAC,YAAY,GAAG,WAAW,CAAA,CAAC,CAAC;QAC/D,IAAI,YAAY,KAAK,OAAO,MAAM,CAAC,YAAY,GAAG,CAAC,4BAA4B,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA,CAAC,CAAC,EAC5G,eAAe,iBAAA,EACf,IAAI,MAAM;YACR,OAAO;gBACL,MAAM,EAAE,gBAAgB,CAAC,MAAM,GAAG,CAAC,eAAe,GAAG,WAAW,CAAC;gBACjE,KAAK,EAAE,gBAAgB,CAAC,KAAK;aAC9B,CAAA;QACH,CAAC,EACD,WAAW,EAAE;YACX,KAAK,EAAE;gBACL,QAAQ,EAAE,GAAG;gBACb,IAAI,EAAE,QAAQ;aACf;SACF,EACD,OAAO,EAAE;YACP,KAAK,EAAE;gBACL,MAAM,EAAE,EAAE;aACX;YACD,OAAO,EAAE;gBACP,MAAM,EAAE,EAAE;aACX;YACD,KAAK,EAAE;gBACL,MAAM,EAAE,EAAE;aACX;SACF,IACF;AACH,CAAC;AAjDD,oDAiDC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codeleap/mobile",
|
|
3
|
-
"version": "2.3.
|
|
3
|
+
"version": "2.3.23",
|
|
4
4
|
"main": "src/index.ts",
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"repository": {
|
|
@@ -38,14 +38,14 @@
|
|
|
38
38
|
"react-native-image-viewing": "^0.2.2",
|
|
39
39
|
"react-native-keyboard-aware-scroll-view": "^0.9.5",
|
|
40
40
|
"react-native-text-input-mask": "3.1.4",
|
|
41
|
-
"@react-native-community/async-storage": "*"
|
|
41
|
+
"@react-native-community/async-storage": "*",
|
|
42
|
+
"react-native-device-info": "^10.3.0"
|
|
42
43
|
},
|
|
43
44
|
"dependencies": {
|
|
44
45
|
"@gorhom/portal": "^1.0.13",
|
|
45
46
|
"@miblanchard/react-native-slider": "^2.1.0",
|
|
46
47
|
"date-fns": "^2.28.0",
|
|
47
48
|
"react-native-animatable": "^1.3.3",
|
|
48
|
-
"react-native-device-info": "^10.3.0",
|
|
49
49
|
"react-native-masked-text": "^1.13.0",
|
|
50
50
|
"react-native-pose": "^0.9.1",
|
|
51
51
|
"react-native-super-grid": "^4.4.2",
|
|
@@ -8,6 +8,7 @@ import {
|
|
|
8
8
|
useCodeleapContext,
|
|
9
9
|
AnyFunction,
|
|
10
10
|
TypeGuards,
|
|
11
|
+
onMount,
|
|
11
12
|
} from '@codeleap/common'
|
|
12
13
|
import { Pressable, StyleSheet, View as RNView } from 'react-native'
|
|
13
14
|
|
|
@@ -29,6 +30,7 @@ export type TouchableProps = Omit<
|
|
|
29
30
|
onPress?: AnyFunction
|
|
30
31
|
noFeedback?: boolean
|
|
31
32
|
debounce?: number
|
|
33
|
+
leadingDebounce?: boolean
|
|
32
34
|
styles?: StylesOf<TouchableComposition>
|
|
33
35
|
} & BaseViewProps
|
|
34
36
|
export * from './styles'
|
|
@@ -45,11 +47,23 @@ export const Touchable: React.FC<TouchableProps> = forwardRef<
|
|
|
45
47
|
debugName,
|
|
46
48
|
debugComponent,
|
|
47
49
|
debounce = 500,
|
|
50
|
+
leadingDebounce,
|
|
48
51
|
noFeedback = false,
|
|
49
52
|
styles,
|
|
50
53
|
...props
|
|
51
54
|
} = touchableProps
|
|
52
|
-
|
|
55
|
+
|
|
56
|
+
|
|
57
|
+
const pressed = React.useRef(!!leadingDebounce)
|
|
58
|
+
|
|
59
|
+
onMount(() => {
|
|
60
|
+
if(!!leadingDebounce && !!debounce){
|
|
61
|
+
setTimeout(() => {
|
|
62
|
+
pressed.current = false
|
|
63
|
+
}, debounce)
|
|
64
|
+
}
|
|
65
|
+
})
|
|
66
|
+
|
|
53
67
|
const variantStyles = useDefaultComponentStyle<'u:Touchable', typeof TouchableStyles>('u:Touchable', {
|
|
54
68
|
variants,
|
|
55
69
|
transform: StyleSheet.flatten,
|
package/src/utils/theme.ts
CHANGED