@codeleap/mobile 1.2.1 → 1.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.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.js +9 -6
- package/dist/components/ActivityIndicator.js.map +1 -1
- package/dist/components/Animated.d.ts +15 -0
- package/dist/components/Animated.js +55 -0
- package/dist/components/Animated.js.map +1 -0
- package/dist/components/Button.d.ts +107 -104
- package/dist/components/Button.js +30 -9
- package/dist/components/Button.js.map +1 -1
- package/dist/components/Checkbox/index.d.ts +1 -1
- package/dist/components/Checkbox/index.js +7 -8
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/Checkbox/styles.d.ts +47 -43
- package/dist/components/Checkbox/styles.js +8 -8
- package/dist/components/Checkbox/styles.js.map +1 -1
- package/dist/components/ContentView.js +4 -2
- package/dist/components/ContentView.js.map +1 -1
- package/dist/components/FileInput.d.ts +26 -2
- package/dist/components/FileInput.js +151 -4
- package/dist/components/FileInput.js.map +1 -1
- package/dist/components/Icon.d.ts +4 -6
- package/dist/components/Icon.js +25 -11
- package/dist/components/Icon.js.map +1 -1
- package/dist/components/Image.d.ts +7 -6
- package/dist/components/Image.js +4 -4
- 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 -0
- package/dist/components/Modal/index.js +109 -0
- package/dist/components/Modal/index.js.map +1 -0
- package/dist/components/Modal/styles.d.ts +66 -0
- package/dist/components/Modal/styles.js +57 -0
- package/dist/components/Modal/styles.js.map +1 -0
- package/dist/components/Navigation/Navigation.d.ts +3 -0
- package/dist/components/Navigation/Navigation.js +76 -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 +67 -0
- package/dist/components/Navigation/utils.js.map +1 -0
- package/dist/components/Overlay.d.ts +16 -0
- package/dist/components/Overlay.js +66 -0
- package/dist/components/Overlay.js.map +1 -0
- 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 +1 -0
- package/dist/components/RadioInput/index.js +13 -19
- package/dist/components/RadioInput/index.js.map +1 -1
- package/dist/components/RadioInput/styles.d.ts +48 -44
- package/dist/components/RadioInput/styles.js +4 -4
- package/dist/components/RadioInput/styles.js.map +1 -1
- package/dist/components/Scroll.d.ts +3 -96
- package/dist/components/Scroll.js +11 -8
- 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 +118 -5
- 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} +12 -7
- package/dist/components/Slider/types.js +3 -0
- package/dist/components/Slider/types.js.map +1 -0
- package/dist/components/Switch.d.ts +2 -2
- package/dist/components/Switch.js +6 -7
- package/dist/components/Switch.js.map +1 -1
- package/dist/components/Text.js +5 -5
- package/dist/components/Text.js.map +1 -1
- package/dist/components/TextInput.d.ts +108 -94
- package/dist/components/TextInput.js +42 -35
- package/dist/components/TextInput.js.map +1 -1
- package/dist/components/Touchable.d.ts +9 -14
- package/dist/components/Touchable.js +11 -15
- package/dist/components/Touchable.js.map +1 -1
- package/dist/components/View.d.ts +105 -181
- package/dist/components/View.js +6 -8
- package/dist/components/View.js.map +1 -1
- package/dist/components/{index.d.ts → components.d.ts} +6 -0
- package/dist/components/{index.js → components.js} +7 -1
- package/dist/components/components.js.map +1 -0
- package/dist/index.d.ts +4 -1
- package/dist/index.js +7 -2
- package/dist/index.js.map +1 -1
- package/dist/modules/documentPicker.d.ts +3 -0
- package/dist/modules/documentPicker.js +12 -0
- package/dist/modules/documentPicker.js.map +1 -0
- package/dist/modules/fastImage.js +1 -1
- 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 +1 -1
- package/dist/utils/OSAlert.d.ts +3 -3
- 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.js +1 -1
- package/dist/utils/styles.js.map +1 -1
- package/package.json +10 -4
- package/src/components/ActivityIndicator.tsx +38 -28
- package/src/components/Animated.tsx +34 -0
- package/src/components/Button.tsx +68 -34
- package/src/components/Checkbox/index.tsx +60 -48
- package/src/components/Checkbox/styles.ts +39 -30
- package/src/components/ContentView.tsx +24 -18
- package/src/components/FileInput.tsx +177 -5
- package/src/components/Icon.tsx +36 -23
- package/src/components/Image.tsx +41 -35
- package/src/components/List.tsx +100 -0
- package/src/components/Modal/index.tsx +158 -0
- package/src/components/Modal/styles.ts +118 -0
- package/src/components/Navigation/Navigation.tsx +51 -0
- package/src/components/Navigation/constants.ts +8 -0
- package/src/components/Navigation/index.tsx +3 -0
- package/src/components/Navigation/types.ts +37 -0
- package/src/components/Navigation/utils.tsx +54 -0
- package/src/components/Overlay.tsx +76 -0
- package/src/components/Pager/index.tsx +241 -0
- package/src/components/Pager/styles.ts +51 -0
- package/src/components/RadioInput/index.tsx +76 -52
- package/src/components/RadioInput/styles.ts +23 -18
- package/src/components/Scroll.tsx +84 -73
- package/src/components/Select/index.tsx +179 -6
- 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 +63 -54
- package/src/components/Text.tsx +22 -23
- package/src/components/TextInput.tsx +194 -191
- package/src/components/Touchable.tsx +45 -35
- package/src/components/View.tsx +33 -40
- package/src/components/components.ts +26 -0
- package/src/index.ts +6 -2
- package/src/modules/documentPicker.ts +8 -0
- 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 +2 -2
- package/src/utils/OSAlert.ts +35 -33
- package/src/utils/misc.ts +24 -0
- package/src/utils/styles.ts +13 -16
- 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/src/components/Navigation.tsx +0 -125
- package/src/components/Slider.tsx +0 -198
- package/src/components/index.ts +0 -19
|
@@ -0,0 +1,77 @@
|
|
|
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.List = void 0;
|
|
34
|
+
var React = __importStar(require("react"));
|
|
35
|
+
var react_1 = require("react");
|
|
36
|
+
var common_1 = require("@codeleap/common");
|
|
37
|
+
var react_native_keyboard_aware_scroll_view_1 = require("react-native-keyboard-aware-scroll-view");
|
|
38
|
+
var react_native_1 = require("react-native");
|
|
39
|
+
var View_1 = require("./View");
|
|
40
|
+
var KeyboardAwareFlatList = react_native_keyboard_aware_scroll_view_1.KeyboardAwareFlatList;
|
|
41
|
+
exports.List = (0, react_1.forwardRef)(function (flatListProps, ref) {
|
|
42
|
+
var _a = flatListProps.variants, variants = _a === void 0 ? [] : _a, style = flatListProps.style, _b = flatListProps.refreshTimeout, refreshTimeout = _b === void 0 ? 3000 : _b, changeData = flatListProps.changeData, props = __rest(flatListProps, ["variants", "style", "refreshTimeout", "changeData"]);
|
|
43
|
+
var hasRefresh = !!props.onRefresh;
|
|
44
|
+
var _c = (0, react_1.useState)(false), refreshing = _c[0], setRefreshing = _c[1];
|
|
45
|
+
var timer = React.useRef(null);
|
|
46
|
+
var previousData = (0, common_1.usePrevious)(changeData);
|
|
47
|
+
var onRefresh = function () {
|
|
48
|
+
if (timer.current) {
|
|
49
|
+
clearTimeout(timer.current);
|
|
50
|
+
}
|
|
51
|
+
setRefreshing(true);
|
|
52
|
+
props.onRefresh();
|
|
53
|
+
timer.current = setTimeout(function () {
|
|
54
|
+
setRefreshing(false);
|
|
55
|
+
}, refreshTimeout);
|
|
56
|
+
};
|
|
57
|
+
(0, common_1.onUpdate)(function () {
|
|
58
|
+
if (refreshing && !(0, common_1.deepEqual)(previousData, changeData)) {
|
|
59
|
+
setRefreshing(false);
|
|
60
|
+
if (timer.current) {
|
|
61
|
+
clearTimeout(timer.current);
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
}, [refreshing, changeData]);
|
|
65
|
+
var Theme = (0, common_1.useCodeleapContext)().Theme;
|
|
66
|
+
var variantStyles = (0, common_1.useDefaultComponentStyle)('View', {
|
|
67
|
+
variants: variants,
|
|
68
|
+
});
|
|
69
|
+
var renderSeparator = function () {
|
|
70
|
+
return (<View_1.View variants={['separator']}></View_1.View>);
|
|
71
|
+
};
|
|
72
|
+
var separatorProp = props.separators;
|
|
73
|
+
var isEmpty = !props.data || !props.data.length;
|
|
74
|
+
var separator = !isEmpty && separatorProp == true && renderSeparator;
|
|
75
|
+
return (<KeyboardAwareFlatList style={[Theme.presets.full, style]} contentContainerStyle={[variantStyles.wrapper]} ref={ref} ItemSeparatorComponent={separator} {...props} refreshControl={hasRefresh && (<react_native_1.RefreshControl refreshing={refreshing} onRefresh={onRefresh}/>)}/>);
|
|
76
|
+
});
|
|
77
|
+
//# sourceMappingURL=List.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/components/List.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4C;AAC5C,2CAMyB;AACzB,mGAGgD;AAChD,6CAAuD;AACvD,+BAAwC;AAUxC,IAAM,qBAAqB,GACzB,+DAKC,CAAA;AAEU,QAAA,IAAI,GAAG,IAAA,kBAAU,EAC5B,UAAC,aAAa,EAAE,GAAG;IAEf,IAAA,KAKE,aAAa,SALF,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAAK,GAIH,aAAa,MAJV,EACL,KAGE,aAAa,eAHM,EAArB,cAAc,mBAAG,IAAI,KAAA,EACrB,UAAU,GAER,aAAa,WAFL,EACP,KAAK,UACN,aAAa,EANX,qDAML,CADS,CACO;IACjB,IAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,SAAS,CAAA;IAC9B,IAAA,KAA8B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAA;IAEnD,IAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAChC,IAAM,YAAY,GAAG,IAAA,oBAAW,EAAC,UAAU,CAAC,CAAA;IAE5C,IAAM,SAAS,GAAG;QAChB,IAAI,KAAK,CAAC,OAAO,EAAE;YACjB,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;SAC5B;QAED,aAAa,CAAC,IAAI,CAAC,CAAA;QAEnB,KAAK,CAAC,SAAS,EAAE,CAAA;QAEjB,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC;YACzB,aAAa,CAAC,KAAK,CAAC,CAAA;QACtB,CAAC,EAAE,cAAc,CAAC,CAAA;IACpB,CAAC,CAAA;IACD,IAAA,iBAAQ,EAAC;QACP,IAAI,UAAU,IAAI,CAAC,IAAA,kBAAS,EAAC,YAAY,EAAE,UAAU,CAAC,EAAE;YACtD,aAAa,CAAC,KAAK,CAAC,CAAA;YACpB,IAAI,KAAK,CAAC,OAAO,EAAE;gBACjB,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;aAC5B;SACF;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAA;IACpB,IAAA,KAAK,GAAK,IAAA,2BAAkB,GAAE,MAAzB,CAAyB;IAEtC,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,MAAM,EAAE;QACrD,QAAQ,UAAA;KACT,CAAC,CAAA;IAEF,IAAM,eAAe,GAAG;QACtB,OAAO,CACL,CAAC,WAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,WAAI,CAAC,CACvC,CAAA;IACH,CAAC,CAAA;IAED,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAA;IACtC,IAAM,OAAO,GAAG,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAA;IACjD,IAAM,SAAS,GAAG,CAAC,OAAO,IAAI,aAAa,IAAI,IAAI,IAAI,eAAe,CAAA;IAEtE,OAAO,CACL,CAAC,qBAAqB,CACpB,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CACnC,qBAAqB,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAC/C,GAAG,CAAC,CAAC,GAA0B,CAAC,CAChC,sBAAsB,CAAC,CAAC,SAAS,CAAC,CAClC,IAAI,KAAK,CAAC,CACV,cAAc,CAAC,CACb,UAAU,IAAI,CACZ,CAAC,6BAAc,CAAC,UAAU,CAAC,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,EAAG,CACjE,CACF,EACD,CACH,CAAA;AACH,CAAC,CACF,CAAA"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { ViewProps } from '../View';
|
|
3
|
+
import { ButtonProps } from '../Button';
|
|
4
|
+
import { ComponentVariants, IconPlaceholder } from '@codeleap/common';
|
|
5
|
+
import { MobileModalComposition, MobileModalStyles } from './styles';
|
|
6
|
+
import { StylesOf } from '../../types/utility';
|
|
7
|
+
export * from './styles';
|
|
8
|
+
export declare type ModalProps = Omit<ViewProps, 'variants' | 'styles'> & {
|
|
9
|
+
variants?: ComponentVariants<typeof MobileModalStyles>['variants'];
|
|
10
|
+
styles?: StylesOf<MobileModalComposition>;
|
|
11
|
+
dismissOnBackdrop?: boolean;
|
|
12
|
+
buttonProps?: ButtonProps;
|
|
13
|
+
accessible?: boolean;
|
|
14
|
+
showClose?: boolean;
|
|
15
|
+
closable?: boolean;
|
|
16
|
+
footer?: React.ReactNode;
|
|
17
|
+
title?: React.ReactNode;
|
|
18
|
+
debugName?: string;
|
|
19
|
+
closeIconName?: IconPlaceholder;
|
|
20
|
+
visible: boolean;
|
|
21
|
+
toggle?: () => void;
|
|
22
|
+
scroll?: boolean;
|
|
23
|
+
};
|
|
24
|
+
export declare const Modal: React.FC<ModalProps>;
|
|
25
|
+
export default Modal;
|
|
@@ -0,0 +1,109 @@
|
|
|
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 __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
33
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
34
|
+
};
|
|
35
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
36
|
+
var t = {};
|
|
37
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
38
|
+
t[p] = s[p];
|
|
39
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
40
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
41
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
42
|
+
t[p[i]] = s[p[i]];
|
|
43
|
+
}
|
|
44
|
+
return t;
|
|
45
|
+
};
|
|
46
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
47
|
+
exports.Modal = void 0;
|
|
48
|
+
var React = __importStar(require("react"));
|
|
49
|
+
var View_1 = require("../View");
|
|
50
|
+
var Button_1 = require("../Button");
|
|
51
|
+
var Scroll_1 = require("../Scroll");
|
|
52
|
+
var common_1 = require("@codeleap/common");
|
|
53
|
+
var react_native_1 = require("react-native");
|
|
54
|
+
var Touchable_1 = require("../Touchable");
|
|
55
|
+
var Text_1 = require("../Text");
|
|
56
|
+
var Animated_1 = require("../Animated");
|
|
57
|
+
__exportStar(require("./styles"), exports);
|
|
58
|
+
var Modal = function (modalProps) {
|
|
59
|
+
var _a = modalProps.variants, variants = _a === void 0 ? [] : _a, _b = modalProps.styles, styles = _b === void 0 ? {} : _b, visible = modalProps.visible, showClose = modalProps.showClose, _c = modalProps.closable, closable = _c === void 0 ? true : _c, title = modalProps.title, footer = modalProps.footer, children = modalProps.children, _d = modalProps.toggle, toggle = _d === void 0 ? function () { return null; } : _d, _e = modalProps.dismissOnBackdrop, dismissOnBackdrop = _e === void 0 ? true : _e, _f = modalProps.closeIconName, closeIconName = _f === void 0 ? 'close' : _f, debugName = modalProps.debugName, _g = modalProps.scroll, scroll = _g === void 0 ? true : _g, props = __rest(modalProps, ["variants", "styles", "visible", "showClose", "closable", "title", "footer", "children", "toggle", "dismissOnBackdrop", "closeIconName", "debugName", "scroll"]);
|
|
60
|
+
var variantStyles = (0, common_1.useDefaultComponentStyle)('Modal', {
|
|
61
|
+
variants: variants,
|
|
62
|
+
transform: react_native_1.StyleSheet.flatten,
|
|
63
|
+
styles: styles,
|
|
64
|
+
});
|
|
65
|
+
function getStyles(key) {
|
|
66
|
+
var s = [
|
|
67
|
+
variantStyles[key],
|
|
68
|
+
styles[key],
|
|
69
|
+
visible ? variantStyles[key + ':visible'] : {},
|
|
70
|
+
visible ? styles[key + ':visible'] : {},
|
|
71
|
+
];
|
|
72
|
+
return s;
|
|
73
|
+
}
|
|
74
|
+
var buttonStyles = React.useMemo(function () {
|
|
75
|
+
var buttonEntries = {};
|
|
76
|
+
for (var _i = 0, _a = Object.entries(variantStyles); _i < _a.length; _i++) {
|
|
77
|
+
var _b = _a[_i], key = _b[0], style = _b[1];
|
|
78
|
+
if (key.startsWith('closeButton')) {
|
|
79
|
+
buttonEntries[(0, common_1.capitalize)(key.replace('closeButton', ''), true)] = style;
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
return buttonEntries;
|
|
83
|
+
}, [variantStyles]);
|
|
84
|
+
var boxAnimation = {
|
|
85
|
+
hidden: __assign(__assign({}, variantStyles['box:pose']), styles['box:pose']),
|
|
86
|
+
visible: __assign(__assign({}, variantStyles['box:pose:visible']), styles['box:pose:visible']),
|
|
87
|
+
};
|
|
88
|
+
return (<View_1.View style={getStyles('wrapper')} pointerEvents={visible ? 'auto' : 'none'}>
|
|
89
|
+
<View_1.AnimatedView style={getStyles('overlay')} transition={'opacity'}/>
|
|
90
|
+
<Scroll_1.Scroll style={getStyles('innerWrapper')} contentContainerStyle={getStyles('innerWrapperScroll')} scrollEnabled={scroll}>
|
|
91
|
+
{dismissOnBackdrop && (<Touchable_1.Touchable debugName={"".concat(debugName, " modal backdrop")} activeOpacity={1} onPress={function () { return toggle(); }} style={getStyles('touchableBackdrop')}/>)}
|
|
92
|
+
<Animated_1.Animated component='View' config={boxAnimation} pose={visible ? 'visible' : 'hidden'} style={getStyles('box')}>
|
|
93
|
+
{(title || showClose) && (<View_1.View style={getStyles('header')}>
|
|
94
|
+
{typeof title === 'string' ? (<Text_1.Text text={title} style={getStyles('title')}/>) : (title)}
|
|
95
|
+
|
|
96
|
+
{showClose && closable && (<Button_1.Button debugName={"".concat(debugName, " modal close button")} icon={closeIconName} variants={['icon']} onPress={toggle} styles={buttonStyles}/>)}
|
|
97
|
+
</View_1.View>)}
|
|
98
|
+
|
|
99
|
+
<View_1.View style={getStyles('body')}>{children}</View_1.View>
|
|
100
|
+
{footer && (<View_1.View style={getStyles('footer')}>
|
|
101
|
+
{typeof footer === 'string' ? <Text_1.Text text={footer}/> : footer}
|
|
102
|
+
</View_1.View>)}
|
|
103
|
+
</Animated_1.Animated>
|
|
104
|
+
</Scroll_1.Scroll>
|
|
105
|
+
</View_1.View>);
|
|
106
|
+
};
|
|
107
|
+
exports.Modal = Modal;
|
|
108
|
+
exports.default = exports.Modal;
|
|
109
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { ButtonComposition, ModalComposition } from '@codeleap/common';
|
|
2
|
+
export declare const backgroundTransition: {
|
|
3
|
+
duration: number;
|
|
4
|
+
ease: string;
|
|
5
|
+
useNativeDriver: boolean;
|
|
6
|
+
};
|
|
7
|
+
export declare const modalTransition: {
|
|
8
|
+
duration: number;
|
|
9
|
+
ease: string;
|
|
10
|
+
useNativeDriver: boolean;
|
|
11
|
+
};
|
|
12
|
+
export declare type MobileModalParts = 'wrapper' | 'overlay' | 'innerWrapper' | 'innerWrapperScroll' | 'box' | 'footer' | 'body' | 'header' | 'touchableBackdrop' | 'box:pose' | 'title' | `closeButton${Capitalize<ButtonComposition>}`;
|
|
13
|
+
export declare type MobileModalComposition = MobileModalParts | `${MobileModalParts}:visible`;
|
|
14
|
+
export declare const MobileModalStyles: {
|
|
15
|
+
default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
16
|
+
popup: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
17
|
+
fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
18
|
+
block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
19
|
+
flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
20
|
+
absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
21
|
+
sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
22
|
+
row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
23
|
+
center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
24
|
+
column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
25
|
+
wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
26
|
+
inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
27
|
+
inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
28
|
+
hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
29
|
+
full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
30
|
+
noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
31
|
+
fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
32
|
+
fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
33
|
+
fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
34
|
+
fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
35
|
+
fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
36
|
+
whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
37
|
+
centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
38
|
+
listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
39
|
+
alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
40
|
+
alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
41
|
+
alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
42
|
+
alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
43
|
+
alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
44
|
+
alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
45
|
+
justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
46
|
+
justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
47
|
+
justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
48
|
+
justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
49
|
+
justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
50
|
+
textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
51
|
+
textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
52
|
+
textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
53
|
+
blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
54
|
+
elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
55
|
+
neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
56
|
+
scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
57
|
+
scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
58
|
+
scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
59
|
+
debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
60
|
+
debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
61
|
+
debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
62
|
+
debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
|
|
63
|
+
roundish: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
64
|
+
dynamicHandler: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
65
|
+
fullscreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
|
|
66
|
+
};
|
|
@@ -0,0 +1,57 @@
|
|
|
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 ({}); }) });
|
|
57
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Modal/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAOyB;AAEZ,QAAA,oBAAoB,GAAG;IAClC,QAAQ,EAAE,GAAG;IACb,IAAI,EAAE,SAAS;IACf,eAAe,EAAE,KAAK;CACvB,CAAA;AAEY,QAAA,eAAe,GAAG;IAC7B,QAAQ,EAAE,GAAG;IACb,IAAI,EAAE,SAAS;IACf,eAAe,EAAE,KAAK;CACvB,CAAA;AAoBD,IAAM,gBAAgB,GAAG,IAAA,oCAA2B,GAA0B,CAAA;AAE9E,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,KAAK,IAAK,OAAA,gBAAgB,CAAC,cAAM,OAAA,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAjB,CAAiB,CAAC,EAAzC,CAAyC,CAClF,CAAA;AAED,IAAM,kBAAkB,GAAG,oBAAW,CAAA;AAEzB,QAAA,iBAAiB,kCACzB,kBAAkB,GAClB,OAAO,KACV,OAAO,EAAE,gBAAgB,CAAC,UAAC,KAAK;;QAC9B,IAAM,QAAQ,yBACT,KAAK,CAAC,OAAO,CAAC,KAAK,KACtB,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,KAAK,EAC3B,MAAM,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,MAAM,GAC9B,CAAA;QAED,OAAO;YACL,OAAO,aACL,MAAM,EAAE,CAAC,IAEN,QAAQ,CACZ;YAED,OAAO,aACL,OAAO,EAAE,CAAC,EAEV,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAChC,QAAQ,CACZ;YACD,iBAAiB,EAAE;gBACjB,OAAO,EAAE,GAAG;aACb;YACD,YAAY,EAAE,EAAE;YAChB,kBAAkB,sBAChB,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,QAAQ,IACjB,KAAK,CAAC,OAAO,CAAC,aAAa,KAC9B,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,GAC/B;YACD,GAAG,aACD,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,EACxC,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,MAAM,IACpC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAC5B;YACD,iBAAiB,eACZ,QAAQ,CACZ;YACD,UAAU,EAAE;gBACV,OAAO,EAAE,CAAC;gBACV,KAAK,EAAE,GAAG;gBACV,UAAU,EAAE,uBAAe;aAC5B;YACD,kBAAkB,EAAE;gBAClB,OAAO,EAAE,CAAC;gBACV,KAAK,EAAE,CAAC;gBACR,UAAU,EAAE,uBAAe;aAC5B;YACD,MAAM,sBACJ,aAAa,EAAE,KAAK,IACjB,KAAK,CAAC,OAAO,CAAC,mBAAmB,GACjC,KAAK,CAAC,OAAO,CAAC,WAAW,CAC7B;YACD,kBAAkB,aAChB,SAAS,EAAE,QAAQ,IAChB,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CACpC;YACD,KAAK,0CACA,KAAK,CAAC,OAAO,CAAC,UAAU,GACxB,IAAA,wBAAe,EAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,GACjC,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,KACjC,IAAI,EAAE,CAAC,GACR;SACF,CAAA;IACH,CAAC,CAAC,EACF,KAAK,EAAE,gBAAgB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC,EAAE,CAAC,EAAJ,CAAI,CAAC,IACzC"}
|
|
@@ -0,0 +1,76 @@
|
|
|
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
|
+
return <NavigationComponent.Navigator {...props}>
|
|
54
|
+
{Object.entries(scenes).map(function (_a, idx) {
|
|
55
|
+
var _b;
|
|
56
|
+
var name = _a[0], content = _a[1];
|
|
57
|
+
var isFunction = common_1.TypeGuards.isFunction(content);
|
|
58
|
+
var screenProps = {
|
|
59
|
+
name: name,
|
|
60
|
+
};
|
|
61
|
+
if (isFunction) {
|
|
62
|
+
screenProps.component = content;
|
|
63
|
+
}
|
|
64
|
+
else {
|
|
65
|
+
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);
|
|
66
|
+
var nameParts_1 = name.split('.');
|
|
67
|
+
screenProps = __assign(__assign({}, screenProps), { options: function (optionProps) { return (__assign({ title: nameParts_1[nameParts_1.length - 1] || name.replace('.', ''), tabBarIcon: function (style) { return <Icon_1.Icon name={content === null || content === void 0 ? void 0 : content.icon} style={style}/>; } }, (common_1.TypeGuards.isFunction(content.options) ? content.options(optionProps) : content.options))); } });
|
|
68
|
+
}
|
|
69
|
+
return (
|
|
70
|
+
// @ts-ignore
|
|
71
|
+
<NavigationComponent.Screen key={idx} {...screenProps}/>);
|
|
72
|
+
})}
|
|
73
|
+
</NavigationComponent.Navigator>;
|
|
74
|
+
};
|
|
75
|
+
exports.Navigation = Navigation;
|
|
76
|
+
//# sourceMappingURL=Navigation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Navigation.js","sourceRoot":"","sources":["../../../src/components/Navigation/Navigation.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,cAAc;AACd,2CAA8B;AAC9B,2CAEyB;AACzB,gCAA8B;AAE9B,yCAAwC;AAGjC,IAAM,UAAU,GAAG,UAA0B,EAA6C;IAA5C,IAAA,IAAI,UAAA,EAAE,MAAM,YAAA,EAAM,KAAK,cAAxB,kBAAyB,CAAD;IAC1E,IAAM,mBAAmB,GAAG,sBAAU,CAAC,IAAI,CAAmB,CAAA;IAG9D,OAAO,CAAC,mBAAmB,CAAC,SAAS,CAAC,IAAK,KAAa,CAAC,CACvD;IAAA,CACE,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,UAAC,EAAe,EAAE,GAAG;;gBAAnB,IAAI,QAAA,EAAE,OAAO,QAAA;YACxC,IAAM,UAAU,GAAG,mBAAU,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;YAEjD,IAAI,WAAW,GAAG;gBAChB,IAAI,MAAA;aACqB,CAAA;YAE3B,IAAI,UAAU,EAAC;gBACb,WAAW,CAAC,SAAS,GAAG,OAAO,CAAA;aAChC;iBAAM;gBACL,WAAW,CAAC,SAAS,GAAG,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,0CAAE,OAAO,MAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,CAAA,KAAK,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAA,CAAA;gBAC9F,IAAM,WAAS,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;gBAEjC,WAAW,yBACN,WAAW,KACd,OAAO,EAAE,UAAC,WAAW,IAAK,OAAA,YACxB,KAAK,EAAE,WAAS,CAAC,WAAS,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,EAC/D,UAAU,EAAE,UAAC,KAAK,IAAK,OAAA,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAE,EAA1C,CAA0C,IAC9D,CAAC,mBAAU,CAAC,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,CAAE,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAC7F,EAJwB,CAIxB,GACH,CAAA;aACF;YAED,OAAO;YACL,aAAa;YACb,CAAC,mBAAmB,CAAC,MAAM,CACzB,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,IAAI,WAAW,CAAC,EAEhB,CACH,CAAA;QACH,CAAC,CAAC,CAEN;EAAA,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAA;AAClC,CAAC,CAAA;AAxCY,QAAA,UAAU,cAwCtB"}
|
|
@@ -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":";;AA+BA,uCAAuC;AACvC,0BAA0B;AAC1B,0BAA0B;AAE1B,QAAQ;AACR,IAAI"}
|
|
@@ -0,0 +1,67 @@
|
|
|
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
|
+
var AllScenes = Object.entries(Scenes).reduce(function (allScenes, _a) {
|
|
42
|
+
var moduleName = _a[0], content = _a[1];
|
|
43
|
+
var subScenes = [];
|
|
44
|
+
for (var _i = 0, _b = Object.entries(content.scenes); _i < _b.length; _i++) {
|
|
45
|
+
var _c = _b[_i], name = _c[0], sceneContent = _c[1];
|
|
46
|
+
subScenes.push(["".concat(moduleName, ".").concat(name), sceneContent]);
|
|
47
|
+
}
|
|
48
|
+
return __spreadArray(__spreadArray([], allScenes, true), subScenes, true);
|
|
49
|
+
}, []);
|
|
50
|
+
var AppScenes = Object.fromEntries(AllScenes);
|
|
51
|
+
var SCENES_RESULT = Object.fromEntries(Object.entries(Scenes)
|
|
52
|
+
.map(function (_a) {
|
|
53
|
+
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"]);
|
|
54
|
+
var filterScenes = null;
|
|
55
|
+
if (exclude) {
|
|
56
|
+
filterScenes = Object.fromEntries(AllScenes.filter(function (_a) {
|
|
57
|
+
var path = _a[0];
|
|
58
|
+
return !exclude.some(function (param) { return path.startsWith(param); });
|
|
59
|
+
}));
|
|
60
|
+
}
|
|
61
|
+
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}/>; };
|
|
62
|
+
return [S, __assign(__assign({}, otherProps), { component: Component })];
|
|
63
|
+
}));
|
|
64
|
+
return SCENES_RESULT;
|
|
65
|
+
}
|
|
66
|
+
exports.createAppNavigation = createAppNavigation;
|
|
67
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/Navigation/utils.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,2CAAyC;AAEzC,SAAgB,mBAAmB,CAAC,MAAU;IAC5C,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,EAAC;YAAvD,IAAA,WAAoB,EAAnB,IAAI,QAAA,EAAE,YAAY,QAAA;YAE5B,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,EAAmE;QAAlE,aAAA,CAAC,QAAA,cAAI,UAAU,gBAAA,EAAE,OAAO,aAAA,EAAE,IAAI,UAAA,EAAE,eAAe,qBAAA,EAAM,UAAU,cAA5D,oDAA8D,CAAF;QACpE,IAAI,YAAY,GAAG,IAAI,CAAA;QAEvB,IAAI,OAAO,EAAC;YACV,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;QAEF,OAAO,CAAC,CAAC,wBACJ,UAAU,KACb,SAAS,EAAE,SAAS,IACpB,CAAA;IACJ,CAAC,CAAC,CACL,CAAA;IAED,OAAO,aAAa,CAAA;AACtB,CAAC;AAjDD,kDAiDC"}
|