@codeleap/mobile 1.3.1 → 1.4.2

package/dist/components/Modal/styles.js

@@ -1,62 +1,65 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MobileModalStyles = exports.modalTransition = exports.backgroundTransition = void 0;
-var common_1 = require("@codeleap/common");
-exports.backgroundTransition = {
-    duration: 200,
-    ease: 'easeOut',
-    useNativeDriver: false,
-};
-exports.modalTransition = {
-    duration: 150,
-    ease: 'easeOut',
-    useNativeDriver: false,
-};
-var createModalStyle = (0, common_1.createDefaultVariantFactory)();
-var presets = (0, common_1.includePresets)(function (style) { return createModalStyle(function () { return ({ wrapper: style }); }); });
-var defaultModalStyles = common_1.ModalStyles;
-exports.MobileModalStyles = __assign(__assign(__assign({}, presets), defaultModalStyles), { default: createModalStyle(function (Theme) {
-        var _a, _b;
-        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 });
-        return {
-            wrapper: __assign({ zIndex: 1 }, fullSize),
-            overlay: __assign({ opacity: 0, zIndex: 2, backgroundColor: Theme.colors.black }, fullSize),
-            "overlay:visible": {
-                opacity: 0.5
-            },
-            innerWrapper: {
-                zIndex: 3,
-            },
-            innerWrapperScroll: __assign(__assign({ display: 'flex', alignItems: 'center' }, Theme.presets.justifyCenter), { minHeight: Theme.values.height, zIndex: 3 }),
-            box: __assign({ width: '80%', backgroundColor: Theme.colors.white, zIndex: 10, borderRadius: Theme.borderRadius.medium }, Theme.spacing.padding(1)),
-            touchableBackdrop: __assign(__assign({}, fullSize), { zIndex: 5 }),
-            "box:pose": {
-                opacity: 0,
-                scale: 0.8,
-                y: Theme.values.height * 0.15,
-                transition: exports.modalTransition,
-            },
-            "box:pose:visible": {
-                y: 0,
-                opacity: 1,
-                scale: 1,
-                transition: exports.modalTransition,
-            },
-            header: __assign(__assign({ flexDirection: 'row' }, Theme.presets.justifySpaceBetween), Theme.presets.alignCenter),
-            closeButtonWrapper: {
-                alignSelf: 'center',
-            }
-        };
-    }), popup: createModalStyle(function (Theme) { return ({}); }) });
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MobileModalStyles = exports.modalTransition = exports.backgroundTransition = void 0;
+var common_1 = require("@codeleap/common");
+exports.backgroundTransition = {
+    duration: 200,
+    ease: 'easeOut',
+    useNativeDriver: false,
+};
+exports.modalTransition = {
+    duration: 150,
+    ease: 'easeOut',
+    useNativeDriver: false,
+};
+var createModalStyle = (0, common_1.createDefaultVariantFactory)();
+var presets = (0, common_1.includePresets)(function (style) { return createModalStyle(function () { return ({ body: style }); }); });
+var defaultModalStyles = common_1.ModalStyles;
+exports.MobileModalStyles = __assign(__assign(__assign({}, defaultModalStyles), presets), { default: createModalStyle(function (Theme) {
+        var _a, _b;
+        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 });
+        return {
+            wrapper: __assign({ zIndex: 1 }, fullSize),
+            overlay: __assign({ opacity: 0, backgroundColor: Theme.colors.black }, fullSize),
+            'overlay:visible': {
+                opacity: 0.5,
+            },
+            innerWrapper: {},
+            innerWrapperScroll: __assign(__assign({ display: 'flex', alignItems: 'center' }, Theme.presets.justifyCenter), { minHeight: Theme.values.height }),
+            box: __assign({ width: '80%', backgroundColor: Theme.colors.background, borderRadius: Theme.borderRadius.medium }, Theme.spacing.padding(2)),
+            touchableBackdrop: __assign({}, fullSize),
+            'box:pose': {
+                opacity: 0,
+                scale: 0.8,
+                transition: exports.modalTransition,
+            },
+            'box:pose:visible': {
+                opacity: 1,
+                scale: 1,
+                transition: exports.modalTransition,
+            },
+            header: __assign(__assign({ flexDirection: 'row' }, Theme.presets.justifySpaceBetween), Theme.presets.alignCenter),
+            closeButtonWrapper: __assign({ alignSelf: 'center' }, Theme.spacing.marginLeft('auto')),
+            title: __assign(__assign(__assign(__assign({}, Theme.presets.textCenter), (0, common_1.assignTextStyle)('h3')(Theme).text), Theme.spacing.paddingBottom(1)), { flex: 1 }),
+        };
+    }), popup: createModalStyle(function (theme) { return ({}); }), fullscreen: createModalStyle(function (theme) { return ({
+        overlay: {
+            backgroundColor: theme.colors.background,
+        },
+        'overlay:visible': {
+            opacity: 1,
+        },
+        box: __assign({ flex: 1, borderRadius: 0, width: theme.values.width, height: theme.values.height }, theme.presets.center),
+    }); }) });
 //# sourceMappingURL=styles.js.map

package/dist/components/Modal/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Modal/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAAgI;AAGnH,QAAA,oBAAoB,GAAG;IAChC,QAAQ,EAAE,GAAG;IACb,IAAI,EAAE,SAAS;IACf,eAAe,EAAE,KAAK;CACzB,CAAA;AAEY,QAAA,eAAe,GAAG;IAC3B,QAAQ,EAAE,GAAG;IACb,IAAI,EAAE,SAAS;IACf,eAAe,EAAE,KAAK;CACzB,CAAA;AAoBD,IAAM,gBAAgB,GAAG,IAAA,oCAA2B,GAA0B,CAAA;AAE9E,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,KAAK,IAAO,OAAA,gBAAgB,CAAC,cAAM,OAAA,CAAC,EAAC,OAAO,EAAE,KAAK,EAAC,CAAC,EAAlB,CAAkB,CAAC,EAA1C,CAA0C,CAAC,CAAA;AAEvF,IAAM,kBAAkB,GAAG,oBAAW,CAAA;AAEzB,QAAA,iBAAiB,kCACxB,OAAO,GACP,kBAAkB,KACrB,OAAO,EAAE,gBAAgB,CAAC,UAAC,KAAK;;QAE/B,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,EAAC,CAAC,IAEL,QAAQ,CACZ;YAED,OAAO,aACL,OAAO,EAAE,CAAC,EACV,MAAM,EAAE,CAAC,EAET,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAChC,QAAQ,CACZ;YACD,iBAAiB,EAAE;gBACjB,OAAO,EAAE,GAAG;aACb;YACD,YAAY,EAAE;gBAEZ,MAAM,EAAE,CAAC;aACT;YACF,kBAAkB,sBAChB,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,QAAQ,IACjB,KAAK,CAAC,OAAO,CAAC,aAAa,KAC9B,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAC9B,MAAM,EAAE,CAAC,GACV;YACD,GAAG,aACD,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EACnC,MAAM,EAAE,EAAE,EACV,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,MAAM,IACpC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAE5B;YACD,iBAAiB,wBACZ,QAAQ,KAEX,MAAM,EAAC,CAAC,GACT;YACD,UAAU,EAAE;gBACV,OAAO,EAAE,CAAC;gBACV,KAAK,EAAE,GAAG;gBACV,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,IAAI;gBAC7B,UAAU,EAAE,uBAAe;aAC5B;YACD,kBAAkB,EAAE;gBAClB,CAAC,EAAE,CAAC;gBACJ,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,EAAE;gBAClB,SAAS,EAAE,QAAQ;aAEpB;SAGF,CAAA;IAEF,CAAC,CAAC,EACF,KAAK,EAAE,gBAAgB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC,EAEnC,CAAC,EAFiC,CAEjC,CAAC,IACL"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Modal/styles.ts"],"names":[],"mappings":"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"}

package/dist/components/Navigation/Navigation.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { NavigationProps } from './types';
+export declare const Navigation: <T extends "Drawer" | "Stack" | "Tab">({ type, scenes, ...props }: NavigationProps<T>) => JSX.Element;

package/dist/components/Navigation/Navigation.js

@@ -0,0 +1,84 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Navigation = void 0;
+// @ts-nocheck
+var React = __importStar(require("react"));
+var common_1 = require("@codeleap/common");
+var Icon_1 = require("../Icon");
+var constants_1 = require("./constants");
+var Navigation = function (_a) {
+    var type = _a.type, scenes = _a.scenes, props = __rest(_a, ["type", "scenes"]);
+    var NavigationComponent = constants_1.Navigators[type];
+    var defaultProps = {};
+    if (type === 'Tab') {
+        defaultProps.screenOptions = { headerShown: false };
+    }
+    // console.log('render Navigation', { type, scenes, props, defaultProps })
+    return <NavigationComponent.Navigator {...props} {...defaultProps}>
+    {Object.entries(scenes).map(function (_a, idx) {
+            var _b;
+            var name = _a[0], content = _a[1];
+            var isFunction = common_1.TypeGuards.isFunction(content);
+            var screenProps = {
+                name: name,
+            };
+            if (isFunction) {
+                screenProps.component = content;
+                // console.log('Render NavigationScreen', { scenes, screenProps, content, isFunction }, 'PACKAGES')
+            }
+            else {
+                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);
+                var nameParts = name.split('.');
+                var title_1 = (content === null || content === void 0 ? void 0 : content.title) || nameParts[nameParts.length - 1] || name.replace('.', '');
+                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))); } });
+                // console.log('Render NavigationScreen loop', { scenes, screenProps, content, title, isFunction, props }, 'PACKAGES')
+            }
+            return (
+            // @ts-ignore
+            <NavigationComponent.Screen key={idx} {...screenProps}/>);
+        })}
+  </NavigationComponent.Navigator>;
+};
+exports.Navigation = Navigation;
+//# sourceMappingURL=Navigation.js.map

package/dist/components/Navigation/Navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.js","sourceRoot":"","sources":["../../../src/components/Navigation/Navigation.tsx"],"names":[],"mappings":"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"}

package/dist/components/Navigation/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const Navigators: {
+    Drawer: any;
+    Stack: any;
+    Tab: any;
+};

package/dist/components/Navigation/constants.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Navigators = void 0;
+// @ts-nocheck
+var reactNavigation_1 = require("../../modules/reactNavigation");
+exports.Navigators = {
+    Drawer: (0, reactNavigation_1.createDrawerNavigator)(),
+    Stack: (0, reactNavigation_1.createStackNavigator)(),
+    Tab: (0, reactNavigation_1.createBottomTabNavigator)(),
+};
+//# sourceMappingURL=constants.js.map

package/dist/components/Navigation/constants.js.map

@@ -0,0 +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"}

package/dist/components/Navigation/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Navigation';
+export * from './types';
+export * from './utils';

package/dist/components/Navigation/index.js

@@ -0,0 +1,16 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Navigation"), exports);
+__exportStar(require("./types"), exports);
+__exportStar(require("./utils"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/Navigation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Navigation/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,+CAA4B;AAC5B,0CAAuB;AACvB,0CAAuB"}

package/dist/components/Navigation/types.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import { IconPlaceholder } from '@codeleap/common';
+import { Navigators } from './constants';
+export declare type TNavigators = typeof Navigators;
+export declare type NavigatorType = keyof TNavigators;
+export declare type PropTypes = {
+    [P in NavigatorType]: {
+        Screen: Omit<React.ComponentPropsWithRef<TNavigators[P]['Screen']>, 'children' | 'name'>;
+        Navigator: Omit<React.ComponentPropsWithRef<TNavigators[P]['Navigator']>, 'children' | 'name'>;
+        Group: Omit<React.ComponentPropsWithRef<TNavigators[P]['Group']>, 'children' | 'name'>;
+    };
+};
+export declare type SceneComponent<K extends NavigatorType> = PropTypes[K]['Screen']['component'];
+export declare type SceneOptions<K extends NavigatorType> = {
+    icon?: IconPlaceholder;
+    default?: SceneComponent<K>;
+} & PropTypes[K]['Screen'];
+export declare type Scene<K extends NavigatorType> = SceneComponent<K> | SceneOptions<K>;
+export declare type Scenes<K extends NavigatorType> = {
+    [x: string]: Scene<K>;
+};
+export declare type SceneProps = any;
+export declare type NavigationProps<T extends NavigatorType> = {
+    type: T;
+    scenes: Scenes<T>;
+} & PropTypes[T]['Navigator'];

package/dist/components/Navigation/types.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// export type NavigationStructure  = {
+//     [module:string] : {
+//         scenes: Scenes,
+//     }
+// }
+//# sourceMappingURL=types.js.map

package/dist/components/Navigation/types.js.map

@@ -0,0 +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"}

package/dist/components/Navigation/utils.d.ts

@@ -0,0 +1,3 @@
+export declare function createAppNavigation(Scenes: any): {
+    [k: string]: any;
+};

package/dist/components/Navigation/utils.js

@@ -0,0 +1,70 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createAppNavigation = void 0;
+var react_1 = __importDefault(require("react"));
+var Navigation_1 = require("./Navigation");
+function createAppNavigation(Scenes) {
+    console.log('Creating app navigation', { Scenes: Scenes }, 'PACKAGES');
+    var AllScenes = Object.entries(Scenes).reduce(function (allScenes, _a) {
+        var moduleName = _a[0], content = _a[1];
+        var subScenes = [];
+        for (var _i = 0, _b = Object.entries(content.scenes); _i < _b.length; _i++) {
+            var _c = _b[_i], name = _c[0], sceneContent = _c[1];
+            subScenes.push(["".concat(moduleName, ".").concat(name), sceneContent]);
+        }
+        return __spreadArray(__spreadArray([], allScenes, true), subScenes, true);
+    }, []);
+    var AppScenes = Object.fromEntries(AllScenes);
+    var SCENES_RESULT = Object.fromEntries(Object.entries(Scenes)
+        .map(function (_a) {
+        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"]);
+        var filterScenes = null;
+        if (exclude) {
+            filterScenes = Object.fromEntries(AllScenes.filter(function (_a) {
+                var path = _a[0];
+                return !exclude.some(function (param) { return path.startsWith(param); });
+            }));
+        }
+        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}/>; };
+        // console.log('SCENES_RESULT create', { _ig_scenes, exclude, type, navigationProps, otherProps })
+        return [S, __assign(__assign({}, otherProps), { component: Component })];
+    }));
+    // console.log('SCENES_RESULT', SCENES_RESULT)
+    return SCENES_RESULT;
+}
+exports.createAppNavigation = createAppNavigation;
+//# sourceMappingURL=utils.js.map

package/dist/components/Navigation/utils.js.map

@@ -0,0 +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"}

package/dist/components/Overlay.d.ts

@@ -1,16 +1,16 @@
-import * as React from 'react';
-import { ComponentVariants, OverlayComposition, OverlayStyles } from "@codeleap/common";
-import { ReactNode } from "react";
-import { StylesOf } from "../types/utility";
-import { ViewProps } from "react-native";
-import { AnimatedTouchable } from '.';
-export declare type OverlayProps = ViewProps & {
-    title?: ReactNode;
-    visible?: boolean;
-    showClose?: boolean;
-    variants?: ComponentVariants<typeof OverlayStyles>;
-    styles?: StylesOf<OverlayComposition>;
-    style?: any;
-    onPress?: () => void;
-} & React.ComponentPropsWithoutRef<typeof AnimatedTouchable>;
-export declare const Overlay: React.FC<OverlayProps>;
+import * as React from 'react';
+import { ComponentVariants, OverlayComposition, OverlayStyles } from '@codeleap/common';
+import { ReactNode } from 'react';
+import { StylesOf } from '../types/utility';
+import { ViewProps } from 'react-native';
+import { AnimatedTouchable } from './Touchable';
+export declare type OverlayProps = ViewProps & {
+    title?: ReactNode;
+    visible?: boolean;
+    showClose?: boolean;
+    variants?: ComponentVariants<typeof OverlayStyles>;
+    styles?: StylesOf<OverlayComposition>;
+    style?: any;
+    onPress?: () => void;
+} & React.ComponentPropsWithoutRef<typeof AnimatedTouchable>;
+export declare const Overlay: React.FC<OverlayProps>;

package/dist/components/Overlay.js

@@ -1,68 +1,66 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Overlay = void 0;
-var React = __importStar(require("react"));
-var common_1 = require("@codeleap/common");
-var TextInput_1 = require("./TextInput");
-var Button_1 = require("./Button");
-var View_1 = require("./View");
-var react_native_1 = require("react-native");
-var _1 = require(".");
-var Overlay = function (overlayProps) {
-    var showClose = overlayProps.showClose, title = overlayProps.title, children = overlayProps.children, visible = overlayProps.visible, styles = overlayProps.styles, style = overlayProps.style, variants = overlayProps.variants, props = __rest(overlayProps, ["showClose", "title", "children", "visible", "styles", "style", "variants"]);
-    var variantStyles = (0, common_1.useComponentStyle)('Overlay', {
-        styles: styles,
-        transform: react_native_1.StyleSheet.flatten,
-        variants: variants
-    });
-    var touchableStyle = [
-        variantStyles.wrapper,
-        styles.wrapper,
-        visible && variantStyles['wrapper:visible'],
-        visible && styles['wrapper:visible']
-    ];
-    return <_1.AnimatedTouchable 
-    // @ts-ignore
-    transition={'opacity'} style={touchableStyle} {...props}>
-           <View_1.View>
-               
-               {(title || showClose) && (<View_1.View style={variantStyles.header}>
-                        <TextInput_1.InputLabel style={variantStyles.title} label={title}/>
-                        {showClose && <Button_1.Button variants={['icon']} icon={'close'} style={variantStyles.closeButton}/>}
-                    </View_1.View>)}
-        
-            </View_1.View> 
-        </_1.AnimatedTouchable>;
-};
-exports.Overlay = Overlay;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Overlay = void 0;
+var React = __importStar(require("react"));
+var common_1 = require("@codeleap/common");
+var TextInput_1 = require("./TextInput");
+var Button_1 = require("./Button");
+var View_1 = require("./View");
+var react_native_1 = require("react-native");
+var Touchable_1 = require("./Touchable");
+var Overlay = function (overlayProps) {
+    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"]);
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('Overlay', {
+        styles: styles,
+        transform: react_native_1.StyleSheet.flatten,
+        variants: variants,
+    });
+    var touchableStyle = [
+        variantStyles.wrapper,
+        styles.wrapper,
+        visible && variantStyles['wrapper:visible'],
+        visible && styles['wrapper:visible'],
+    ];
+    return (<Touchable_1.AnimatedTouchable 
+    // @ts-ignore
+    transition={'opacity'} style={touchableStyle} {...props}>
+      <View_1.View>
+        {(title || showClose) && (<View_1.View style={variantStyles.header}>
+            <TextInput_1.InputLabel style={variantStyles.title} label={title}/>
+            {showClose && (<Button_1.Button variants={['icon']} icon={'close'} style={variantStyles.closeButton} debugName={'Close icon'}/>)}
+          </View_1.View>)}
+      </View_1.View>
+    </Touchable_1.AnimatedTouchable>);
+};
+exports.Overlay = Overlay;
 //# sourceMappingURL=Overlay.js.map

package/dist/components/Overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"Overlay.js","sourceRoot":"","sources":["../../src/components/Overlay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAE/B,2CAA2H;AAE3H,yCAAyC;AACzC,mCAAiC;AAEjC,+BAA8B;AAE9B,6CAAoD;AACpD,sBAAqC;AAc9B,IAAM,OAAO,GAA0B,UAAC,YAAY;IAGnD,IAAA,SAAS,GAQT,YAAY,UARH,EACT,KAAK,GAOL,YAAY,MAPP,EACL,QAAQ,GAMR,YAAY,SANJ,EACR,OAAO,GAKP,YAAY,QALL,EACP,MAAM,GAIN,YAAY,OAJN,EACN,KAAK,GAGL,YAAY,MAHP,EACL,QAAQ,GAER,YAAY,SAFJ,EACL,KAAK,UACR,YAAY,EATV,4EASL,CADW,CACI;IAEhB,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,SAAS,EAAE;QAC/C,MAAM,QAAA;QACN,SAAS,EAAE,yBAAU,CAAC,OAAO;QAC7B,QAAQ,EAAE,QAAe;KAC5B,CAAC,CAAA;IAEF,IAAM,cAAc,GAAG;QACnB,aAAa,CAAC,OAAO;QACrB,MAAM,CAAC,OAAO;QACd,OAAO,IAAI,aAAa,CAAC,iBAAiB,CAAC;QAC3C,OAAO,IAAI,MAAM,CAAC,iBAAiB,CAAC;KACvC,CAAA;IAGD,OAAO,CAAC,oBAAiB;IACjB,aAAa;IACb,UAAU,CAAC,CAAC,SAAS,CAAC,CACtB,KAAK,CAAC,CAAC,cAAc,CAAC,CACtB,IAAI,KAAK,CAAC,CAEX;WAAA,CAAC,WAAI,CAED;;eAAA,CAAE,CAAC,KAAK,IAAI,SAAS,CAAC,IAAI,CACrB,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CAC9B;wBAAA,CAAC,sBAAU,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EACrD;wBAAA,CACI,SAAS,IAAI,CAAC,eAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,OAA0B,CAAC,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,WAAW,CAAC,EAAE,CAEtH;oBAAA,EAAE,WAAI,CAAC,CACV,CAEL;;YAAA,EAAE,WAAI,CACV;QAAA,EAAE,oBAAiB,CAAC,CAAA;AAE5B,CAAC,CAAA;AA/CY,QAAA,OAAO,WA+CnB"}
+{"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"}

package/dist/components/Pager/index.d.ts

@@ -0,0 +1,19 @@
+import { ComponentVariants } from '@codeleap/common';
+import React from 'react';
+import { StylesOf } from '../../types/utility';
+import { MobilePagerStyles, PagerComposition } from './styles';
+export * from './styles';
+export declare type PagerProps = {
+    variants?: ComponentVariants<typeof MobilePagerStyles>['variants'];
+    styles?: StylesOf<PagerComposition>;
+    page?: number;
+    loop?: boolean;
+    debug?: boolean;
+    onPageChange?: (page: number) => void;
+};
+export declare type PagerRef = {
+    forward(by?: number): void;
+    back(by?: number): void;
+    to(index?: number): void;
+};
+export declare const Pager: React.ForwardRefExoticComponent<PagerProps & React.RefAttributes<PagerRef>>;