@codeleap/mobile 1.3.1 → 1.4.0

package/dist/components/List.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { KeyboardAwareFlatListProps } from 'react-native-keyboard-aware-scroll-view';
+import { FlatList } from 'react-native';
+import { ViewProps } from './View';
+export declare type FlatListProps = KeyboardAwareFlatListProps<any> & ViewProps & {
+    onRefresh?: () => void;
+    refreshTimeout?: number;
+    changeData?: any;
+    separators?: boolean;
+};
+export declare const List: React.ForwardRefExoticComponent<Pick<FlatListProps, "children" | "hitSlop" | "onLayout" | "pointerEvents" | "removeClippedSubviews" | "style" | "testID" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "data" | "variants" | "responsiveVariants" | "component" | "css" | "is" | "not" | "up" | "down" | "onHover" | "onContentSizeChange" | "onScroll" | "scrollEnabled" | "innerRef" | "viewIsInsideTabBar" | "resetScrollToCoords" | "enableResetScrollToCoords" | "enableAutomaticScroll" | "enableOnAndroid" | "extraHeight" | "extraScrollHeight" | "keyboardOpeningTime" | "onKeyboardWillShow" | "onKeyboardDidShow" | "onKeyboardWillHide" | "onKeyboardDidHide" | "onKeyboardWillChangeFrame" | "onKeyboardDidChangeFrame" | "contentContainerStyle" | "decelerationRate" | "horizontal" | "invertStickyHeaders" | "keyboardDismissMode" | "keyboardShouldPersistTaps" | "onScrollBeginDrag" | "onScrollEndDrag" | "onMomentumScrollEnd" | "onMomentumScrollBegin" | "pagingEnabled" | "showsHorizontalScrollIndicator" | "showsVerticalScrollIndicator" | "stickyHeaderHiddenOnScroll" | "refreshControl" | "snapToInterval" | "snapToOffsets" | "snapToStart" | "snapToEnd" | "stickyHeaderIndices" | "disableIntervalMomentum" | "disableScrollViewPanResponder" | "StickyHeaderComponent" | "alwaysBounceHorizontal" | "alwaysBounceVertical" | "automaticallyAdjustContentInsets" | "automaticallyAdjustsScrollIndicatorInsets" | "bounces" | "bouncesZoom" | "canCancelContentTouches" | "centerContent" | "contentInset" | "contentOffset" | "contentInsetAdjustmentBehavior" | "directionalLockEnabled" | "indicatorStyle" | "maintainVisibleContentPosition" | "maximumZoomScale" | "minimumZoomScale" | "onScrollAnimationEnd" | "pinchGestureEnabled" | "scrollEventThrottle" | "scrollIndicatorInsets" | "scrollToOverflowEnabled" | "scrollsToTop" | "snapToAlignment" | "onScrollToTop" | "zoomScale" | "endFillColor" | "scrollPerfTag" | "overScrollMode" | "nestedScrollEnabled" | "fadingEdgeLength" | "persistentScrollbar" | "onRefresh" | "refreshTimeout" | "changeData" | "refreshing" | "progressViewOffset" | "renderItem" | "ItemSeparatorComponent" | "ListEmptyComponent" | "ListFooterComponent" | "ListFooterComponentStyle" | "ListHeaderComponent" | "ListHeaderComponentStyle" | "columnWrapperStyle" | "extraData" | "getItemLayout" | "initialNumToRender" | "initialScrollIndex" | "keyExtractor" | "legacyImplementation" | "numColumns" | "onEndReached" | "onEndReachedThreshold" | "onViewableItemsChanged" | "viewabilityConfig" | "debug" | "disableVirtualization" | "getItem" | "getItemCount" | "inverted" | "listKey" | "maxToRenderPerBatch" | "onScrollToIndexFailed" | "renderScrollComponent" | "updateCellsBatchingPeriod" | "viewabilityConfigCallbackPairs" | "windowSize" | "CellRendererComponent" | "separators"> & React.RefAttributes<FlatList<any>>>;

package/dist/components/List.js

@@ -0,0 +1,77 @@
+"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.List = void 0;
+var React = __importStar(require("react"));
+var react_1 = require("react");
+var common_1 = require("@codeleap/common");
+var react_native_keyboard_aware_scroll_view_1 = require("react-native-keyboard-aware-scroll-view");
+var react_native_1 = require("react-native");
+var View_1 = require("./View");
+var KeyboardAwareFlatList = react_native_keyboard_aware_scroll_view_1.KeyboardAwareFlatList;
+exports.List = (0, react_1.forwardRef)(function (flatListProps, ref) {
+    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"]);
+    var hasRefresh = !!props.onRefresh;
+    var _c = (0, react_1.useState)(false), refreshing = _c[0], setRefreshing = _c[1];
+    var timer = React.useRef(null);
+    var previousData = (0, common_1.usePrevious)(changeData);
+    var onRefresh = function () {
+        if (timer.current) {
+            clearTimeout(timer.current);
+        }
+        setRefreshing(true);
+        props.onRefresh();
+        timer.current = setTimeout(function () {
+            setRefreshing(false);
+        }, refreshTimeout);
+    };
+    (0, common_1.onUpdate)(function () {
+        if (refreshing && !(0, common_1.deepEqual)(previousData, changeData)) {
+            setRefreshing(false);
+            if (timer.current) {
+                clearTimeout(timer.current);
+            }
+        }
+    }, [refreshing, changeData]);
+    var Theme = (0, common_1.useCodeleapContext)().Theme;
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('View', {
+        variants: variants,
+    });
+    var renderSeparator = function () {
+        return (<View_1.View variants={['separator']}></View_1.View>);
+    };
+    var separatorProp = props.separators;
+    var isEmpty = !props.data || !props.data.length;
+    var separator = !isEmpty && separatorProp == true && renderSeparator;
+    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}/>)}/>);
+});
+//# sourceMappingURL=List.js.map

package/dist/components/List.js.map

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

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

@@ -18,7 +18,8 @@ export declare type ModalProps = Omit<ViewProps, 'variants' | 'styles'> & {
     debugName?: string;
     closeIconName?: IconPlaceholder;
     visible: boolean;
-    toggle: () => void;
+    toggle?: () => void;
+    scroll?: boolean;
 };
 export declare const Modal: React.FC<ModalProps>;
 export default Modal;

package/dist/components/Modal/index.js

@@ -56,11 +56,11 @@ var Text_1 = require("../Text");
 var Animated_1 = require("../Animated");
 __exportStar(require("./styles"), exports);
 var Modal = function (modalProps) {
-    var _a = modalProps.variants, variants = _a === void 0 ? [] : _a, _b = modalProps.styles, styles = _b === void 0 ? {} : _b, style = modalProps.style, visible = modalProps.visible, showClose = modalProps.showClose, _c = modalProps.closable, closable = _c === void 0 ? true : _c, title = modalProps.title, footer = modalProps.footer, children = modalProps.children, toggle = modalProps.toggle, _d = modalProps.dismissOnBackdrop, dismissOnBackdrop = _d === void 0 ? true : _d, _e = modalProps.closeIconName, closeIconName = _e === void 0 ? 'close' : _e, debugName = modalProps.debugName, props = __rest(modalProps, ["variants", "styles", "style", "visible", "showClose", "closable", "title", "footer", "children", "toggle", "dismissOnBackdrop", "closeIconName", "debugName"]);
-    var variantStyles = (0, common_1.useComponentStyle)('Modal', {
+    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"]);
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('Modal', {
         variants: variants,
         transform: react_native_1.StyleSheet.flatten,
-        styles: styles
+        styles: styles,
     });
     function getStyles(key) {
         var s = [
@@ -74,42 +74,35 @@ var Modal = function (modalProps) {
     var buttonStyles = React.useMemo(function () {
         var buttonEntries = {};
         for (var _i = 0, _a = Object.entries(variantStyles); _i < _a.length; _i++) {
-            var _b = _a[_i], key = _b[0], style_1 = _b[1];
+            var _b = _a[_i], key = _b[0], style = _b[1];
             if (key.startsWith('closeButton')) {
-                buttonEntries[(0, common_1.capitalize)(key.replace('closeButton', ''), true)] = style_1;
+                buttonEntries[(0, common_1.capitalize)(key.replace('closeButton', ''), true)] = style;
             }
         }
         return buttonEntries;
     }, [variantStyles]);
     var boxAnimation = {
         hidden: __assign(__assign({}, variantStyles['box:pose']), styles['box:pose']),
-        visible: __assign(__assign({}, variantStyles['box:pose:visible']), styles['box:pose:visible'])
+        visible: __assign(__assign({}, variantStyles['box:pose:visible']), styles['box:pose:visible']),
     };
     return (<View_1.View style={getStyles('wrapper')} pointerEvents={visible ? 'auto' : 'none'}>
-        <View_1.AnimatedView style={getStyles('overlay')} transition={'opacity'}/>
-        <Scroll_1.Scroll style={getStyles('innerWrapper')} contentContainerStyle={getStyles('innerWrapperScroll')}>
-           {dismissOnBackdrop &&
-            <Touchable_1.Touchable debugName={"".concat(debugName, " modal backdrop")} activeOpacity={1} onPress={function () { return toggle(); }} style={getStyles('touchableBackdrop')}/>}
-              <Animated_1.Animated component='View' config={boxAnimation} pose={visible ? 'visible' : 'hidden'} style={getStyles('box')}>
-                {(title || showClose) &&
-            <View_1.View style={getStyles('header')}>
-                  
-                      {typeof title === 'string' ? <Text_1.Text text={title} style={getStyles('title')}/> : title}
-                    
-                      {(showClose && closable) &&
-                    <Button_1.Button debugName={"".concat(debugName, " modal close button")} icon={closeIconName} variants={['icon']} onPress={toggle} styles={buttonStyles}/>}
-                    </View_1.View>}
-            
-                <View_1.View style={getStyles('body')}>
-                  {children}
-                </View_1.View>
-                {footer && <View_1.View style={getStyles('footer')}> 
-                    {footer}
-                  </View_1.View>}
-            </Animated_1.Animated>
-          
-        </Scroll_1.Scroll>
-      </View_1.View>);
+      <View_1.AnimatedView style={getStyles('overlay')} transition={'opacity'}/>
+      <Scroll_1.Scroll style={getStyles('innerWrapper')} contentContainerStyle={getStyles('innerWrapperScroll')} scrollEnabled={scroll}>
+        {dismissOnBackdrop && (<Touchable_1.Touchable debugName={"".concat(debugName, " modal backdrop")} activeOpacity={1} onPress={function () { return toggle(); }} style={getStyles('touchableBackdrop')}/>)}
+        <Animated_1.Animated component='View' config={boxAnimation} pose={visible ? 'visible' : 'hidden'} style={getStyles('box')}>
+          {(title || showClose) && (<View_1.View style={getStyles('header')}>
+              {typeof title === 'string' ? (<Text_1.Text text={title} style={getStyles('title')}/>) : (title)}
+
+              {showClose && closable && (<Button_1.Button debugName={"".concat(debugName, " modal close button")} icon={closeIconName} variants={['icon']} onPress={toggle} styles={buttonStyles}/>)}
+            </View_1.View>)}
+
+          <View_1.View style={getStyles('body')}>{children}</View_1.View>
+          {footer && (<View_1.View style={getStyles('footer')}>
+              {typeof footer === 'string' ? <Text_1.Text text={footer}/> : footer}
+            </View_1.View>)}
+        </Animated_1.Animated>
+      </Scroll_1.Scroll>
+    </View_1.View>);
 };
 exports.Modal = Modal;
 exports.default = exports.Modal;

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

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

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

@@ -12,51 +12,55 @@ export declare const modalTransition: {
 export declare type MobileModalParts = 'wrapper' | 'overlay' | 'innerWrapper' | 'innerWrapperScroll' | 'box' | 'footer' | 'body' | 'header' | 'touchableBackdrop' | 'box:pose' | 'title' | `closeButton${Capitalize<ButtonComposition>}`;
 export declare type MobileModalComposition = MobileModalParts | `${MobileModalParts}:visible`;
 export declare const MobileModalStyles: {
-    default: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
-    popup: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
-    roundish: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    dynamicHandler: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    fullscreen: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    fixed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    block: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    flex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    absolute: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    sticky: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    row: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    center: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    column: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    wrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    inline: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    inlineFlex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    hidden: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    full: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    noWrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    fullWidth: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    fullHeight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    fullView: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    fullViewWidth: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    fullViewHeight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    whole: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    centerRow: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    listStyles: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    alignStart: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    alignEnd: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    alignCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    justifyStart: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    justifyEnd: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    justifyCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    justifySpaceBetween: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    textRight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    textLeft: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    textCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    blur: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    elevated: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    neumorphism: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    scrollX: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    scrollY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    scrollXY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    debRed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    debGreen: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    debBlue: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
-    debYellow: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    popup: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileModalComposition, any>>;
+    roundish: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    dynamicHandler: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
+    fullscreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ModalComposition, any>>;
 };

package/dist/components/Modal/styles.js

@@ -24,39 +24,34 @@ exports.modalTransition = {
     useNativeDriver: false,
 };
 var createModalStyle = (0, common_1.createDefaultVariantFactory)();
-var presets = (0, common_1.includePresets)(function (style) { return createModalStyle(function () { return ({ wrapper: style }); }); });
+var presets = (0, common_1.includePresets)(function (style) { return createModalStyle(function () { return ({ body: style }); }); });
 var defaultModalStyles = common_1.ModalStyles;
-exports.MobileModalStyles = __assign(__assign(__assign({}, presets), defaultModalStyles), { default: createModalStyle(function (Theme) {
+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, zIndex: 2, backgroundColor: Theme.colors.black }, fullSize),
-            "overlay:visible": {
-                opacity: 0.5
+            overlay: __assign({ opacity: 0, 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": {
+            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,
-                y: Theme.values.height * 0.15,
                 transition: exports.modalTransition,
             },
-            "box:pose:visible": {
-                y: 0,
+            'box:pose:visible': {
                 opacity: 1,
                 scale: 1,
                 transition: exports.modalTransition,
             },
             header: __assign(__assign({ flexDirection: 'row' }, Theme.presets.justifySpaceBetween), Theme.presets.alignCenter),
-            closeButtonWrapper: {
-                alignSelf: 'center',
-            }
+            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 ({}); }) });
 //# 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":";;;;;;;;;;;;;;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"}

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,76 @@
+"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];
+    return <NavigationComponent.Navigator {...props}>
+    {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;
+            }
+            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_1 = name.split('.');
+                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))); } });
+            }
+            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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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"}

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