@codeleap/mobile 1.0.0

package/dist/components/Drawer.js

@@ -0,0 +1,78 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Drawer = void 0;
+var React = __importStar(require("react"));
+var common_1 = require("@codeleap/common");
+var react_native_1 = require("react-native");
+var View_1 = require("./View");
+var View_2 = require("./View");
+var styles_1 = require("../utils/styles");
+var Touchable_1 = require("./Touchable");
+var height = react_native_1.Dimensions.get('screen').height;
+var axisMap = {
+    top: [-1, 'Y'],
+    bottom: [1, 'Y'],
+    left: [-1, 'X'],
+    right: [1, 'X'],
+};
+var Drawer = function (drawerProps) {
+    var open = drawerProps.open, variants = drawerProps.variants, responsiveVariants = drawerProps.responsiveVariants, styles = drawerProps.styles, size = drawerProps.size, children = drawerProps.children, toggle = drawerProps.toggle;
+    // const slideAnim = useRef(new Animated.Value(0)).current
+    var variantStyles = (0, common_1.useComponentStyle)('Drawer', {
+        variants: variants,
+        responsiveVariants: responsiveVariants,
+        styles: styles,
+    });
+    // onUpdate(() => {
+    //     if(open){
+    //         Animated.timing(slideAnim,{
+    //             toValue: 0,
+    //             duration: 600,
+    //             useNativeDriver: true
+    //         }).start()
+    //     }else{
+    //         Animated.timing(slideAnim,{
+    //             toValue: 0.5,
+    //             duration: 600,
+    //             useNativeDriver: true
+    //         }).start()
+    //     }
+    // },[open])
+    var logStyles = (0, styles_1.useLogStyles)();
+    logStyles('Drawer ', [variantStyles.box, {
+            transform: [{ translateX: open ? 0 : 100 }],
+            width: size,
+            height: '100%'
+        }]);
+    return <View_2.View variants={['whole']} style={variantStyles.wrapper} pointerEvents={open ? 'auto' : 'none'}>
+        <Touchable_1.AnimatedTouchable onPress={function () { return toggle(); }} style={[variantStyles.overlay, { opacity: open ? 0.5 : 0 }]}/>
+        <View_1.AnimatedView style={[variantStyles.box, {
+                transform: [{ translateX: open ? 0 : -size }],
+                width: size,
+                height: height
+            }]}>
+            {children}
+        </View_1.AnimatedView>
+    </View_2.View>;
+};
+exports.Drawer = Drawer;
+//# sourceMappingURL=Drawer.js.map

package/dist/components/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../src/components/Drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CAAsJ;AAEtJ,6CAAyC;AACzC,+BAAqC;AACrC,+BAA6B;AAC7B,0CAA8C;AAC9C,yCAA+C;AACxC,IAAA,MAAM,GAAI,yBAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,OAA5B,CAA4B;AACzC,IAAM,OAAO,GAAG;IACZ,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC;IACd,MAAM,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC;IAChB,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC;IACf,KAAK,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC;CACP,CAAA;AAeL,IAAM,MAAM,GAAyB,UAAC,WAAW;IAEhD,IAAA,IAAI,GAOJ,WAAW,KAPP,EACJ,QAAQ,GAMR,WAAW,SANH,EACR,kBAAkB,GAKlB,WAAW,mBALO,EAClB,MAAM,GAIN,WAAW,OAJL,EACN,IAAI,GAGJ,WAAW,KAHP,EACJ,QAAQ,GAER,WAAW,SAFH,EACR,MAAM,GACN,WAAW,OADL,CACK;IAEf,0DAA0D;IAG1D,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,QAAQ,EAAE;QAC9C,QAAQ,UAAA;QACR,kBAAkB,oBAAA;QAClB,MAAM,QAAA;KAET,CAAC,CAAA;IACF,mBAAmB;IACnB,gBAAgB;IAEhB,sCAAsC;IACtC,0BAA0B;IAC1B,6BAA6B;IAC7B,oCAAoC;IACpC,qBAAqB;IACrB,aAAa;IACb,sCAAsC;IACtC,4BAA4B;IAC5B,6BAA6B;IAC7B,oCAAoC;IACpC,qBAAqB;IACrB,QAAQ;IACR,YAAY;IAEZ,IAAM,SAAS,GAAG,IAAA,qBAAY,GAAE,CAAA;IAEhC,SAAS,CAAC,SAAS,EAAE,CAAC,aAAa,CAAC,GAAG,EAAE;YACrC,SAAS,EAAE,CAAC,EAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAC,CAAC;YACzC,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,MAAM;SACjB,CAAC,CAAC,CAAA;IAEH,OAAO,CAAC,WAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAClG;QAAA,CAAC,6BAAiB,CACd,OAAO,CAAC,CAAC,cAAM,OAAA,MAAM,EAAE,EAAR,CAAQ,CAAC,CACxB,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAEhE;QAAA,CAAC,mBAAY,CACT,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,EAAE;gBACvB,SAAS,EAAE,CAAC,EAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAC,CAAC;gBAC3C,KAAK,EAAE,IAAI;gBACX,MAAM,EAAE,MAAM;aACjB,CAAC,CAAC,CAEH;YAAA,CAAC,QAAQ,CACb;QAAA,EAAE,mBAAY,CAClB;IAAA,EAAE,WAAI,CAAC,CAAA;AAEX,CAAC,CAAA;AA7DY,QAAA,MAAM,UA6DlB"}

package/dist/components/FileInput.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const FileInput: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;

package/dist/components/FileInput.js

@@ -0,0 +1,28 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileInput = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+exports.FileInput = React.forwardRef(function () {
+    return <react_native_1.Text>Not implemented</react_native_1.Text>;
+});
+//# sourceMappingURL=FileInput.js.map

package/dist/components/FileInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileInput.js","sourceRoot":"","sources":["../../src/components/FileInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,6CAAmC;AAEtB,QAAA,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC;IACtC,OAAO,CAAC,mBAAK,AAAD,CAAE,eAAe,EAAE,mBAAI,CAAC,CAAA;AACxC,CAAC,CAAC,CAAA"}

package/dist/components/Icon.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { ComponentVariants, IconPlaceholder, IconStyles } from '@codeleap/common';
+export declare type IconProps = {
+    name: IconPlaceholder;
+    style?: {
+        color: string;
+        size?: string | number;
+        width?: string | number;
+        height?: string | number;
+    };
+    variants?: ComponentVariants<typeof IconStyles>['variants'];
+};
+export declare const Icon: React.FC<IconProps>;

package/dist/components/Icon.js

@@ -0,0 +1,47 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Icon = void 0;
+var React = __importStar(require("react"));
+var common_1 = require("@codeleap/common");
+var react_native_1 = require("react-native");
+var Icon = function (_a) {
+    var _b;
+    var name = _a.name, style = _a.style, variants = _a.variants;
+    var Theme = (0, common_1.useStyle)().Theme;
+    if (!name)
+        return null;
+    var Component = (_b = Theme === null || Theme === void 0 ? void 0 : Theme.icons) === null || _b === void 0 ? void 0 : _b[name];
+    var logger = (0, common_1.useStyle)().logger;
+    var variantStyles = (0, common_1.useComponentStyle)('Icon', {
+        variants: variants,
+        styles: {
+            icon: react_native_1.StyleSheet.flatten([style]),
+        }
+    });
+    if (!Component) {
+        logger.warn('Icon', "No icon found in theme for name \"".concat(name, "\""), 'Component');
+        return null;
+    }
+    return <Component style={variantStyles.icon}/>;
+};
+exports.Icon = Icon;
+//# sourceMappingURL=Icon.js.map

package/dist/components/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../src/components/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CAA8G;AAC9G,6CAAyC;AAalC,IAAM,IAAI,GAAuB,UAAC,EAAuB;;QAAtB,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA;IACtD,IAAA,KAAK,GAAI,IAAA,iBAAQ,GAAE,MAAd,CAAc;IAE1B,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAA;IAEtB,IAAM,SAAS,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAG,IAAI,CAAC,CAAA;IAE/B,IAAA,MAAM,GAAI,IAAA,iBAAQ,GAAE,OAAd,CAAc;IAC3B,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,MAAM,EAAE;QAC9C,QAAQ,UAAA;QACR,MAAM,EAAE;YACN,IAAI,EAAE,yBAAU,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC;SAClC;KACF,CAAC,CAAA;IACF,IAAI,CAAC,SAAS,EAAE;QACd,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,4CAAoC,IAAI,OAAG,EAAE,WAAW,CAAC,CAAA;QAC7E,OAAO,IAAI,CAAA;KACZ;IACD,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAA;AAChD,CAAC,CAAA;AAnBY,QAAA,IAAI,QAmBhB"}

package/dist/components/Image.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { ComponentVariants, ImageStyles } from "@codeleap/common";
+import { ComponentPropsWithoutRef } from "react";
+import { Image as NativeImage } from 'react-native';
+import { FastImage } from '../modules/fastImage';
+declare type NativeImageProps = ComponentPropsWithoutRef<typeof NativeImage>;
+export declare type ImageProps = Omit<NativeImageProps, 'source'> & {
+    variants?: ComponentVariants<typeof ImageStyles>['variants'];
+    fast?: boolean;
+    source: NativeImageProps['source'] & {
+        priority?: keyof typeof FastImage.priority;
+    };
+    resizeMode?: keyof typeof FastImage.resizeMode;
+};
+export declare const Image: React.FC<ImageProps>;
+export {};

package/dist/components/Image.js

@@ -0,0 +1,48 @@
+"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.Image = void 0;
+var React = __importStar(require("react"));
+var common_1 = require("@codeleap/common");
+var react_native_1 = require("react-native");
+var fastImage_1 = require("../modules/fastImage");
+var Image = function (props) {
+    var variants = props.variants, style = props.style, fast = props.fast, resizeMode = props.resizeMode, resizeMethod = props.resizeMethod, imageProps = __rest(props, ["variants", "style", "fast", "resizeMode", "resizeMethod"]);
+    var variantStyles = (0, common_1.useComponentStyle)('Image', { variants: variants });
+    var styles = [variantStyles.wrapper, style];
+    if (fast) {
+        return <fastImage_1.FastImage style={styles} resizeMode={fastImage_1.FastImage.resizeMode[resizeMode || 'contain']} {...imageProps}/>;
+    }
+    return <react_native_1.Image style={styles} {...imageProps}/>;
+};
+exports.Image = Image;
+//# sourceMappingURL=Image.js.map

package/dist/components/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../src/components/Image.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CAAoF;AAEpF,6CAAmD;AACnD,kDAA8C;AAYvC,IAAM,KAAK,GAAwB,UAAC,KAAK;IAExC,IAAA,QAAQ,GAMR,KAAK,SANG,EACR,KAAK,GAKL,KAAK,MALA,EACL,IAAI,GAIJ,KAAK,KAJD,EACJ,UAAU,GAGV,KAAK,WAHK,EACV,YAAY,GAEZ,KAAK,aAFO,EACT,UAAU,UACb,KAAK,EAPH,2DAOL,CADgB,CACR;IAET,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,OAAO,EAAE,EAAC,QAAQ,UAAA,EAAC,CAAC,CAAA;IAE5D,IAAM,MAAM,GAAG,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IAG7C,IAAG,IAAI,EAAC;QACJ,OAAO,CAAC,qBAAS,CACb,KAAK,CAAC,CAAC,MAAM,CAAC,CACd,UAAU,CAAC,CAAE,qBAAS,CAAC,UAAU,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC,CAC3D,IAAI,UAAU,CAAC,EACjB,CAAA;KACL;IACD,OAAO,CAAC,oBAAW,CACf,KAAK,CAAC,CAAC,MAAM,CAAC,CACd,IAAI,UAAU,CAAC,EACjB,CAAA;AACN,CAAC,CAAA;AA1BY,QAAA,KAAK,SA0BjB"}

package/dist/components/Navigation.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { RouteConfig } from '@react-navigation/native';
+import { NativeStackScreenProps } from '@react-navigation/native-stack';
+import { AnyFunction } from '@codeleap/common';
+import { Paths } from '@codeleap/common/dist/types/pathMapping';
+export declare type AppScenes = {
+    [x: string]: {
+        [y: string]: AnyFunction | (Partial<Pick<RouteConfig<any, any, any, any, any>, 'options'>> & {
+            render: AnyFunction;
+            icon?: any;
+        });
+    };
+};
+declare const Navigators: {
+    drawer: any;
+    stack: any;
+    tab: any;
+};
+declare type NavigationType = keyof typeof Navigators;
+declare type NavigationProps<T extends NavigationType> = {
+    scenes: AppScenes;
+    type: T;
+} & React.ComponentPropsWithoutRef<(typeof Navigators)[T]['Navigator']>;
+export declare const Navigation: <T extends "tab" | "drawer" | "stack", P extends NavigationProps<T> = NavigationProps<T>>({ type, scenes, ...props }: P) => JSX.Element;
+export declare type NavigationScreenProps<S extends AppScenes, T extends NativeStackScreenProps<any, any> = NativeStackScreenProps<any, any>> = Omit<T, 'navigation'> & {
+    navigation: Omit<T['navigation'], 'navigate'> & {
+        navigate: (to: Exclude<Paths<S, 1>, keyof S>) => void;
+    };
+};
+export {};

package/dist/components/Navigation.js

@@ -0,0 +1,126 @@
+"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 native_stack_1 = require("@react-navigation/native-stack");
+var common_1 = require("@codeleap/common");
+var drawer_1 = require("@react-navigation/drawer");
+var bottom_tabs_1 = require("@react-navigation/bottom-tabs");
+var Icon_1 = require("./Icon");
+var parseModulePages = function (pageModule, _a) {
+    var _b;
+    var pageName = _a[0], Component = _a[1];
+    var name = "".concat(pageModule, ".").concat(pageName);
+    var props = {
+        name: name,
+        key: name,
+        options: {
+            title: pageName,
+        },
+        component: null,
+    };
+    switch (typeof Component) {
+        case 'function':
+            props.component = Component;
+        case 'object':
+            props = __assign(__assign({}, props), Component);
+            if (typeof Component.default === 'function') {
+                props.component = Component.default;
+            }
+            if (Component.render) {
+                props.component = typeof Component.render === 'function' ? Component.render : (_b = Component === null || Component === void 0 ? void 0 : Component.render) === null || _b === void 0 ? void 0 : _b.default;
+            }
+        default:
+            break;
+    }
+    return props;
+};
+var flattenScenes = function (_a) {
+    var scenes = _a.scenes, Theme = _a.Theme;
+    return Object.entries(scenes).reduce(function (acc, _a) {
+        var pageModule = _a[0], pages = _a[1];
+        var thisModulePages = {};
+        for (var _i = 0, _b = Object.entries(pages); _i < _b.length; _i++) {
+            var pageData = _b[_i];
+            var parsedData = parseModulePages(pageModule, pageData);
+            thisModulePages[parsedData.name] = parsedData;
+        }
+        return __assign(__assign({}, acc), thisModulePages);
+    }, {});
+};
+var Navigators = {
+    drawer: (0, drawer_1.createDrawerNavigator)(),
+    stack: (0, native_stack_1.createNativeStackNavigator)(),
+    tab: (0, bottom_tabs_1.createBottomTabNavigator)(),
+};
+var Navigation = function (_a) {
+    var type = _a.type, scenes = _a.scenes, props = __rest(_a, ["type", "scenes"]);
+    var Navigator = Navigators[type];
+    var Theme = (0, common_1.useStyle)().Theme;
+    var flatScenes = flattenScenes({
+        Theme: Theme,
+        scenes: scenes,
+    });
+    var otherProps = props;
+    // @ts-ignore
+    var screenOptions = function (_a) {
+        var route = _a.route, navigation = _a.navigation;
+        var propOptions = typeof ((otherProps === null || otherProps === void 0 ? void 0 : otherProps.screenOptions) || {}) === 'function' ?
+            otherProps.screenOptions({ route: route, navigation: navigation }) :
+            otherProps === null || otherProps === void 0 ? void 0 : otherProps.screenOptions;
+        return __assign(__assign({}, propOptions), { tabBarIcon: function (style) {
+                var _a, _b;
+                if ((_a = flatScenes === null || flatScenes === void 0 ? void 0 : flatScenes[route.name]) === null || _a === void 0 ? void 0 : _a.icon) {
+                    return <Icon_1.Icon name={(_b = flatScenes === null || flatScenes === void 0 ? void 0 : flatScenes[route.name]) === null || _b === void 0 ? void 0 : _b.icon} style={style}/>;
+                }
+                return null;
+            } });
+    };
+    return <Navigator.Navigator {...otherProps} screenOptions={screenOptions}>
+    {Object.values(flatScenes).map(function (props) { return <Navigator.Screen {...props}/>; })}
+  </Navigator.Navigator>;
+};
+exports.Navigation = Navigation;
+//# sourceMappingURL=Navigation.js.map

package/dist/components/Navigation.js.map

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

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

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { ReactNode, ComponentPropsWithoutRef } from 'react';
+import { Touchable } from '../Touchable';
+import { ComponentVariants, StylesOf } from '@codeleap/common';
+import { MobileRadioInputStyles, MobileRadioInputComposition } from './styles';
+export * from './styles';
+declare type RadioItem<T extends unknown = any> = {
+    value: T;
+    label: ReactNode;
+};
+export declare type RadioButtonProps = Omit<ComponentPropsWithoutRef<typeof Touchable>, 'style'> & {
+    item: RadioItem;
+    select: () => void;
+    style: StylesOf<MobileRadioInputComposition>;
+    checked: boolean;
+};
+export declare type RadioGroupProps<T> = {
+    options: RadioItem<T>[];
+    value: T;
+    onValueChange(value: T): void;
+    label: ReactNode;
+    styles?: StylesOf<MobileRadioInputComposition>;
+} & ComponentVariants<typeof MobileRadioInputStyles>;
+export declare const RadioButton: React.FC<RadioButtonProps>;
+export declare const RadioGroup: <T extends unknown>(radioGroupProps: RadioGroupProps<T>) => JSX.Element;

package/dist/components/RadioInput/index.js

@@ -0,0 +1,75 @@
+"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 __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);
+};
+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.RadioGroup = exports.RadioButton = void 0;
+var React = __importStar(require("react"));
+var Text_1 = require("../Text");
+var Touchable_1 = require("../Touchable");
+var common_1 = require("@codeleap/common");
+var View_1 = require("../View");
+__exportStar(require("./styles"), exports);
+var getRadioStyle = function (props) { return (0, common_1.useComponentStyle)('RadioInput', props); };
+var RadioButton = function (_a) {
+    var item = _a.item, select = _a.select, style = _a.style, checked = _a.checked, props = __rest(_a, ["item", "select", "style", "checked"]);
+    return <Touchable_1.Touchable onPress={select} style={style.itemWrapper}>
+    <View_1.View style={[
+            style.button,
+            checked && style['button:checked'],
+        ]}> 
+        <View_1.View style={[
+            style['buttonMark'],
+            checked && style['buttonMark:checked'],
+        ]}/>
+    </View_1.View>
+    {typeof item.label === 'string' ? <Text_1.Text text={item.label} style={style.text}/> : item.label}
+  </Touchable_1.Touchable>;
+};
+exports.RadioButton = RadioButton;
+var RadioGroup = function (radioGroupProps) {
+    var options = radioGroupProps.options, value = radioGroupProps.value, onValueChange = radioGroupProps.onValueChange, label = radioGroupProps.label, responsiveVariants = radioGroupProps.responsiveVariants, variants = radioGroupProps.variants, styles = radioGroupProps.styles;
+    var radioStyle = getRadioStyle({
+        responsiveVariants: responsiveVariants,
+        variants: variants,
+        styles: styles,
+    });
+    return <View_1.View style={radioStyle.wrapper}>
+    {typeof label === 'string' ? <Text_1.Text text={label}/> : label}
+    <View_1.View style={radioStyle.listWrapper}>
+      {options === null || options === void 0 ? void 0 : options.map(function (item, idx) { return <exports.RadioButton item={item} key={idx} style={radioStyle} checked={value === item.value} select={function () { return onValueChange(item.value); }}/>; })}
+    </View_1.View>
+  </View_1.View>;
+};
+exports.RadioGroup = RadioGroup;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RadioInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAI9B,gCAA6B;AAC7B,0CAAwC;AACxC,2CAAiF;AACjF,gCAA8B;AAG9B,2CAAwB;AAOxB,IAAM,aAAa,GAAG,UAAC,KAAK,IAAK,OAAA,IAAA,0BAAiB,EAAC,YAAY,EAAE,KAAK,CAAC,EAAtC,CAAsC,CAAA;AAkBhE,IAAM,WAAW,GAA8B,UAAC,EAAwC;IAAvC,IAAA,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAAvC,sCAAwC,CAAD;IAE5F,OAAO,CAAC,qBAAS,CAAE,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAC3D;IAAA,CAAC,WAAI,CAAE,KAAK,CAAC,CAAC;YACZ,KAAK,CAAC,MAAM;YACZ,OAAO,IAAI,KAAK,CAAC,gBAAgB,CAAC;SACnC,CAAC,CACE;QAAA,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC;YACP,KAAK,CAAC,YAAY,CAAC;YACnB,OAAO,IAAI,KAAK,CAAC,oBAAoB,CAAC;SAC3C,CAAC,EACN;IAAA,EAAE,WAAI,CACN;IAAA,CAAC,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAC7F;EAAA,EAAE,qBAAS,CAAC,CAAA;AACd,CAAC,CAAA;AAdY,QAAA,WAAW,eAcvB;AAGM,IAAM,UAAU,GAAI,UAAoB,eAAkC;IACxE,IAAA,OAAO,GAAuE,eAAe,QAAtF,EAAE,KAAK,GAAgE,eAAe,MAA/E,EAAE,aAAa,GAAiD,eAAe,cAAhE,EAAE,KAAK,GAA0C,eAAe,MAAzD,EAAE,kBAAkB,GAAsB,eAAe,mBAArC,EAAE,QAAQ,GAAY,eAAe,SAA3B,EAAE,MAAM,GAAI,eAAe,OAAnB,CAAmB;IAEpG,IAAM,UAAU,GAAG,aAAa,CAAC;QAC/B,kBAAkB,oBAAA;QAClB,QAAQ,UAAA;QACR,MAAM,QAAA;KACP,CAAC,CAAA;IACF,OAAO,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CACrC;IAAA,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CACzD;IAAA,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,WAAW,CAAC,CAClC;MAAA,CACE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAM,OAAA,CAAC,mBAAW,CACvC,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,KAAK,CAAC,CAAC,UAAU,CAAC,CAElB,OAAO,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,CAC9B,MAAM,CAAC,CAAC,cAAM,OAAA,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,EAAzB,CAAyB,CAAC,EACxC,EAP2B,CAO3B,CAAC,CAEP;IAAA,EAAE,WAAI,CACR;EAAA,EAAE,WAAI,CAAC,CAAA;AACT,CAAC,CAAA;AAvBY,QAAA,UAAU,cAuBtB"}

package/dist/components/RadioInput/styles.d.ts

@@ -0,0 +1,50 @@
+declare type RadioParts = 'button' | 'itemWrapper' | 'text' | 'buttonMark';
+declare type RadioGroupParts = 'label' | 'wrapper' | 'list';
+export declare type MobileRadioInputComposition = `${RadioParts}:checked` | RadioParts | RadioGroupParts;
+export declare const MobileRadioInputStyles: {
+    default: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileRadioInputComposition, any>>;
+    square: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileRadioInputComposition, any>>;
+    fixed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    block: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    flex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    absolute: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    sticky: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    row: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    center: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    column: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    wrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    inline: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    inlineFlex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    hidden: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    full: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    noWrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    fullWidth: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    fullHeight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    fullView: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    fullViewWidth: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    fullViewHeight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    whole: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    centerRow: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    listStyles: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    alignStart: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    alignEnd: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    alignCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    justifyStart: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    justifyEnd: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    justifyCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    justifySpaceBetween: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    textRight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    textLeft: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    textCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    blur: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    elevated: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    neumorphism: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    scrollX: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    scrollY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    scrollXY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    debRed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    debGreen: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    debBlue: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+    debYellow: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("@codeleap/common").RadioInputComposition, any>>;
+};
+export {};

package/dist/components/RadioInput/styles.js

@@ -0,0 +1,45 @@
+"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.MobileRadioInputStyles = void 0;
+var common_1 = require("@codeleap/common");
+var createRadioStyle = (0, common_1.createDefaultVariantFactory)();
+var defaultStyles = common_1.RadioInputStyles.default;
+exports.MobileRadioInputStyles = __assign(__assign({}, common_1.RadioInputStyles), { default: createRadioStyle(function (theme) {
+        var style = defaultStyles(theme);
+        var itemHeight = theme.typography.baseFontSize * 1.2;
+        var markHeight = itemHeight / 2;
+        var translateX = -(markHeight / 2);
+        var translateY = -(markHeight / 2);
+        return __assign(__assign({}, style), { itemWrapper: __assign({}, style.itemWrapper), button: __assign(__assign(__assign({ height: itemHeight, width: itemHeight }, theme.border.primary(1)), { borderRadius: theme.borderRadius.large, position: 'relative' }), theme.spacing.marginRight(1)), 'buttonMark': {
+                backgroundColor: theme.colors.primary,
+                position: 'absolute',
+                left: '50%',
+                top: '50%',
+                height: markHeight,
+                width: markHeight,
+                transform: [{ translateX: translateX }, { translateY: translateY }],
+                borderRadius: theme.borderRadius.large,
+                opacity: 0
+            }, 'buttonMark:checked': {
+                opacity: 1
+            } });
+    }), square: createRadioStyle(function () { return ({
+        'buttonMark': {
+            borderRadius: 0,
+        },
+        button: {
+            borderRadius: 0,
+        },
+    }); }) });
+//# sourceMappingURL=styles.js.map