@codeleap/mobile 1.3.0 → 1.4.1
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/.eslintignore +2 -0
- package/.eslintrc.js +3 -0
- package/.vscode/settings.json +11 -0
- package/CodeLeap-Mobile-Packages.code-workspace +8 -0
- package/dist/components/ActivityIndicator.d.ts +13 -13
- package/dist/components/ActivityIndicator.js +50 -48
- package/dist/components/ActivityIndicator.js.map +1 -1
- package/dist/components/Animated.d.ts +15 -103
- package/dist/components/Animated.js +54 -54
- package/dist/components/Animated.js.map +1 -1
- package/dist/components/Button.d.ts +119 -110
- package/dist/components/Button.js +77 -57
- package/dist/components/Button.js.map +1 -1
- package/dist/components/Checkbox/index.d.ts +14 -14
- package/dist/components/Checkbox/index.js +73 -74
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/Checkbox/styles.d.ts +52 -48
- package/dist/components/Checkbox/styles.js +48 -48
- package/dist/components/Checkbox/styles.js.map +1 -1
- package/dist/components/ContentView.d.ts +10 -10
- package/dist/components/ContentView.js +50 -48
- package/dist/components/ContentView.js.map +1 -1
- package/dist/components/FileInput.d.ts +26 -19
- package/dist/components/FileInput.js +174 -112
- package/dist/components/FileInput.js.map +1 -1
- package/dist/components/Icon.d.ts +12 -13
- package/dist/components/Icon.js +66 -46
- package/dist/components/Icon.js.map +1 -1
- package/dist/components/Image.d.ts +18 -16
- package/dist/components/Image.js +53 -47
- package/dist/components/Image.js.map +1 -1
- package/dist/components/List.d.ts +11 -0
- package/dist/components/List.js +77 -0
- package/dist/components/List.js.map +1 -0
- package/dist/components/Modal/index.d.ts +25 -24
- package/dist/components/Modal/index.js +108 -115
- package/dist/components/Modal/index.js.map +1 -1
- package/dist/components/Modal/styles.d.ts +66 -62
- package/dist/components/Modal/styles.js +64 -61
- package/dist/components/Modal/styles.js.map +1 -1
- package/dist/components/Navigation/Navigation.d.ts +3 -0
- package/dist/components/Navigation/Navigation.js +84 -0
- package/dist/components/Navigation/Navigation.js.map +1 -0
- package/dist/components/Navigation/constants.d.ts +5 -0
- package/dist/components/Navigation/constants.js +11 -0
- package/dist/components/Navigation/constants.js.map +1 -0
- package/dist/components/Navigation/index.d.ts +3 -0
- package/dist/components/Navigation/index.js +16 -0
- package/dist/components/Navigation/index.js.map +1 -0
- package/dist/components/Navigation/types.d.ts +26 -0
- package/dist/components/Navigation/types.js +8 -0
- package/dist/components/Navigation/types.js.map +1 -0
- package/dist/components/Navigation/utils.d.ts +3 -0
- package/dist/components/Navigation/utils.js +70 -0
- package/dist/components/Navigation/utils.js.map +1 -0
- package/dist/components/Overlay.d.ts +16 -16
- package/dist/components/Overlay.js +65 -67
- package/dist/components/Overlay.js.map +1 -1
- package/dist/components/Pager/index.d.ts +19 -0
- package/dist/components/Pager/index.js +164 -0
- package/dist/components/Pager/index.js.map +1 -0
- package/dist/components/Pager/styles.d.ts +51 -0
- package/dist/components/Pager/styles.js +44 -0
- package/dist/components/Pager/styles.js.map +1 -0
- package/dist/components/RadioInput/index.d.ts +26 -25
- package/dist/components/RadioInput/index.js +68 -74
- package/dist/components/RadioInput/index.js.map +1 -1
- package/dist/components/RadioInput/styles.d.ts +54 -50
- package/dist/components/RadioInput/styles.js +44 -44
- package/dist/components/RadioInput/styles.js.map +1 -1
- package/dist/components/Scroll.d.ts +11 -10
- package/dist/components/Scroll.js +75 -72
- package/dist/components/Scroll.js.map +1 -1
- package/dist/components/Sections.d.ts +11 -0
- package/dist/components/Sections.js +77 -0
- package/dist/components/Sections.js.map +1 -0
- package/dist/components/Select/index.d.ts +5 -2
- package/dist/components/Select/index.js +144 -30
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/Select/styles.d.ts +9 -0
- package/dist/components/Select/styles.js +57 -0
- package/dist/components/Select/styles.js.map +1 -0
- package/dist/components/Select/types.d.ts +33 -0
- package/dist/components/Select/types.js +3 -0
- package/dist/components/Select/types.js.map +1 -0
- package/dist/components/Slider/Mark.d.ts +3 -0
- package/dist/components/Slider/Mark.js +32 -0
- package/dist/components/Slider/Mark.js.map +1 -0
- package/dist/components/Slider/Thumb.d.ts +7 -0
- package/dist/components/Slider/Thumb.js +30 -0
- package/dist/components/Slider/Thumb.js.map +1 -0
- package/dist/components/Slider/index.d.ts +3 -0
- package/dist/components/Slider/index.js +94 -0
- package/dist/components/Slider/index.js.map +1 -0
- package/dist/components/{Slider.d.ts → Slider/types.d.ts} +25 -20
- package/dist/components/Slider/types.js +3 -0
- package/dist/components/Slider/types.js.map +1 -0
- package/dist/components/Switch.d.ts +13 -13
- package/dist/components/Switch.js +71 -72
- package/dist/components/Switch.js.map +1 -1
- package/dist/components/Text.d.ts +12 -12
- package/dist/components/Text.js +48 -48
- package/dist/components/Text.js.map +1 -1
- package/dist/components/TextInput.d.ts +162 -146
- package/dist/components/TextInput.js +149 -146
- package/dist/components/TextInput.js.map +1 -1
- package/dist/components/Touchable.d.ts +14 -13
- package/dist/components/Touchable.js +57 -59
- package/dist/components/Touchable.js.map +1 -1
- package/dist/components/View.d.ts +114 -192
- package/dist/components/View.js +50 -50
- package/dist/components/View.js.map +1 -1
- package/dist/components/{index.d.ts → components.d.ts} +24 -21
- package/dist/components/{index.js → components.js} +37 -34
- package/dist/components/components.js.map +1 -0
- package/dist/index.d.ts +5 -3
- package/dist/index.js +24 -21
- package/dist/index.js.map +1 -1
- package/dist/modules/documentPicker.d.ts +3 -1
- package/dist/modules/documentPicker.js +11 -9
- package/dist/modules/documentPicker.js.map +1 -1
- package/dist/modules/fastImage.d.ts +1 -1
- package/dist/modules/fastImage.js +9 -9
- package/dist/modules/fastImage.js.map +1 -1
- package/dist/modules/reactNavigation.d.ts +3 -0
- package/dist/modules/reactNavigation.js +11 -0
- package/dist/modules/reactNavigation.js.map +1 -0
- package/dist/modules/types/fileTypes.d.ts +138 -0
- package/dist/modules/types/fileTypes.js +3 -0
- package/dist/modules/types/fileTypes.js.map +1 -0
- package/dist/types/utility.d.ts +2 -2
- package/dist/types/utility.js +2 -2
- package/dist/types/utility.js.map +0 -0
- package/dist/utils/OSAlert.d.ts +31 -31
- package/dist/utils/OSAlert.js +141 -88
- package/dist/utils/OSAlert.js.map +1 -1
- package/dist/utils/misc.d.ts +2 -0
- package/dist/utils/misc.js +26 -0
- package/dist/utils/misc.js.map +1 -0
- package/dist/utils/styles.d.ts +1 -1
- package/dist/utils/styles.js +12 -12
- package/dist/utils/styles.js.map +1 -1
- package/package.json +40 -35
- package/src/components/ActivityIndicator.tsx +46 -37
- package/src/components/Animated.tsx +34 -31
- package/src/components/Button.tsx +95 -62
- package/src/components/Checkbox/index.tsx +81 -68
- package/src/components/Checkbox/styles.ts +72 -63
- package/src/components/ContentView.tsx +58 -52
- package/src/components/FileInput.tsx +179 -69
- package/src/components/Icon.tsx +58 -35
- package/src/components/Image.tsx +59 -43
- package/src/components/List.tsx +100 -0
- package/src/components/Modal/index.tsx +158 -143
- package/src/components/Modal/styles.ts +133 -122
- package/src/components/Navigation/Navigation.tsx +58 -0
- package/src/components/Navigation/constants.ts +8 -0
- package/src/components/Navigation/index.tsx +3 -0
- package/src/components/Navigation/types.ts +35 -0
- package/src/components/Navigation/utils.tsx +59 -0
- package/src/components/Overlay.tsx +77 -72
- package/src/components/Pager/index.tsx +240 -0
- package/src/components/Pager/styles.ts +51 -0
- package/src/components/RadioInput/index.tsx +101 -76
- package/src/components/RadioInput/styles.ts +67 -62
- package/src/components/Scroll.tsx +98 -87
- package/src/components/Sections.tsx +100 -0
- package/src/components/Select/index.tsx +184 -8
- package/src/components/Select/styles.ts +81 -0
- package/src/components/Select/types.ts +41 -0
- package/src/components/Slider/Mark.tsx +46 -0
- package/src/components/Slider/Thumb.tsx +29 -0
- package/src/components/Slider/index.tsx +123 -0
- package/src/components/Slider/types.ts +25 -0
- package/src/components/Switch.tsx +81 -73
- package/src/components/Text.tsx +30 -31
- package/src/components/TextInput.tsx +204 -206
- package/src/components/Touchable.tsx +65 -51
- package/src/components/View.tsx +46 -43
- package/src/components/components.ts +26 -0
- package/src/index.ts +6 -3
- package/src/modules/documentPicker.ts +7 -2
- package/src/modules/fastImage.ts +2 -2
- package/src/modules/index.d.ts +496 -0
- package/src/modules/reactNavigation.ts +4 -0
- package/src/modules/types/documentPicker.d.ts +215 -0
- package/src/modules/types/fileTypes.ts +138 -0
- package/src/types/utility.ts +3 -3
- package/src/utils/OSAlert.ts +180 -122
- package/src/utils/misc.ts +24 -0
- package/src/utils/styles.ts +14 -17
- package/dist/components/Drawer.d.ts +0 -23
- package/dist/components/Drawer.js +0 -78
- package/dist/components/Drawer.js.map +0 -1
- package/dist/components/Navigation.d.ts +0 -30
- package/dist/components/Navigation.js +0 -126
- package/dist/components/Navigation.js.map +0 -1
- package/dist/components/Slider.js +0 -130
- package/dist/components/Slider.js.map +0 -1
- package/dist/components/index.js.map +0 -1
- package/dist/modules/cropPicker.d.ts +0 -1
- package/dist/modules/cropPicker.js +0 -10
- package/dist/modules/cropPicker.js.map +0 -1
- package/src/components/Navigation.tsx +0 -125
- package/src/components/Slider.tsx +0 -198
- package/src/components/index.ts +0 -23
|
@@ -1,62 +1,65 @@
|
|
|
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
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.MobileModalStyles = exports.modalTransition = exports.backgroundTransition = void 0;
|
|
15
|
-
var common_1 = require("@codeleap/common");
|
|
16
|
-
exports.backgroundTransition = {
|
|
17
|
-
duration: 200,
|
|
18
|
-
ease: 'easeOut',
|
|
19
|
-
useNativeDriver: false,
|
|
20
|
-
};
|
|
21
|
-
exports.modalTransition = {
|
|
22
|
-
duration: 150,
|
|
23
|
-
ease: 'easeOut',
|
|
24
|
-
useNativeDriver: false,
|
|
25
|
-
};
|
|
26
|
-
var createModalStyle = (0, common_1.createDefaultVariantFactory)();
|
|
27
|
-
var presets = (0, common_1.includePresets)(function (style) { return createModalStyle(function () { return ({
|
|
28
|
-
var defaultModalStyles = common_1.ModalStyles;
|
|
29
|
-
exports.MobileModalStyles = __assign(__assign(__assign({},
|
|
30
|
-
var _a, _b;
|
|
31
|
-
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 });
|
|
32
|
-
return {
|
|
33
|
-
wrapper: __assign({ zIndex: 1 }, fullSize),
|
|
34
|
-
overlay: __assign({ opacity: 0,
|
|
35
|
-
|
|
36
|
-
opacity: 0.5
|
|
37
|
-
},
|
|
38
|
-
innerWrapper: {
|
|
39
|
-
|
|
40
|
-
},
|
|
41
|
-
|
|
42
|
-
box:
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
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
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
+
exports.MobileModalStyles = exports.modalTransition = exports.backgroundTransition = void 0;
|
|
15
|
+
var common_1 = require("@codeleap/common");
|
|
16
|
+
exports.backgroundTransition = {
|
|
17
|
+
duration: 200,
|
|
18
|
+
ease: 'easeOut',
|
|
19
|
+
useNativeDriver: false,
|
|
20
|
+
};
|
|
21
|
+
exports.modalTransition = {
|
|
22
|
+
duration: 150,
|
|
23
|
+
ease: 'easeOut',
|
|
24
|
+
useNativeDriver: false,
|
|
25
|
+
};
|
|
26
|
+
var createModalStyle = (0, common_1.createDefaultVariantFactory)();
|
|
27
|
+
var presets = (0, common_1.includePresets)(function (style) { return createModalStyle(function () { return ({ body: style }); }); });
|
|
28
|
+
var defaultModalStyles = common_1.ModalStyles;
|
|
29
|
+
exports.MobileModalStyles = __assign(__assign(__assign({}, defaultModalStyles), presets), { default: createModalStyle(function (Theme) {
|
|
30
|
+
var _a, _b;
|
|
31
|
+
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 });
|
|
32
|
+
return {
|
|
33
|
+
wrapper: __assign({ zIndex: 1 }, fullSize),
|
|
34
|
+
overlay: __assign({ opacity: 0, backgroundColor: Theme.colors.black }, fullSize),
|
|
35
|
+
'overlay:visible': {
|
|
36
|
+
opacity: 0.5,
|
|
37
|
+
},
|
|
38
|
+
innerWrapper: {},
|
|
39
|
+
innerWrapperScroll: __assign(__assign({ display: 'flex', alignItems: 'center' }, Theme.presets.justifyCenter), { minHeight: Theme.values.height }),
|
|
40
|
+
box: __assign({ width: '80%', backgroundColor: Theme.colors.background, borderRadius: Theme.borderRadius.medium }, Theme.spacing.padding(2)),
|
|
41
|
+
touchableBackdrop: __assign({}, fullSize),
|
|
42
|
+
'box:pose': {
|
|
43
|
+
opacity: 0,
|
|
44
|
+
scale: 0.8,
|
|
45
|
+
transition: exports.modalTransition,
|
|
46
|
+
},
|
|
47
|
+
'box:pose:visible': {
|
|
48
|
+
opacity: 1,
|
|
49
|
+
scale: 1,
|
|
50
|
+
transition: exports.modalTransition,
|
|
51
|
+
},
|
|
52
|
+
header: __assign(__assign({ flexDirection: 'row' }, Theme.presets.justifySpaceBetween), Theme.presets.alignCenter),
|
|
53
|
+
closeButtonWrapper: __assign({ alignSelf: 'center' }, Theme.spacing.marginLeft('auto')),
|
|
54
|
+
title: __assign(__assign(__assign(__assign({}, Theme.presets.textCenter), (0, common_1.assignTextStyle)('h3')(Theme).text), Theme.spacing.paddingBottom(1)), { flex: 1 }),
|
|
55
|
+
};
|
|
56
|
+
}), popup: createModalStyle(function (theme) { return ({}); }), fullscreen: createModalStyle(function (theme) { return ({
|
|
57
|
+
overlay: {
|
|
58
|
+
backgroundColor: theme.colors.background,
|
|
59
|
+
},
|
|
60
|
+
'overlay:visible': {
|
|
61
|
+
opacity: 1,
|
|
62
|
+
},
|
|
63
|
+
box: __assign({ flex: 1, borderRadius: 0, width: theme.values.width, height: theme.values.height }, theme.presets.center),
|
|
64
|
+
}); }) });
|
|
62
65
|
//# sourceMappingURL=styles.js.map
|
|
@@ -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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"}
|
|
@@ -0,0 +1,84 @@
|
|
|
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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
16
|
+
}) : (function(o, m, k, k2) {
|
|
17
|
+
if (k2 === undefined) k2 = k;
|
|
18
|
+
o[k2] = m[k];
|
|
19
|
+
}));
|
|
20
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
21
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
22
|
+
}) : function(o, v) {
|
|
23
|
+
o["default"] = v;
|
|
24
|
+
});
|
|
25
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
26
|
+
if (mod && mod.__esModule) return mod;
|
|
27
|
+
var result = {};
|
|
28
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
29
|
+
__setModuleDefault(result, mod);
|
|
30
|
+
return result;
|
|
31
|
+
};
|
|
32
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
33
|
+
var t = {};
|
|
34
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
35
|
+
t[p] = s[p];
|
|
36
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
37
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
38
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
39
|
+
t[p[i]] = s[p[i]];
|
|
40
|
+
}
|
|
41
|
+
return t;
|
|
42
|
+
};
|
|
43
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
44
|
+
exports.Navigation = void 0;
|
|
45
|
+
// @ts-nocheck
|
|
46
|
+
var React = __importStar(require("react"));
|
|
47
|
+
var common_1 = require("@codeleap/common");
|
|
48
|
+
var Icon_1 = require("../Icon");
|
|
49
|
+
var constants_1 = require("./constants");
|
|
50
|
+
var Navigation = function (_a) {
|
|
51
|
+
var type = _a.type, scenes = _a.scenes, props = __rest(_a, ["type", "scenes"]);
|
|
52
|
+
var NavigationComponent = constants_1.Navigators[type];
|
|
53
|
+
var defaultProps = {};
|
|
54
|
+
if (type === 'Tab') {
|
|
55
|
+
defaultProps.screenOptions = { headerShown: false };
|
|
56
|
+
}
|
|
57
|
+
// console.log('render Navigation', { type, scenes, props, defaultProps })
|
|
58
|
+
return <NavigationComponent.Navigator {...props} {...defaultProps}>
|
|
59
|
+
{Object.entries(scenes).map(function (_a, idx) {
|
|
60
|
+
var _b;
|
|
61
|
+
var name = _a[0], content = _a[1];
|
|
62
|
+
var isFunction = common_1.TypeGuards.isFunction(content);
|
|
63
|
+
var screenProps = {
|
|
64
|
+
name: name,
|
|
65
|
+
};
|
|
66
|
+
if (isFunction) {
|
|
67
|
+
screenProps.component = content;
|
|
68
|
+
// console.log('Render NavigationScreen', { scenes, screenProps, content, isFunction }, 'PACKAGES')
|
|
69
|
+
}
|
|
70
|
+
else {
|
|
71
|
+
screenProps.component = ((_b = content === null || content === void 0 ? void 0 : content.component) === null || _b === void 0 ? void 0 : _b.default) || (content === null || content === void 0 ? void 0 : content.component) || (content === null || content === void 0 ? void 0 : content.default);
|
|
72
|
+
var nameParts = name.split('.');
|
|
73
|
+
var title_1 = (content === null || content === void 0 ? void 0 : content.title) || nameParts[nameParts.length - 1] || name.replace('.', '');
|
|
74
|
+
screenProps = __assign(__assign({}, screenProps), { options: function (optionProps) { return (__assign({ title: title_1, tabBarIcon: function (style) { return <Icon_1.Icon name={content === null || content === void 0 ? void 0 : content.icon} style={style}/>; }, tabBarIconFocused: (content === null || content === void 0 ? void 0 : content.iconFocused) ? function (style) { return <Icon_1.Icon name={content === null || content === void 0 ? void 0 : content.iconFocused} style={style}/>; } : null }, (common_1.TypeGuards.isFunction(content.options) ? content.options(optionProps) : content.options))); } });
|
|
75
|
+
// console.log('Render NavigationScreen loop', { scenes, screenProps, content, title, isFunction, props }, 'PACKAGES')
|
|
76
|
+
}
|
|
77
|
+
return (
|
|
78
|
+
// @ts-ignore
|
|
79
|
+
<NavigationComponent.Screen key={idx} {...screenProps}/>);
|
|
80
|
+
})}
|
|
81
|
+
</NavigationComponent.Navigator>;
|
|
82
|
+
};
|
|
83
|
+
exports.Navigation = Navigation;
|
|
84
|
+
//# sourceMappingURL=Navigation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Navigation.js","sourceRoot":"","sources":["../../../src/components/Navigation/Navigation.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Navigators = void 0;
|
|
4
|
+
// @ts-nocheck
|
|
5
|
+
var reactNavigation_1 = require("../../modules/reactNavigation");
|
|
6
|
+
exports.Navigators = {
|
|
7
|
+
Drawer: (0, reactNavigation_1.createDrawerNavigator)(),
|
|
8
|
+
Stack: (0, reactNavigation_1.createStackNavigator)(),
|
|
9
|
+
Tab: (0, reactNavigation_1.createBottomTabNavigator)(),
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=constants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/Navigation/constants.ts"],"names":[],"mappings":";;;AAAA,cAAc;AACd,iEAAqH;AAExG,QAAA,UAAU,GAAG;IACxB,MAAM,EAAE,IAAA,uCAAqB,GAAE;IAC/B,KAAK,EAAE,IAAA,sCAAoB,GAAE;IAC7B,GAAG,EAAE,IAAA,0CAAwB,GAAE;CAChC,CAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
+
};
|
|
12
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
+
__exportStar(require("./Navigation"), exports);
|
|
14
|
+
__exportStar(require("./types"), exports);
|
|
15
|
+
__exportStar(require("./utils"), exports);
|
|
16
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Navigation/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,+CAA4B;AAC5B,0CAAuB;AACvB,0CAAuB"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { IconPlaceholder } from '@codeleap/common';
|
|
3
|
+
import { Navigators } from './constants';
|
|
4
|
+
export declare type TNavigators = typeof Navigators;
|
|
5
|
+
export declare type NavigatorType = keyof TNavigators;
|
|
6
|
+
export declare type PropTypes = {
|
|
7
|
+
[P in NavigatorType]: {
|
|
8
|
+
Screen: Omit<React.ComponentPropsWithRef<TNavigators[P]['Screen']>, 'children' | 'name'>;
|
|
9
|
+
Navigator: Omit<React.ComponentPropsWithRef<TNavigators[P]['Navigator']>, 'children' | 'name'>;
|
|
10
|
+
Group: Omit<React.ComponentPropsWithRef<TNavigators[P]['Group']>, 'children' | 'name'>;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
export declare type SceneComponent<K extends NavigatorType> = PropTypes[K]['Screen']['component'];
|
|
14
|
+
export declare type SceneOptions<K extends NavigatorType> = {
|
|
15
|
+
icon?: IconPlaceholder;
|
|
16
|
+
default?: SceneComponent<K>;
|
|
17
|
+
} & PropTypes[K]['Screen'];
|
|
18
|
+
export declare type Scene<K extends NavigatorType> = SceneComponent<K> | SceneOptions<K>;
|
|
19
|
+
export declare type Scenes<K extends NavigatorType> = {
|
|
20
|
+
[x: string]: Scene<K>;
|
|
21
|
+
};
|
|
22
|
+
export declare type SceneProps = any;
|
|
23
|
+
export declare type NavigationProps<T extends NavigatorType> = {
|
|
24
|
+
type: T;
|
|
25
|
+
scenes: Scenes<T>;
|
|
26
|
+
} & PropTypes[T]['Navigator'];
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Navigation/types.ts"],"names":[],"mappings":";;AA6BA,uCAAuC;AACvC,0BAA0B;AAC1B,0BAA0B;AAE1B,QAAQ;AACR,IAAI"}
|
|
@@ -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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
25
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
26
|
+
if (ar || !(i in from)) {
|
|
27
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
28
|
+
ar[i] = from[i];
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
32
|
+
};
|
|
33
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
34
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
35
|
+
};
|
|
36
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
+
exports.createAppNavigation = void 0;
|
|
38
|
+
var react_1 = __importDefault(require("react"));
|
|
39
|
+
var Navigation_1 = require("./Navigation");
|
|
40
|
+
function createAppNavigation(Scenes) {
|
|
41
|
+
console.log('Creating app navigation', { Scenes: Scenes }, 'PACKAGES');
|
|
42
|
+
var AllScenes = Object.entries(Scenes).reduce(function (allScenes, _a) {
|
|
43
|
+
var moduleName = _a[0], content = _a[1];
|
|
44
|
+
var subScenes = [];
|
|
45
|
+
for (var _i = 0, _b = Object.entries(content.scenes); _i < _b.length; _i++) {
|
|
46
|
+
var _c = _b[_i], name = _c[0], sceneContent = _c[1];
|
|
47
|
+
subScenes.push(["".concat(moduleName, ".").concat(name), sceneContent]);
|
|
48
|
+
}
|
|
49
|
+
return __spreadArray(__spreadArray([], allScenes, true), subScenes, true);
|
|
50
|
+
}, []);
|
|
51
|
+
var AppScenes = Object.fromEntries(AllScenes);
|
|
52
|
+
var SCENES_RESULT = Object.fromEntries(Object.entries(Scenes)
|
|
53
|
+
.map(function (_a) {
|
|
54
|
+
var _b = _a, S = _b[0], _c = _b[1], _ig_scenes = _c._ig_scenes, exclude = _c.exclude, type = _c.type, navigationProps = _c.navigationProps, otherProps = __rest(_c, ["_ig_scenes", "exclude", "type", "navigationProps"]);
|
|
55
|
+
var filterScenes = null;
|
|
56
|
+
if (exclude) {
|
|
57
|
+
filterScenes = Object.fromEntries(AllScenes.filter(function (_a) {
|
|
58
|
+
var path = _a[0];
|
|
59
|
+
return !exclude.some(function (param) { return path.startsWith(param); });
|
|
60
|
+
}));
|
|
61
|
+
}
|
|
62
|
+
var Component = function () { return <Navigation_1.Navigation type={type || 'Stack'} scenes={filterScenes || AppScenes} screenOptions={__assign({ headerShown: false }, navigationProps === null || navigationProps === void 0 ? void 0 : navigationProps.screenOptions)} {...navigationProps}/>; };
|
|
63
|
+
// console.log('SCENES_RESULT create', { _ig_scenes, exclude, type, navigationProps, otherProps })
|
|
64
|
+
return [S, __assign(__assign({}, otherProps), { component: Component })];
|
|
65
|
+
}));
|
|
66
|
+
// console.log('SCENES_RESULT', SCENES_RESULT)
|
|
67
|
+
return SCENES_RESULT;
|
|
68
|
+
}
|
|
69
|
+
exports.createAppNavigation = createAppNavigation;
|
|
70
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/Navigation/utils.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,2CAAyC;AAEzC,SAAgB,mBAAmB,CAAC,MAAU;IAE5C,OAAO,CAAC,GAAG,CAAC,yBAAyB,EAAE,EAAE,MAAM,QAAA,EAAE,EAAE,UAAU,CAAC,CAAA;IAE9D,IAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAM,MAAM,CAAC,CAAC,MAAM,CAAC,UAAC,SAAS,EAAE,EAAqB;YAApB,UAAU,QAAA,EAAE,OAAO,QAAA;QAEnF,IAAM,SAAS,GAAG,EAAE,CAAA;QAEpB,KAAmC,UAA8B,EAA9B,KAAA,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAA9B,cAA8B,EAA9B,IAA8B,EAAE;YAAxD,IAAA,WAAoB,EAAnB,IAAI,QAAA,EAAE,YAAY,QAAA;YAC5B,SAAS,CAAC,IAAI,CACZ,CAAC,UAAG,UAAU,cAAI,IAAI,CAAE,EAAE,YAAY,CAAC,CACxC,CAAA;SACF;QAED,uCACK,SAAS,SACT,SAAS,QACb;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,SAAS,GAAG,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAA;IAE/C,IAAM,aAAa,GAAG,MAAM,CAAC,WAAW,CACtC,MAAM,CAAC,OAAO,CAAM,MAAM,CAAC;SACxB,GAAG,CAAC,UAAC,EAAkE;QAAjE,aAAA,CAAC,QAAA,cAAI,UAAU,gBAAA,EAAE,OAAO,aAAA,EAAE,IAAI,UAAA,EAAE,eAAe,qBAAA,EAAK,UAAU,cAA3D,oDAA6D,CAAF;QACnE,IAAI,YAAY,GAAG,IAAI,CAAA;QAEvB,IAAI,OAAO,EAAE;YACX,YAAY,GAAG,MAAM,CAAC,WAAW,CAC/B,SAAS,CAAC,MAAM,CAAC,UAAC,EAAM;oBAAL,IAAI,QAAA;gBAAM,OAAA,CAAC,OAAO,CAAC,IAAI,CAAC,UAAA,KAAK,IAAI,OAAA,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAtB,CAAsB,CAAC;YAA9C,CAA8C,CAAC,CAC7E,CAAA;SACF;QAED,IAAM,SAAS,GAAG,cAAM,OAAA,CAAC,uBAAU,CACjC,IAAI,CAAC,CAAC,IAAI,IAAI,OAAO,CAAC,CACtB,MAAM,CAAC,CAAC,YAAY,IAAI,SAAS,CAAC,CAClC,aAAa,CAAC,YACZ,WAAW,EAAE,KAAK,IACf,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,aAAa,EACjC,CACF,IAAI,eAAe,CAAC,EACpB,EARsB,CAQtB,CAAA;QACF,kGAAkG;QAElG,OAAO,CAAC,CAAC,wBACJ,UAAU,KACb,SAAS,EAAE,SAAS,IACpB,CAAA;IACJ,CAAC,CAAC,CACL,CAAA;IAED,8CAA8C;IAE9C,OAAO,aAAa,CAAA;AACtB,CAAC;AAtDD,kDAsDC"}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { ComponentVariants, OverlayComposition, OverlayStyles } from
|
|
3
|
-
import { ReactNode } from
|
|
4
|
-
import { StylesOf } from
|
|
5
|
-
import { ViewProps } from
|
|
6
|
-
import { AnimatedTouchable } from '
|
|
7
|
-
export declare type OverlayProps = ViewProps & {
|
|
8
|
-
title?: ReactNode;
|
|
9
|
-
visible?: boolean;
|
|
10
|
-
showClose?: boolean;
|
|
11
|
-
variants?: ComponentVariants<typeof OverlayStyles>;
|
|
12
|
-
styles?: StylesOf<OverlayComposition>;
|
|
13
|
-
style?: any;
|
|
14
|
-
onPress?: () => void;
|
|
15
|
-
} & React.ComponentPropsWithoutRef<typeof AnimatedTouchable>;
|
|
16
|
-
export declare const Overlay: React.FC<OverlayProps>;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { ComponentVariants, OverlayComposition, OverlayStyles } from '@codeleap/common';
|
|
3
|
+
import { ReactNode } from 'react';
|
|
4
|
+
import { StylesOf } from '../types/utility';
|
|
5
|
+
import { ViewProps } from 'react-native';
|
|
6
|
+
import { AnimatedTouchable } from './Touchable';
|
|
7
|
+
export declare type OverlayProps = ViewProps & {
|
|
8
|
+
title?: ReactNode;
|
|
9
|
+
visible?: boolean;
|
|
10
|
+
showClose?: boolean;
|
|
11
|
+
variants?: ComponentVariants<typeof OverlayStyles>;
|
|
12
|
+
styles?: StylesOf<OverlayComposition>;
|
|
13
|
+
style?: any;
|
|
14
|
+
onPress?: () => void;
|
|
15
|
+
} & React.ComponentPropsWithoutRef<typeof AnimatedTouchable>;
|
|
16
|
+
export declare const Overlay: React.FC<OverlayProps>;
|
|
@@ -1,68 +1,66 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
-
}) : function(o, v) {
|
|
12
|
-
o["default"] = v;
|
|
13
|
-
});
|
|
14
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
-
if (mod && mod.__esModule) return mod;
|
|
16
|
-
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
-
__setModuleDefault(result, mod);
|
|
19
|
-
return result;
|
|
20
|
-
};
|
|
21
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
22
|
-
var t = {};
|
|
23
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
24
|
-
t[p] = s[p];
|
|
25
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
26
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
27
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
28
|
-
t[p[i]] = s[p[i]];
|
|
29
|
-
}
|
|
30
|
-
return t;
|
|
31
|
-
};
|
|
32
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
33
|
-
exports.Overlay = void 0;
|
|
34
|
-
var React = __importStar(require("react"));
|
|
35
|
-
var common_1 = require("@codeleap/common");
|
|
36
|
-
var TextInput_1 = require("./TextInput");
|
|
37
|
-
var Button_1 = require("./Button");
|
|
38
|
-
var View_1 = require("./View");
|
|
39
|
-
var react_native_1 = require("react-native");
|
|
40
|
-
var
|
|
41
|
-
var Overlay = function (overlayProps) {
|
|
42
|
-
var showClose = overlayProps.showClose, title = overlayProps.title, children = overlayProps.children, visible = overlayProps.visible,
|
|
43
|
-
var variantStyles = (0, common_1.
|
|
44
|
-
styles: styles,
|
|
45
|
-
transform: react_native_1.StyleSheet.flatten,
|
|
46
|
-
variants: variants
|
|
47
|
-
});
|
|
48
|
-
var touchableStyle = [
|
|
49
|
-
variantStyles.wrapper,
|
|
50
|
-
styles.wrapper,
|
|
51
|
-
visible && variantStyles['wrapper:visible'],
|
|
52
|
-
visible && styles['wrapper:visible']
|
|
53
|
-
];
|
|
54
|
-
return <
|
|
55
|
-
// @ts-ignore
|
|
56
|
-
transition={'opacity'} style={touchableStyle} {...props}>
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
};
|
|
67
|
-
exports.Overlay = Overlay;
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
+
}) : function(o, v) {
|
|
12
|
+
o["default"] = v;
|
|
13
|
+
});
|
|
14
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
+
if (mod && mod.__esModule) return mod;
|
|
16
|
+
var result = {};
|
|
17
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
+
__setModuleDefault(result, mod);
|
|
19
|
+
return result;
|
|
20
|
+
};
|
|
21
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
22
|
+
var t = {};
|
|
23
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
24
|
+
t[p] = s[p];
|
|
25
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
26
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
27
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
28
|
+
t[p[i]] = s[p[i]];
|
|
29
|
+
}
|
|
30
|
+
return t;
|
|
31
|
+
};
|
|
32
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
33
|
+
exports.Overlay = void 0;
|
|
34
|
+
var React = __importStar(require("react"));
|
|
35
|
+
var common_1 = require("@codeleap/common");
|
|
36
|
+
var TextInput_1 = require("./TextInput");
|
|
37
|
+
var Button_1 = require("./Button");
|
|
38
|
+
var View_1 = require("./View");
|
|
39
|
+
var react_native_1 = require("react-native");
|
|
40
|
+
var Touchable_1 = require("./Touchable");
|
|
41
|
+
var Overlay = function (overlayProps) {
|
|
42
|
+
var showClose = overlayProps.showClose, title = overlayProps.title, children = overlayProps.children, visible = overlayProps.visible, _a = overlayProps.styles, styles = _a === void 0 ? {} : _a, style = overlayProps.style, variants = overlayProps.variants, props = __rest(overlayProps, ["showClose", "title", "children", "visible", "styles", "style", "variants"]);
|
|
43
|
+
var variantStyles = (0, common_1.useDefaultComponentStyle)('Overlay', {
|
|
44
|
+
styles: styles,
|
|
45
|
+
transform: react_native_1.StyleSheet.flatten,
|
|
46
|
+
variants: variants,
|
|
47
|
+
});
|
|
48
|
+
var touchableStyle = [
|
|
49
|
+
variantStyles.wrapper,
|
|
50
|
+
styles.wrapper,
|
|
51
|
+
visible && variantStyles['wrapper:visible'],
|
|
52
|
+
visible && styles['wrapper:visible'],
|
|
53
|
+
];
|
|
54
|
+
return (<Touchable_1.AnimatedTouchable
|
|
55
|
+
// @ts-ignore
|
|
56
|
+
transition={'opacity'} style={touchableStyle} {...props}>
|
|
57
|
+
<View_1.View>
|
|
58
|
+
{(title || showClose) && (<View_1.View style={variantStyles.header}>
|
|
59
|
+
<TextInput_1.InputLabel style={variantStyles.title} label={title}/>
|
|
60
|
+
{showClose && (<Button_1.Button variants={['icon']} icon={'close'} style={variantStyles.closeButton} debugName={'Close icon'}/>)}
|
|
61
|
+
</View_1.View>)}
|
|
62
|
+
</View_1.View>
|
|
63
|
+
</Touchable_1.AnimatedTouchable>);
|
|
64
|
+
};
|
|
65
|
+
exports.Overlay = Overlay;
|
|
68
66
|
//# sourceMappingURL=Overlay.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Overlay.js","sourceRoot":"","sources":["../../src/components/Overlay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Overlay.js","sourceRoot":"","sources":["../../src/components/Overlay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CAMyB;AAEzB,yCAAwC;AACxC,mCAAiC;AAEjC,+BAA6B;AAE7B,6CAAoD;AACpD,yCAA+C;AAYxC,IAAM,OAAO,GAA2B,UAAC,YAAY;IAExD,IAAA,SAAS,GAQP,YAAY,UARL,EACT,KAAK,GAOH,YAAY,MAPT,EACL,QAAQ,GAMN,YAAY,SANN,EACR,OAAO,GAKL,YAAY,QALP,EACP,KAIE,YAAY,OAJH,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,KAAK,GAGH,YAAY,MAHT,EACL,QAAQ,GAEN,YAAY,SAFN,EACL,KAAK,UACN,YAAY,EATV,4EASL,CADS,CACM;IAEhB,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,SAAS,EAAE;QACxD,MAAM,QAAA;QACN,SAAS,EAAE,yBAAU,CAAC,OAAO;QAC7B,QAAQ,EAAE,QAAe;KAC1B,CAAiC,CAAA;IAElC,IAAM,cAAc,GAAG;QACrB,aAAa,CAAC,OAAO;QACrB,MAAM,CAAC,OAAO;QACd,OAAO,IAAI,aAAa,CAAC,iBAAiB,CAAC;QAC3C,OAAO,IAAI,MAAM,CAAC,iBAAiB,CAAC;KACrC,CAAA;IAED,OAAO,CACL,CAAC,6BAAiB;IAChB,aAAa;IACb,UAAU,CAAC,CAAC,SAAS,CAAC,CACtB,KAAK,CAAC,CAAC,cAAc,CAAC,CACtB,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,WAAI,CACH;QAAA,CAAC,CAAC,KAAK,IAAI,SAAS,CAAC,IAAI,CACvB,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CAChC;YAAA,CAAC,sBAAU,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EACrD;YAAA,CAAC,SAAS,IAAI,CACZ,CAAC,eAAM,CACL,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CACnB,IAAI,CAAC,CAAC,OAA0B,CAAC,CACjC,KAAK,CAAC,CAAC,aAAa,CAAC,WAAW,CAAC,CACjC,SAAS,CAAC,CAAC,YAAY,CAAC,EACxB,CACH,CACH;UAAA,EAAE,WAAI,CAAC,CACR,CACH;MAAA,EAAE,WAAI,CACR;IAAA,EAAE,6BAAiB,CAAC,CACrB,CAAA;AACH,CAAC,CAAA;AAjDY,QAAA,OAAO,WAiDnB"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { ComponentVariants } from '@codeleap/common';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { StylesOf } from '../../types/utility';
|
|
4
|
+
import { MobilePagerStyles, PagerComposition } from './styles';
|
|
5
|
+
export * from './styles';
|
|
6
|
+
export declare type PagerProps = {
|
|
7
|
+
variants?: ComponentVariants<typeof MobilePagerStyles>['variants'];
|
|
8
|
+
styles?: StylesOf<PagerComposition>;
|
|
9
|
+
page?: number;
|
|
10
|
+
loop?: boolean;
|
|
11
|
+
debug?: boolean;
|
|
12
|
+
onPageChange?: (page: number) => void;
|
|
13
|
+
};
|
|
14
|
+
export declare type PagerRef = {
|
|
15
|
+
forward(by?: number): void;
|
|
16
|
+
back(by?: number): void;
|
|
17
|
+
to(index?: number): void;
|
|
18
|
+
};
|
|
19
|
+
export declare const Pager: React.ForwardRefExoticComponent<PagerProps & React.RefAttributes<PagerRef>>;
|