@codeleap/mobile 1.9.28 → 1.9.29
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/Backdrop.d.ts +66 -0
- package/dist/components/Backdrop.js +70 -0
- package/dist/components/Backdrop.js.map +1 -0
- package/dist/components/Button.d.ts +3 -3
- package/dist/components/Button.js.map +1 -1
- package/dist/components/FileInput.js +0 -2
- package/dist/components/FileInput.js.map +1 -1
- package/dist/components/Image.js +2 -2
- package/dist/components/Image.js.map +1 -1
- package/dist/components/List.d.ts +23 -4
- package/dist/components/List.js +17 -1
- package/dist/components/List.js.map +1 -1
- package/dist/components/Modal/index.d.ts +1 -1
- package/dist/components/Modal/index.js +26 -27
- package/dist/components/Modal/index.js.map +1 -1
- package/dist/components/Modal/styles.d.ts +3 -9
- package/dist/components/Modal/styles.js +26 -17
- package/dist/components/Modal/styles.js.map +1 -1
- package/dist/components/NewModal/index.d.ts +27 -0
- package/dist/components/NewModal/index.js +99 -0
- package/dist/components/NewModal/index.js.map +1 -0
- package/dist/components/NewModal/styles.d.ts +57 -0
- package/dist/components/NewModal/styles.js +58 -0
- package/dist/components/NewModal/styles.js.map +1 -0
- package/dist/components/Overlay.js +13 -9
- package/dist/components/Overlay.js.map +1 -1
- package/dist/components/Scroll.d.ts +4 -2
- package/dist/components/Scroll.js.map +1 -1
- package/dist/components/SegmentedControl/index.d.ts +42 -0
- package/dist/components/SegmentedControl/index.js +137 -0
- package/dist/components/SegmentedControl/index.js.map +1 -0
- package/dist/components/SegmentedControl/styles.d.ts +54 -0
- package/dist/components/SegmentedControl/styles.js +36 -0
- package/dist/components/SegmentedControl/styles.js.map +1 -0
- package/dist/components/SegmentedControl.d.ts +5 -0
- package/dist/components/SegmentedControl.js +32 -0
- package/dist/components/SegmentedControl.js.map +1 -0
- package/dist/components/Select/index.js +1 -1
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/Text.d.ts +8 -3
- package/dist/components/Text.js +12 -5
- package/dist/components/Text.js.map +1 -1
- package/dist/components/TextInput.d.ts +4 -2
- package/dist/components/TextInput.js +2 -2
- package/dist/components/TextInput.js.map +1 -1
- package/dist/components/Touchable.d.ts +5 -3
- package/dist/components/Touchable.js +26 -19
- package/dist/components/Touchable.js.map +1 -1
- package/dist/components/View.js +1 -1
- package/dist/components/View.js.map +1 -1
- package/dist/components/_Modal/index.d.ts +27 -0
- package/dist/components/_Modal/index.js +114 -0
- package/dist/components/_Modal/index.js.map +1 -0
- package/dist/components/_Modal/styles.d.ts +64 -0
- package/dist/components/_Modal/styles.js +60 -0
- package/dist/components/_Modal/styles.js.map +1 -0
- package/dist/components/components.d.ts +2 -0
- package/dist/components/components.js +2 -0
- package/dist/components/components.js.map +1 -1
- package/dist/index.d.ts +3 -0
- package/dist/index.js +16 -1
- package/dist/index.js.map +1 -1
- package/dist/utils/ModalManager/components.d.ts +5 -5
- package/dist/utils/ModalManager/components.js +16 -9
- package/dist/utils/ModalManager/components.js.map +1 -1
- package/dist/utils/ModalManager/context.d.ts +8 -3
- package/dist/utils/ModalManager/context.js +47 -23
- package/dist/utils/ModalManager/context.js.map +1 -1
- package/dist/utils/ModalManager/index.d.ts +3 -7
- package/dist/utils/ModalManager/index.js +1 -1
- package/dist/utils/ModalManager/index.js.map +1 -1
- package/dist/utils/PermissionManager/components.d.ts +18 -0
- package/dist/utils/PermissionManager/components.js +52 -0
- package/dist/utils/PermissionManager/components.js.map +1 -0
- package/dist/utils/PermissionManager/context.d.ts +52 -0
- package/dist/utils/PermissionManager/context.js +325 -0
- package/dist/utils/PermissionManager/context.js.map +1 -0
- package/dist/utils/PermissionManager/index.d.ts +4 -0
- package/dist/utils/PermissionManager/index.js +9 -0
- package/dist/utils/PermissionManager/index.js.map +1 -0
- package/dist/utils/PermissionManager/types.d.ts +13 -0
- package/dist/utils/PermissionManager/types.js +3 -0
- package/dist/utils/PermissionManager/types.js.map +1 -0
- package/dist/utils/hooks.d.ts +6 -0
- package/dist/utils/hooks.js +62 -0
- package/dist/utils/hooks.js.map +1 -0
- package/package.json +1 -1
- package/src/components/Backdrop.tsx +77 -0
- package/src/components/Button.tsx +3 -2
- package/src/components/FileInput.tsx +2 -2
- package/src/components/Image.tsx +3 -2
- package/src/components/List.tsx +44 -5
- package/src/components/Modal/index.tsx +38 -49
- package/src/components/Modal/styles.ts +35 -31
- package/src/components/Overlay.tsx +22 -13
- package/src/components/Scroll.tsx +3 -1
- package/src/components/SegmentedControl/index.tsx +182 -0
- package/src/components/SegmentedControl/styles.ts +65 -0
- package/src/components/Select/index.tsx +1 -2
- package/src/components/Text.tsx +23 -10
- package/src/components/TextInput.tsx +4 -2
- package/src/components/Touchable.tsx +31 -20
- package/src/components/View.tsx +1 -1
- package/src/components/_Modal/index.tsx +162 -0
- package/src/components/_Modal/styles.ts +125 -0
- package/src/components/components.ts +3 -0
- package/src/index.ts +6 -0
- package/src/modules/imageCropPicker.d.ts +497 -0
- package/src/modules/index.d.ts +186 -0
- package/src/utils/ModalManager/components.tsx +20 -9
- package/src/utils/ModalManager/context.tsx +69 -30
- package/src/utils/ModalManager/index.ts +6 -2
- package/src/utils/PermissionManager/context.tsx +299 -0
- package/src/utils/PermissionManager/index.ts +20 -0
- package/src/utils/PermissionManager/types.ts +24 -0
- package/src/utils/hooks.ts +65 -0
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ComponentVariants, PropsOf } from '@codeleap/common';
|
|
3
|
+
import { Touchable } from './Touchable';
|
|
4
|
+
import { View } from './View';
|
|
5
|
+
import { StylesOf } from '../types/utility';
|
|
6
|
+
declare type BackdropComposition = 'wrapper' | 'touchable' | 'wrapper:visible' | 'wrapper:hidden';
|
|
7
|
+
export declare const BackdropStyles: {
|
|
8
|
+
default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
9
|
+
block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
10
|
+
flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
11
|
+
absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
12
|
+
relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
13
|
+
fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
14
|
+
sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
15
|
+
row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
16
|
+
center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
17
|
+
column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
18
|
+
wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
19
|
+
inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
20
|
+
inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
21
|
+
hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
22
|
+
full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
23
|
+
noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
24
|
+
fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
25
|
+
fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
26
|
+
fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
27
|
+
fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
28
|
+
fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
29
|
+
whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
30
|
+
centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
31
|
+
listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
32
|
+
alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
33
|
+
alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
34
|
+
alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
35
|
+
alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
36
|
+
alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
37
|
+
alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
38
|
+
alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
39
|
+
alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
40
|
+
justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
41
|
+
justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
42
|
+
justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
43
|
+
justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
44
|
+
justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
45
|
+
textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
46
|
+
textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
47
|
+
textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
48
|
+
blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
49
|
+
elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
50
|
+
neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
51
|
+
scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
52
|
+
scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
53
|
+
scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
54
|
+
debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
55
|
+
debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
56
|
+
debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
57
|
+
debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<BackdropComposition, any>>;
|
|
58
|
+
};
|
|
59
|
+
export declare type BackdropProps = PropsOf<typeof Touchable> & {
|
|
60
|
+
visible: boolean;
|
|
61
|
+
wrapperProps?: PropsOf<typeof View>;
|
|
62
|
+
variants?: ComponentVariants<typeof BackdropStyles>['variants'];
|
|
63
|
+
styles?: StylesOf<BackdropComposition>;
|
|
64
|
+
};
|
|
65
|
+
export declare const Backdrop: (backdropProps: BackdropProps) => JSX.Element;
|
|
66
|
+
export {};
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
+
var t = {};
|
|
15
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
+
t[p] = s[p];
|
|
17
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
+
t[p[i]] = s[p[i]];
|
|
21
|
+
}
|
|
22
|
+
return t;
|
|
23
|
+
};
|
|
24
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
+
};
|
|
27
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
+
exports.Backdrop = exports.BackdropStyles = void 0;
|
|
29
|
+
var react_1 = __importDefault(require("react"));
|
|
30
|
+
var common_1 = require("@codeleap/common");
|
|
31
|
+
var moti_1 = require("moti");
|
|
32
|
+
var Touchable_1 = require("./Touchable");
|
|
33
|
+
var View_1 = require("./View");
|
|
34
|
+
var common_2 = require("@codeleap/common");
|
|
35
|
+
var react_native_1 = require("react-native");
|
|
36
|
+
var hooks_1 = require("../utils/hooks");
|
|
37
|
+
var createBackdropVariant = (0, common_2.createDefaultVariantFactory)();
|
|
38
|
+
var presets = (0, common_2.includePresets)(function (style) { return createBackdropVariant(function () { return ({ wrapper: style }); }); });
|
|
39
|
+
exports.BackdropStyles = __assign(__assign({}, presets), { default: createBackdropVariant(function (theme) { return ({
|
|
40
|
+
wrapper: __assign(__assign({ backgroundColor: theme.colors.black }, theme.presets.whole), theme.presets.absolute),
|
|
41
|
+
'wrapper:visible': {
|
|
42
|
+
opacity: 0.5,
|
|
43
|
+
},
|
|
44
|
+
'wrapper:hidden': {
|
|
45
|
+
opacity: 0,
|
|
46
|
+
},
|
|
47
|
+
touchable: __assign(__assign({}, theme.presets.whole), theme.presets.absolute),
|
|
48
|
+
}); }) });
|
|
49
|
+
var Backdrop = function (backdropProps) {
|
|
50
|
+
var _a = backdropProps.variants, variants = _a === void 0 ? [] : _a, _b = backdropProps.styles, styles = _b === void 0 ? {} : _b, visible = backdropProps.visible, children = backdropProps.children, _c = backdropProps.wrapperProps, wrapperProps = _c === void 0 ? {} : _c, props = __rest(backdropProps, ["variants", "styles", "visible", "children", "wrapperProps"]);
|
|
51
|
+
var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Backdrop', {
|
|
52
|
+
variants: variants,
|
|
53
|
+
rootElement: 'wrapper',
|
|
54
|
+
styles: styles,
|
|
55
|
+
transform: react_native_1.StyleSheet.flatten,
|
|
56
|
+
});
|
|
57
|
+
var animationStates = (0, hooks_1.useStaticAnimationStyles)(variantStyles, ['wrapper:hidden', 'wrapper:visible']);
|
|
58
|
+
var animation = (0, moti_1.useDynamicAnimation)(function () {
|
|
59
|
+
return visible ? animationStates['wrapper:visible'] : animationStates['wrapper:hidden'];
|
|
60
|
+
});
|
|
61
|
+
(0, common_1.onUpdate)(function () {
|
|
62
|
+
animation.animateTo(visible ? animationStates['wrapper:visible'] : animationStates['wrapper:hidden']);
|
|
63
|
+
}, [visible, animationStates]);
|
|
64
|
+
return <View_1.View pointerEvents={visible ? 'auto' : 'none'} animated style={variantStyles.wrapper} state={animation} {...wrapperProps}>
|
|
65
|
+
<Touchable_1.Touchable feedbackVariant='none' style={variantStyles.touchable} {...props}/>
|
|
66
|
+
{children}
|
|
67
|
+
</View_1.View>;
|
|
68
|
+
};
|
|
69
|
+
exports.Backdrop = Backdrop;
|
|
70
|
+
//# sourceMappingURL=Backdrop.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Backdrop.js","sourceRoot":"","sources":["../../src/components/Backdrop.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,2CAAiG;AACjG,6BAA6D;AAC7D,yCAAuC;AACvC,+BAA6B;AAC7B,2CAGyB;AAEzB,6CAAyC;AACzC,wCAAyD;AAQzD,IAAM,qBAAqB,GAAG,IAAA,oCAA2B,GAAuB,CAAA;AAEhF,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,KAAK,IAAK,OAAA,qBAAqB,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAApB,CAAoB,CAAC,EAAjD,CAAiD,CAAC,CAAA;AAE/E,QAAA,cAAc,yBACtB,OAAO,KACV,OAAO,EAAE,qBAAqB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACzC,OAAO,sBACL,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAChC,KAAK,CAAC,OAAO,CAAC,KAAK,GACnB,KAAK,CAAC,OAAO,CAAC,QAAQ,CAC1B;QACD,iBAAiB,EAAE;YACjB,OAAO,EAAE,GAAG;SACb;QACD,gBAAgB,EAAE;YAEhB,OAAO,EAAE,CAAC;SACX;QACD,SAAS,wBACJ,KAAK,CAAC,OAAO,CAAC,KAAK,GACnB,KAAK,CAAC,OAAO,CAAC,QAAQ,CAC1B;KACF,CAAC,EAjBwC,CAiBxC,CAAC,IACJ;AASM,IAAM,QAAQ,GAAG,UAAC,aAA2B;IAC1C,IAAA,KAA+E,aAAa,SAA/E,EAAb,QAAQ,mBAAG,EAAE,KAAA,EAAE,KAAgE,aAAa,OAAlE,EAAX,MAAM,mBAAG,EAAE,KAAA,EAAE,OAAO,GAA4C,aAAa,QAAzD,EAAE,QAAQ,GAAkC,aAAa,SAA/C,EAAE,KAAgC,aAAa,aAA5B,EAAjB,YAAY,mBAAG,EAAE,KAAA,EAAK,KAAK,UAAK,aAAa,EAA9F,6DAA8E,CAAF,CAAkB;IAEpG,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAsC,YAAY,EAAE;QAChG,QAAQ,UAAA;QACR,WAAW,EAAE,SAAS;QACtB,MAAM,QAAA;QACN,SAAS,EAAE,yBAAU,CAAC,OAAO;KAC9B,CAAC,CAAA;IAEF,IAAM,eAAe,GAAG,IAAA,gCAAwB,EAAC,aAAa,EAAE,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC,CAAA;IAEtG,IAAM,SAAS,GAAG,IAAA,0BAAmB,EAAC;QACpC,OAAO,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAA;IACzF,CAAC,CAAC,CAAA;IAEF,IAAA,iBAAQ,EAAC;QACP,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC,CAAA;IACvG,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC,CAAA;IAE9B,OAAO,CAAC,WAAI,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,YAAY,CAAC,CAChI;IAAA,CAAC,qBAAS,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,IAAI,KAAK,CAAC,EAC5E;IAAA,CAAC,QAAQ,CACX;EAAA,EAAE,WAAI,CAAC,CAAA;AACT,CAAC,CAAA;AAxBY,QAAA,QAAQ,YAwBpB"}
|
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import { ButtonStyles, ComponentVariants, ButtonComposition, ButtonParts, IconPlaceholder } from '@codeleap/common';
|
|
3
3
|
import { StylesOf } from '../types/utility';
|
|
4
4
|
import { TouchableProps } from './Touchable';
|
|
5
|
-
import {
|
|
5
|
+
import { View } from 'react-native';
|
|
6
6
|
declare type ChildProps = {
|
|
7
7
|
styles: StylesOf<ButtonParts>;
|
|
8
8
|
pressed: boolean;
|
|
@@ -18,7 +18,7 @@ export declare type ButtonProps = Omit<TouchableProps, 'variants'> & ComponentVa
|
|
|
18
18
|
debugName: string;
|
|
19
19
|
children?: React.ReactNode | ((props: ChildProps) => React.ReactNode);
|
|
20
20
|
};
|
|
21
|
-
export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "children" | "hitSlop" | "onLayout" | "style" | "testID" | "hasTVPreferredFocus" | "tvParallaxProperties" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "text" | "component" | keyof import("@codeleap/common").BaseViewProps | "
|
|
21
|
+
export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "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" | "text" | "component" | keyof import("@codeleap/common").BaseViewProps | "key" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "onBlur" | "onFocus" | "cancelable" | "delayLongPress" | "disabled" | "pressRetentionOffset" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "debugName" | "activeOpacity" | "debugComponent" | "feedbackVariant" | "icon" | "styles" | "rightIcon" | "loading" | keyof ComponentVariants<{
|
|
22
22
|
default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
23
23
|
negative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
24
24
|
circle: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
@@ -128,5 +128,5 @@ export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "
|
|
|
128
128
|
debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
129
129
|
debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
130
130
|
debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
|
|
131
|
-
}>> | "debounce"> & React.RefAttributes<
|
|
131
|
+
}>> | "debounce"> & React.RefAttributes<View>>;
|
|
132
132
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CAQyB;AACzB,+BAAkC;AAElC,+BAA6B;AAC7B,yCAAuD;AACvD,+BAA6B;AAC7B,yDAAuD;AACvD,6CAAiE;AAoBpD,QAAA,MAAM,GAAG,IAAA,kBAAU,EAAiD,UAAC,WAAW,EAAE,GAAG;IAE9F,IAAA,KAYE,WAAW,SAZA,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,QAAQ,GAWN,WAAW,SAXL,EACR,IAAI,GAUF,WAAW,KAVT,EACJ,IAAI,GASF,WAAW,KATT,EACJ,OAAO,GAQL,WAAW,QARN,EACP,KAOE,WAAW,OAPF,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,OAAO,GAML,WAAW,QANN,EACP,QAAQ,GAKN,WAAW,SALL,EACR,SAAS,GAIP,WAAW,UAJJ,EACT,KAGE,WAAW,SAHC,EAAd,QAAQ,mBAAG,GAAG,KAAA,EACd,KAAK,GAEH,WAAW,MAFR,EACF,KAAK,UACN,WAAW,EAbT,sHAaL,CADS,CACK;IACT,IAAA,KAAwB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA5C,OAAO,QAAA,EAAE,UAAU,QAAyB,CAAA;IAEnD,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,QAAQ,EAAE;QACvD,QAAQ,UAAA;QACR,SAAS,EAAE,yBAAU,CAAC,OAAO;QAC7B,MAAM,QAAA;KACP,CAAC,CAAA;IAEF,SAAS,WAAW;QAClB,IAAI,CAAC,OAAO,EAAE;YACZ,UAAU,CAAC,IAAI,CAAC,CAAA;YAEhB,UAAU,CAAC,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB,EAAE,QAAQ,CAAC,CAAA;YAE7C,OAAO,IAAI,OAAO,EAAE,CAAA;SACrB;IACH,CAAC;IAED,SAAS,SAAS,CAAC,GAAgB;QACjC,OAAO;YACL,aAAa,CAAC,GAAG,CAAC;YAClB,GAAG,KAAK,SAAS,IAAI,KAAK;YAC1B,QAAQ,IAAI,aAAa,CAAC,GAAG,GAAG,WAAW,CAAC;YAC5C,MAAM,CAAC,GAAG,CAAC;YACX,QAAQ,IAAI,MAAM,CAAC,GAAG,GAAG,WAAW,CAAC;SACtC,CAAA;IACH,CAAC;IAED,IAAM,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,CAAA;IAEnC,IAAM,aAAa,GAAG,yBAAU,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;IAC5E,IAAM,cAAc,GAAG,yBAAU,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA;IAE9E,IAAM,OAAO,GAAG,CAAC,CAAC,CAAC,IAAI,IAAI,QAAQ,CAAC,CAAA;IAEpC,IAAM,OAAO,GAAG;QACd,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC;QAC7B,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC;QAC3B,QAAQ,EAAE,aAAa;QACvB,SAAS,EAAE,cAAc;QACzB,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC;QACvB,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC;KAExB,CAAA;IAED,IAAM,eAAe,GAAG,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC;QACtD,QAAQ,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,SAAA,EAAE,CAAC;QAC1D,CAAC,CAAC,QAAQ,CAAA;IAEZ,OAAO,CACL,CAAC,qBAAS,CACR,KAAK,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CACvB,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,cAAc,CAAC,CAAC,QAAQ,CAAC,CACzB,IAAI,KAAK,CAAC,CAGV;;MAAA,CAAC,OAAO,IAAI,CAAC,qCAAiB,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,EAAG,CACxD;MAAA,CAAC,CAAC,OAAO,IAAI,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,EAAE,CACpF;MAAA,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAG,CAAC,CAAC,CAAC,IAAI,CACxD;MAAA,CAAC,eAAe,CAChB;MAAA,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,EAC7E;IAAA,EAAE,qBAAS,CAAC,CACb,CAAA;AACH,CAAC,CAAC,CAAA"}
|
|
@@ -134,12 +134,10 @@ exports.FileInput = (0, react_1.forwardRef)(function (fileInputProps, ref) {
|
|
|
134
134
|
if (warn) {
|
|
135
135
|
// NOTE yeah, it should not be both of course but just logger.* isn't showing for some reason
|
|
136
136
|
logger.warn(err);
|
|
137
|
-
console.warn(err);
|
|
138
137
|
}
|
|
139
138
|
else {
|
|
140
139
|
// NOTE yeah, it should not be both of course but just logger.* isn't showing for some reason
|
|
141
140
|
logger.error(err);
|
|
142
|
-
console.warn(err);
|
|
143
141
|
if (onError) {
|
|
144
142
|
onError(err);
|
|
145
143
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileInput.js","sourceRoot":"","sources":["../../src/components/FileInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA8D;AAC9D,4DAA2E;AAC3E,2CASyB;AAEzB,mCAA8C;AAC9C,+BAA6B;AAC7B,yCAAwC;AACxC,6DAAsC;AA6BtC,IAAM,cAAc,GAAG;IACrB,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,QAAQ,EAAE,IAAI;CACf,CAAA;AAED,SAAS,eAAe,CAAC,IAAQ;IAE/B,IAAM,YAAY,GAAG,IAAA,0BAAiB,EAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACjD,IAAM,CAAC,GAA2B;QAChC,IAAI,EAAE,YAAY,CAAC,IAAI;QACvB,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,GAAG,EAAE,IAAI,CAAC,IAAI;QACd,WAAW,EAAE,IAAI,CAAC,IAAI;KACvB,CAAA;IAED,OAAO;QACL,IAAI,EAAE,CAAC;QACP,OAAO,EAAE,IAAI,CAAC,IAAI;KACnB,CAAA;AACH,CAAC;AAEY,QAAA,SAAS,GAAG,IAAA,kBAAU,EAGjC,UAAC,cAAc,EAAE,GAAG;IAElB,IAAA,KAiBE,cAAc,KAjBD,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,YAAY,GAgBV,cAAc,aAhBJ,EACZ,QAAQ,GAeN,cAAc,SAfR,EACR,MAAM,GAcJ,cAAc,OAdV,EACN,KAAK,GAaH,cAAc,MAbX,EACL,QAAQ,GAYN,cAAc,SAZR,EACR,OAAO,GAWL,cAAc,QAXT,EACP,KAUE,cAAc,KAVF,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,UAAU,GASR,cAAc,WATN,EACV,KAQE,cAAc,YARa,EAA7B,WAAW,mBAAG,eAAe,KAAA,EAC7B,aAAa,GAOX,cAAc,cAPH,EACb,QAAQ,GAMN,cAAc,SANR,EACR,WAAW,GAKT,cAAc,YALL,EACX,KAIE,cAAc,aAJG,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,KAGE,cAAc,cAHI,EAApB,aAAa,mBAAG,IAAI,KAAA,EACpB,KAEE,cAAc,iBAFO,EAAvB,gBAAgB,mBAAG,IAAI,KAAA,EACvB,OAAO,GACL,cAAc,QADT,CACS;IAEZ,IAAA,KAAkB,eAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAArC,IAAI,QAAA,EAAE,OAAO,QAAwB,CAAA;IAEpC,IAAA,MAAM,GAAK,IAAA,2BAAkB,GAAE,OAAzB,CAAyB;IAEvC,SAAe,cAAc;;;;;;;wBAEb,qBAAM,+BAAc,CAAC,IAAI,CAAC,OAAO,CAAC,EAAA;;wBAA1C,KAAK,GAAG,SAAkC;wBAC9C,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;4BACzB,KAAK,GAAG,CAAC,KAAK,CAAC,CAAA;yBAChB;wBACD,OAAO,CAAC,KAAK,CAAC,CAAA;wBACd,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,MAAA,EAAE,CAAC,EAA7B,CAA6B,CAAC,CAAC,CAAA;;;;wBAEhE,WAAW,CAAC,KAAG,CAAC,CAAA;;;;;;KAEnB;IAED,SAAS,WAAW,CAAC,GAAG;QACtB,IAAM,IAAI,GAAG,+BAAc,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,uBAAuB,CAAC,CAAA;QAC1F,IAAI,IAAI,EAAE;YACR,6FAA6F;YAC7F,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"FileInput.js","sourceRoot":"","sources":["../../src/components/FileInput.tsx"],"names":[],"mappings":"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"}
|
package/dist/components/Image.js
CHANGED
|
@@ -42,11 +42,11 @@ var fastImage_1 = require("../modules/fastImage");
|
|
|
42
42
|
var ImageComponent = function (props) {
|
|
43
43
|
var variants = props.variants, style = props.style, _a = props.fast, fast = _a === void 0 ? true : _a, _b = props.resizeMode, resizeMode = _b === void 0 ? 'contain' : _b, imageProps = __rest(props, ["variants", "style", "fast", "resizeMode"]);
|
|
44
44
|
var variantStyles = (0, common_1.useDefaultComponentStyle)('Image', { variants: variants });
|
|
45
|
-
var styles = [variantStyles.wrapper, style];
|
|
45
|
+
var styles = react_native_1.StyleSheet.flatten([variantStyles.wrapper, style]);
|
|
46
46
|
if (fast) {
|
|
47
47
|
return (<fastImage_1.FastImage style={styles}
|
|
48
48
|
// @ts-ignore
|
|
49
|
-
tintColor={
|
|
49
|
+
tintColor={styles === null || styles === void 0 ? void 0 : styles.tintColor} resizeMode={fastImage_1.FastImage.resizeMode[resizeMode || 'contain']} {...imageProps}/>);
|
|
50
50
|
}
|
|
51
51
|
return <react_native_1.Image style={styles} resizeMode={resizeMode} {...imageProps}/>;
|
|
52
52
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../src/components/Image.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CAMyB;AAEzB,
|
|
1
|
+
{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../src/components/Image.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CAMyB;AAEzB,6CAOqB;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,yBAAU,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA;IAEjE,IAAI,IAAI,EAAE;QACR,OAAO,CACL,CAAC,qBAAS,CACR,KAAK,CAAC,CAAC,MAAM,CAAC;QACd,aAAa;QACb,SAAS,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,CAAC,CAC7B,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,9 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
import { FlatListProps as RNFlatListProps } from 'react-native';
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { FlatListProps as RNFlatListProps, ListRenderItemInfo } from 'react-native';
|
|
3
3
|
import { ViewProps } from './View';
|
|
4
4
|
import { EmptyPlaceholderProps } from './EmptyPlaceholder';
|
|
5
|
-
export declare type
|
|
5
|
+
export declare type DataboundFlatListPropsTypes = 'data' | 'renderItem' | 'keyExtractor' | 'getItemLayout';
|
|
6
|
+
export declare type ReplaceFlatlistProps<P, T> = Omit<P, DataboundFlatListPropsTypes> & {
|
|
7
|
+
data: T[];
|
|
8
|
+
keyExtractor?: (item: T, index: number) => string;
|
|
9
|
+
renderItem: (data: ListRenderItemInfo<T>) => React.ReactElement;
|
|
6
10
|
onRefresh?: () => void;
|
|
11
|
+
getItemLayout?: ((data: T, index: number) => {
|
|
12
|
+
length: number;
|
|
13
|
+
offset: number;
|
|
14
|
+
index: number;
|
|
15
|
+
});
|
|
16
|
+
};
|
|
17
|
+
export declare type FlatListProps<T = any[], Data = T extends Array<infer D> ? D : never> = RNFlatListProps<Data> & ViewProps & {
|
|
7
18
|
refreshTimeout?: number;
|
|
8
19
|
changeData?: any;
|
|
9
20
|
separators?: boolean;
|
|
@@ -11,4 +22,12 @@ export declare type FlatListProps<T = any> = RNFlatListProps<T> & ViewProps & {
|
|
|
11
22
|
placeholder?: EmptyPlaceholderProps;
|
|
12
23
|
keyboardAware?: boolean;
|
|
13
24
|
};
|
|
14
|
-
export declare
|
|
25
|
+
export declare type PaginationIndicatorProps = {
|
|
26
|
+
isFetching?: boolean;
|
|
27
|
+
hasMore?: boolean;
|
|
28
|
+
noMoreItemsText: React.ReactChild;
|
|
29
|
+
activityIndicator?: JSX.Element;
|
|
30
|
+
};
|
|
31
|
+
export declare const PaginationIndicator: ({ hasMore, isFetching, noMoreItemsText, activityIndicator }: PaginationIndicatorProps) => JSX.Element;
|
|
32
|
+
export declare type ListComponentType = <T extends any[] = any[]>(props: FlatListProps<T>) => React.ReactElement;
|
|
33
|
+
export declare const List: ListComponentType;
|
package/dist/components/List.js
CHANGED
|
@@ -34,7 +34,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
34
34
|
return t;
|
|
35
35
|
};
|
|
36
36
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
-
exports.List = void 0;
|
|
37
|
+
exports.List = exports.PaginationIndicator = void 0;
|
|
38
38
|
var React = __importStar(require("react"));
|
|
39
39
|
var react_1 = require("react");
|
|
40
40
|
var common_1 = require("@codeleap/common");
|
|
@@ -42,6 +42,8 @@ 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 EmptyPlaceholder_1 = require("./EmptyPlaceholder");
|
|
45
|
+
var ActivityIndicator_1 = require("./ActivityIndicator");
|
|
46
|
+
var Text_1 = require("./Text");
|
|
45
47
|
var KeyboardAwareFlatList = react_native_keyboard_aware_scroll_view_1.KeyboardAwareFlatList;
|
|
46
48
|
var ListCP = (0, react_1.forwardRef)(function (flatListProps, ref) {
|
|
47
49
|
var _a = flatListProps.variants, variants = _a === void 0 ? [] : _a, style = flatListProps.style, _b = flatListProps.refreshTimeout, refreshTimeout = _b === void 0 ? 3000 : _b, changeData = flatListProps.changeData, placeholder = flatListProps.placeholder, _c = flatListProps.keyboardAware, keyboardAware = _c === void 0 ? true : _c, props = __rest(flatListProps, ["variants", "style", "refreshTimeout", "changeData", "placeholder", "keyboardAware"]);
|
|
@@ -81,5 +83,19 @@ var ListCP = (0, react_1.forwardRef)(function (flatListProps, ref) {
|
|
|
81
83
|
var Component = keyboardAware ? KeyboardAwareFlatList : react_native_1.FlatList;
|
|
82
84
|
return (<Component style={[Theme.presets.full, style]} contentContainerStyle={[variantStyles.wrapper]} ref={ref} ItemSeparatorComponent={separator} refreshControl={hasRefresh && (<react_native_1.RefreshControl refreshing={refreshingDisplay} onRefresh={onRefresh}/>)} ListEmptyComponent={<EmptyPlaceholder_1.EmptyPlaceholder {...placeholder}/>} {...props}/>);
|
|
83
85
|
});
|
|
86
|
+
var PaginationIndicator = function (_a) {
|
|
87
|
+
var hasMore = _a.hasMore, isFetching = _a.isFetching, noMoreItemsText = _a.noMoreItemsText, activityIndicator = _a.activityIndicator;
|
|
88
|
+
if (isFetching) {
|
|
89
|
+
return activityIndicator || <ActivityIndicator_1.ActivityIndicator variants={['center', 'marginVertical:3']}/>;
|
|
90
|
+
}
|
|
91
|
+
if (!hasMore) {
|
|
92
|
+
if (common_1.TypeGuards.isString(noMoreItemsText) || common_1.TypeGuards.isNumber(noMoreItemsText)) {
|
|
93
|
+
return <Text_1.Text variants={['h4', 'marginVertical:3', 'textCenter', 'fullWidth']} text={noMoreItemsText.toString()}/>;
|
|
94
|
+
}
|
|
95
|
+
return noMoreItemsText;
|
|
96
|
+
}
|
|
97
|
+
return null;
|
|
98
|
+
};
|
|
99
|
+
exports.PaginationIndicator = PaginationIndicator;
|
|
84
100
|
exports.List = ListCP;
|
|
85
101
|
//# 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,
|
|
1
|
+
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/components/List.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,7 +15,7 @@ export declare type ModalProps = Omit<ViewProps, 'variants' | 'styles'> & {
|
|
|
15
15
|
closable?: boolean;
|
|
16
16
|
footer?: React.ReactNode;
|
|
17
17
|
title?: React.ReactNode;
|
|
18
|
-
debugName
|
|
18
|
+
debugName: string;
|
|
19
19
|
closeIconName?: IconPlaceholder;
|
|
20
20
|
visible: boolean;
|
|
21
21
|
toggle?: () => void;
|
|
@@ -55,13 +55,14 @@ var Button_1 = require("../Button");
|
|
|
55
55
|
var Scroll_1 = require("../Scroll");
|
|
56
56
|
var common_1 = require("@codeleap/common");
|
|
57
57
|
var react_native_1 = require("react-native");
|
|
58
|
-
var
|
|
58
|
+
var moti_1 = require("moti");
|
|
59
|
+
var Backdrop_1 = require("../Backdrop");
|
|
60
|
+
var hooks_1 = require("../../utils/hooks");
|
|
59
61
|
var Text_1 = require("../Text");
|
|
60
|
-
var Animated_1 = require("../Animated");
|
|
61
62
|
__exportStar(require("./styles"), exports);
|
|
62
63
|
var Modal = function (modalProps) {
|
|
63
64
|
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, _j = modalProps.zIndex, zIndex = _j === void 0 ? null : _j, props = __rest(modalProps, ["variants", "styles", "visible", "showClose", "closable", "title", "footer", "children", "toggle", "dismissOnBackdrop", "closeIconName", "debugName", "scroll", "keyboardAware", "zIndex"]);
|
|
64
|
-
var variantStyles = (0, common_1.useDefaultComponentStyle)('Modal', {
|
|
65
|
+
var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Modal', {
|
|
65
66
|
variants: variants,
|
|
66
67
|
transform: react_native_1.StyleSheet.flatten,
|
|
67
68
|
styles: styles,
|
|
@@ -70,42 +71,40 @@ var Modal = function (modalProps) {
|
|
|
70
71
|
var s = [
|
|
71
72
|
variantStyles[key],
|
|
72
73
|
styles[key],
|
|
73
|
-
visible ? variantStyles[key + ':visible'] : {},
|
|
74
|
-
visible ? styles[key + ':visible'] : {},
|
|
75
74
|
];
|
|
76
|
-
return s;
|
|
75
|
+
return react_native_1.StyleSheet.flatten(s);
|
|
77
76
|
}
|
|
78
|
-
var buttonStyles = React.useMemo(function () {
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
hidden: __assign(__assign({}, variantStyles['box:pose']), styles['box:pose']),
|
|
90
|
-
visible: __assign(__assign({}, variantStyles['box:pose:visible']), styles['box:pose:visible']),
|
|
91
|
-
};
|
|
92
|
-
var wrapperStyle = react_native_1.StyleSheet.flatten(getStyles('wrapper'));
|
|
93
|
-
return (<View_1.View style={[wrapperStyle, { zIndex: typeof zIndex === 'number' ? zIndex : wrapperStyle === null || wrapperStyle === void 0 ? void 0 : wrapperStyle.zIndex }]} pointerEvents={visible ? 'auto' : 'none'}>
|
|
94
|
-
<View_1.AnimatedView style={getStyles('overlay')} transition={'opacity'}/>
|
|
77
|
+
var buttonStyles = React.useMemo(function () { return (0, common_1.getNestedStylesByKey)('closeButton', variantStyles); }, [variantStyles]);
|
|
78
|
+
var boxAnimationStates = (0, hooks_1.useStaticAnimationStyles)(variantStyles, ['box:hidden', 'box:visible']);
|
|
79
|
+
var boxAnimation = (0, moti_1.useDynamicAnimation)(function () {
|
|
80
|
+
return visible ? boxAnimationStates['box:visible'] : boxAnimationStates['box:hidden'];
|
|
81
|
+
});
|
|
82
|
+
(0, common_1.onUpdate)(function () {
|
|
83
|
+
boxAnimation.animateTo(visible ? boxAnimationStates['box:visible'] : boxAnimationStates['box:hidden']);
|
|
84
|
+
}, [visible]);
|
|
85
|
+
var wrapperStyle = getStyles('wrapper');
|
|
86
|
+
return (<View_1.View style={[wrapperStyle, { zIndex: common_1.TypeGuards.isNumber(zIndex) ? zIndex : wrapperStyle === null || wrapperStyle === void 0 ? void 0 : wrapperStyle.zIndex }]} pointerEvents={visible ? 'auto' : 'none'}>
|
|
87
|
+
|
|
95
88
|
<Scroll_1.Scroll style={getStyles('innerWrapper')} contentContainerStyle={getStyles('innerWrapperScroll')} scrollEnabled={scroll} keyboardAware={keyboardAware}>
|
|
96
|
-
|
|
97
|
-
|
|
89
|
+
<Backdrop_1.Backdrop visible={visible} debugName={"Modal ".concat(debugName, " backdrop")} styles={{
|
|
90
|
+
'wrapper:hidden': variantStyles['backdrop:hidden'],
|
|
91
|
+
'wrapper:visible': variantStyles['backdrop:visible'],
|
|
92
|
+
wrapper: variantStyles.backdrop,
|
|
93
|
+
}} onPress={(dismissOnBackdrop && closable) ? toggle : (function () { })} wrapperProps={{
|
|
94
|
+
transition: __assign({}, variantStyles['backdrop:transition']),
|
|
95
|
+
}}/>
|
|
96
|
+
<View_1.View animated state={boxAnimation} style={getStyles('box')} transition={__assign({}, variantStyles['box:transition'])} {...props}>
|
|
98
97
|
{(title || showClose) && (<View_1.View style={getStyles('header')}>
|
|
99
98
|
{typeof title === 'string' ? (<Text_1.Text text={title} style={getStyles('title')}/>) : (title)}
|
|
100
99
|
|
|
101
|
-
{showClose && closable && (<Button_1.Button debugName={"".concat(debugName, " modal close button")} icon={closeIconName} variants={['icon']} onPress={toggle} styles={buttonStyles}/>)}
|
|
100
|
+
{(showClose && closable) && (<Button_1.Button debugName={"".concat(debugName, " modal close button")} icon={closeIconName} variants={['icon']} onPress={toggle} styles={buttonStyles}/>)}
|
|
102
101
|
</View_1.View>)}
|
|
103
102
|
|
|
104
103
|
<View_1.View style={getStyles('body')}>{children}</View_1.View>
|
|
105
104
|
{footer && (<View_1.View style={getStyles('footer')}>
|
|
106
105
|
{typeof footer === 'string' ? <Text_1.Text text={footer}/> : footer}
|
|
107
106
|
</View_1.View>)}
|
|
108
|
-
</
|
|
107
|
+
</View_1.View>
|
|
109
108
|
</Scroll_1.Scroll>
|
|
110
109
|
</View_1.View>);
|
|
111
110
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,7 @@
|
|
|
1
1
|
import { ButtonComposition } from '@codeleap/common';
|
|
2
|
-
export declare
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
useNativeDriver: boolean;
|
|
6
|
-
};
|
|
7
|
-
export declare type MobileModalParts = 'wrapper' | 'overlay' | 'innerWrapper' | 'innerWrapperScroll' | 'box' | 'footer' | 'body' | 'header' | 'touchableBackdrop' | 'box:pose' | 'title' | `closeButton${Capitalize<ButtonComposition>}`;
|
|
8
|
-
export declare type MobileModalComposition = MobileModalParts | `${MobileModalParts}:visible`;
|
|
2
|
+
export declare type AnimatableParts = 'box' | 'backdrop';
|
|
3
|
+
export declare type MobileModalParts = AnimatableParts | 'wrapper' | 'innerWrapper' | 'innerWrapperScroll' | 'body' | 'footer' | 'header' | 'title' | `closeButton${Capitalize<ButtonComposition>}`;
|
|
4
|
+
export declare type MobileModalComposition = MobileModalParts | `${AnimatableParts}:visible` | `${AnimatableParts}:hidden` | `${AnimatableParts}:transition`;
|
|
9
5
|
export declare const MobileModalStyles: {
|
|
10
6
|
default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
11
7
|
popup: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
@@ -59,6 +55,4 @@ export declare const MobileModalStyles: {
|
|
|
59
55
|
debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
60
56
|
debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
61
57
|
debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
62
|
-
roundish: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").ModalComposition, any>>;
|
|
63
|
-
dynamicHandler: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").ModalComposition, any>>;
|
|
64
58
|
};
|
|
@@ -11,38 +11,47 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.MobileModalStyles =
|
|
14
|
+
exports.MobileModalStyles = void 0;
|
|
15
15
|
var common_1 = require("@codeleap/common");
|
|
16
|
-
exports.modalTransition = {
|
|
17
|
-
duration: 150,
|
|
18
|
-
ease: 'easeOut',
|
|
19
|
-
useNativeDriver: false,
|
|
20
|
-
};
|
|
21
16
|
var createModalStyle = (0, common_1.createDefaultVariantFactory)();
|
|
22
17
|
var presets = (0, common_1.includePresets)(function (style) { return createModalStyle(function () { return ({ body: style }); }); });
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
var _a, _b;
|
|
26
|
-
var fullSize = __assign(__assign({}, Theme.presets.whole), { position: 'absolute', width: (_a = Theme === null || Theme === void 0 ? void 0 : Theme.values) === null || _a === void 0 ? void 0 : _a.width, height: (_b = Theme === null || Theme === void 0 ? void 0 : Theme.values) === null || _b === void 0 ? void 0 : _b.height });
|
|
18
|
+
exports.MobileModalStyles = __assign(__assign({}, presets), { default: createModalStyle(function (Theme) {
|
|
19
|
+
var fullSize = __assign(__assign({}, Theme.presets.whole), { position: 'absolute' });
|
|
27
20
|
return {
|
|
28
21
|
wrapper: __assign({ zIndex: 1 }, fullSize),
|
|
29
|
-
|
|
30
|
-
|
|
22
|
+
'box:transition': {
|
|
23
|
+
scale: {
|
|
24
|
+
duration: Theme.values.transitions.modal.duration,
|
|
25
|
+
type: 'timing',
|
|
26
|
+
},
|
|
27
|
+
opacity: {
|
|
28
|
+
duration: Theme.values.transitions.modal.duration,
|
|
29
|
+
type: 'timing',
|
|
30
|
+
},
|
|
31
|
+
},
|
|
32
|
+
'backdrop:transition': {
|
|
33
|
+
opacity: {
|
|
34
|
+
duration: Theme.values.transitions.modal.duration,
|
|
35
|
+
type: 'timing',
|
|
36
|
+
},
|
|
37
|
+
},
|
|
38
|
+
backdrop: __assign({ backgroundColor: Theme.colors.black }, fullSize),
|
|
39
|
+
'backdrop:visible': {
|
|
31
40
|
opacity: 0.5,
|
|
32
41
|
},
|
|
42
|
+
'backdrop:hidden': {
|
|
43
|
+
opacity: 0,
|
|
44
|
+
},
|
|
33
45
|
innerWrapper: {},
|
|
34
46
|
innerWrapperScroll: __assign(__assign({ display: 'flex', alignItems: 'center' }, Theme.presets.justifyCenter), { minHeight: Theme.values.height }),
|
|
35
47
|
box: __assign({ width: '80%', backgroundColor: Theme.colors.background, borderRadius: Theme.borderRadius.medium }, Theme.spacing.padding(2)),
|
|
36
|
-
|
|
37
|
-
'box:pose': {
|
|
48
|
+
'box:hidden': {
|
|
38
49
|
opacity: 0,
|
|
39
50
|
scale: 0.8,
|
|
40
|
-
transition: exports.modalTransition,
|
|
41
51
|
},
|
|
42
|
-
'box:
|
|
52
|
+
'box:visible': {
|
|
43
53
|
opacity: 1,
|
|
44
54
|
scale: 1,
|
|
45
|
-
transition: exports.modalTransition,
|
|
46
55
|
},
|
|
47
56
|
header: __assign(__assign({ flexDirection: 'row' }, Theme.presets.justifySpaceBetween), Theme.presets.alignCenter),
|
|
48
57
|
closeButtonWrapper: __assign({ alignSelf: 'center' }, Theme.spacing.marginLeft('auto')),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Modal/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Modal/styles.ts"],"names":[],"mappings":"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"}
|