@codeleap/mobile 1.9.32 → 2.0.1

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

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { ComponentVariants, FormTypes, IconPlaceholder } from '@codeleap/common';
+import { StylesOf } from '../../types/utility';
+import { DrawerProps } from '../Drawer';
+import { FlatListProps } from '../List';
+import { TextInputProps } from '../TextInput';
+import { MultiSelectComposition, MultiSelectStyles } from './styles';
+export declare type MultiSelectRenderFNProps<T> = {
+    styles: StylesOf<MultiSelectComposition>;
+    onPress: () => void;
+    isSelected?: boolean;
+    item: FormTypes.Options<T>[number];
+    icon?: IconPlaceholder;
+};
+export declare type MultiSelectRenderFN<T> = (props: MultiSelectRenderFNProps<T>) => JSX.Element;
+declare type MultiSelectDrawerProps = Omit<DrawerProps, 'variants' | 'styles'>;
+export declare type MultiSelectProps<T> = MultiSelectDrawerProps & {
+    value: T[];
+    placeholder?: FormTypes.Label;
+    label?: FormTypes.Label;
+    options?: FormTypes.Options<T>;
+    onValueChange?: (value: T[]) => void;
+    renderItem?: MultiSelectRenderFN<T>;
+    styles?: StylesOf<MultiSelectComposition>;
+    style?: any;
+    arrowIconName?: IconPlaceholder;
+    inputProps?: Partial<TextInputProps>;
+    selectedIcon?: IconPlaceholder;
+    hideInput?: boolean;
+    listProps?: Partial<FlatListProps>;
+} & ComponentVariants<typeof MultiSelectStyles>;
+export {};

package/dist/components/MultiSelect/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/MultiSelect/types.ts"],"names":[],"mappings":""}

package/dist/components/Navigation/Navigation.js

@@ -54,12 +54,8 @@ 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}>
+    return <NavigationComponent.Navigator {...props}>
     {Object.entries(scenes).map(function (_a, idx) {
             var _b;
             var name = _a[0], content = _a[1];

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

@@ -1 +1 @@
-{"version":3,"file":"Navigation.js","sourceRoot":"","sources":["../../../src/components/Navigation/Navigation.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Navigation.js","sourceRoot":"","sources":["../../../src/components/Navigation/Navigation.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,cAAc;AACd,2CAA8B;AAC9B,2CAEyB;AACzB,gCAA8B;AAE9B,yCAAwC;AAEjC,IAAM,UAAU,GAAG,UAA0B,EAA8C;IAA5C,IAAA,IAAI,UAAA,EAAE,MAAM,YAAA,EAAK,KAAK,cAAxB,kBAA0B,CAAF;IAC1E,IAAM,mBAAmB,GAAG,sBAAU,CAAC,IAAI,CAAmB,CAAA;IAE9D,0EAA0E;IAE1E,OAAO,CAAC,mBAAmB,CAAC,SAAS,CAAC,IAAI,KAAK,CAAC,CAC9C;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,EAAE;gBACd,WAAW,CAAC,SAAS,GAAG,OAAO,CAAA;gBAC/B,mGAAmG;aACpG;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,KAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAA,CAAA;gBAC7F,IAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;gBACjC,IAAM,OAAK,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,KAAI,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;gBAExF,WAAW,yBACN,WAAW,KACd,OAAO,EAAE,UAAC,WAAW,IAAK,OAAA,YACxB,KAAK,SAAA,EACL,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,EACjE,iBAAiB,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,EAAC,CAAC,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAE,EAAjD,CAAiD,CAAC,CAAC,CAAC,IAAI,IAC1G,CAAC,mBAAU,CAAC,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAC5F,EALwB,CAKxB,GACH,CAAA;gBACD,sHAAsH;aACvH;YAED,OAAO;YACL,aAAa;YACb,CAAC,mBAAmB,CAAC,MAAM,CACzB,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,IAAI,WAAW,CAAC,EAChB,CACH,CAAA;QACH,CAAC,CAAC,CAEN;EAAA,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAA;AAClC,CAAC,CAAA;AA5CY,QAAA,UAAU,cA4CtB"}

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

@@ -1,20 +1,26 @@
 import { ComponentVariants } from '@codeleap/common';
 import React, { ReactNode } from 'react';
 import { StylesOf } from '../../types/utility';
-import { MobilePagerStyles, PagerComposition } from './styles';
+import { PagerStyles, PagerComposition } from './styles';
 export * from './styles';
+declare type PageProps = {
+    isLast: boolean;
+    isFirst: boolean;
+    isActive: boolean;
+    isNext: boolean;
+    page: number;
+    index: number;
+    isPrevious: boolean;
+};
 export declare type PagerProps = {
-    variants?: ComponentVariants<typeof MobilePagerStyles>['variants'];
+    variants?: ComponentVariants<typeof PagerStyles>['variants'];
     styles?: StylesOf<PagerComposition>;
+    children?: (((pageData: PageProps) => ReactNode) | ReactNode)[];
     page?: number;
-    loop?: boolean;
-    debug?: boolean;
-    children?: ReactNode;
-    onPageChange?: (page: number) => void;
-};
-export declare type PagerRef = {
-    forward(by?: number): void;
-    back(by?: number): void;
-    to(index?: number): void;
+    style?: any;
+    setPage?: (page: number) => void;
+    returnEarly?: boolean;
+    renderPageWrapper?: React.FC<PageProps>;
+    pageWrapperProps?: any;
 };
-export declare const Pager: React.ForwardRefExoticComponent<PagerProps & React.RefAttributes<PagerRef>>;
+export declare const Pager: React.FC<PagerProps>;

package/dist/components/Pager/index.js

@@ -1,4 +1,15 @@
 "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;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -10,159 +21,68 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Pager = void 0;
 var common_1 = require("@codeleap/common");
-var react_1 = __importStar(require("react"));
+var react_1 = __importDefault(require("react"));
 var react_native_1 = require("react-native");
-var Animated_1 = require("../Animated");
-var Button_1 = require("../Button");
 var View_1 = require("../View");
-var Text_1 = require("../Text");
 __exportStar(require("./styles"), exports);
-exports.Pager = (0, react_1.forwardRef)(function (pagerProps, ref) {
-    var children = pagerProps.children, styles = pagerProps.styles, variants = pagerProps.variants, propPage = pagerProps.page, debug = pagerProps.debug, loop = pagerProps.loop, onPageChange = pagerProps.onPageChange;
-    var _a = (0, react_1.useState)(function () { return propPage !== null && propPage !== void 0 ? propPage : 0; }), page = _a[0], setPage = _a[1];
+var Pager = function (pagerProps) {
+    var styles = pagerProps.styles, variants = pagerProps.variants, page = pagerProps.page, _a = pagerProps.style, style = _a === void 0 ? {} : _a, _b = pagerProps.returnEarly, returnEarly = _b === void 0 ? true : _b, renderPageWrapper = pagerProps.renderPageWrapper, _c = pagerProps.pageWrapperProps, pageWrapperProps = _c === void 0 ? {} : _c, children = pagerProps.children;
     var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Pager', {
         styles: styles,
         transform: react_native_1.StyleSheet.flatten,
         variants: variants,
     });
-    var logger = (0, common_1.useCodeleapContext)().logger;
     var nChildren = react_1.default.Children.count(children);
     var lastPage = nChildren - 1;
-    var pagerRef = (0, react_1.useRef)({
-        forward: function (by) {
-            if (by === void 0) { by = 1; }
-            setPage(function (currentPage) {
-                if (currentPage < lastPage) {
-                    return currentPage + by;
-                }
-                else if (loop) {
-                    return by - 1;
-                }
-                return currentPage;
-            });
-        },
-        back: function (by) {
-            if (by === void 0) { by = 1; }
-            setPage(function (currentPage) {
-                if (currentPage > 0) {
-                    return currentPage - by;
-                }
-                else if (loop) {
-                    return nChildren - by;
-                }
-                return currentPage;
-            });
-        },
-        to: function (n) {
-            if (n >= 0 && n <= lastPage) {
-                setPage(n);
+    var childArr = react_1.default.Children.toArray(children);
+    var WrapperComponent = renderPageWrapper || View_1.View;
+    // Reamimated seems to glitch if this is not done
+    variantStyles = JSON.parse(JSON.stringify(variantStyles));
+    return (<View_1.View style={[variantStyles.wrapper, style]}>
+      {childArr.map(function (child, index) {
+            var isActive = index === page;
+            var isLast = index === lastPage;
+            var isFirst = index === 0;
+            var isNext = index === page + 1;
+            var isPrevious = index === page - 1;
+            var shouldRender = isActive || isNext || isPrevious;
+            if (!shouldRender && returnEarly)
+                return null;
+            var pos = 0;
+            if (isActive) {
+                pos = 1;
+            }
+            else if (index > page) {
+                pos = 2;
             }
             else {
-                logger.warn('Attempted to go to a page which falls outside range', { currentPage: page, attemptedToGoTo: n, pageRange: [0, lastPage] }, 'Component');
+                pos = 0;
             }
-        },
-    });
-    (0, common_1.onUpdate)(function () {
-        onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(page);
-    }, [page]);
-    (0, common_1.onUpdate)(function () {
-        if (typeof propPage === 'number') {
-            setPage(propPage);
-        }
-    }, [propPage]);
-    (0, react_1.useImperativeHandle)(ref, function () { return pagerRef.current; });
-    var pagePoses = (0, react_1.useMemo)(function () {
-        return {
-            current: variantStyles['page:pose:current'],
-            next: variantStyles['page:pose:next'],
-            previous: variantStyles['page:pose:previous'],
-        };
-    }, [variantStyles]);
-    return (<View_1.View style={variantStyles.wrapper}>
-      {react_1.default.Children.map(children, function (child, idx) { return (<Page {...pagerProps} idx={idx} lastPage={lastPage} pagePoses={pagePoses} style={[variantStyles.page]} page={page}>
-          {child}
-        </Page>); })}
-
-      {debug && (<View_1.View variants={['absolute']} style={{ bottom: 0, left: 0, right: 0 }}>
-          <Button_1.Button text='previous' debugName='Previous Pager' onPress={pagerRef.current.back}/>
-          <Text_1.Text text={page.toString()}/>
-          <Button_1.Button text='next' debugName='Next Pager' onPress={pagerRef.current.forward}/>
-        </View_1.View>)}
+            var pageProps = {
+                isLast: isLast,
+                isActive: isActive,
+                isFirst: isFirst,
+                isNext: isNext,
+                isPrevious: isPrevious,
+                index: index,
+                page: page,
+            };
+            var content = typeof child === 'function' ? child(pageProps) : child;
+            var wrapperProps = __assign({ key: index, style: variantStyles.page, animated: true, transition: variantStyles['page:transition'], animate: [variantStyles['page:previous'], variantStyles['page:current'], variantStyles['page:next']][pos] }, pageWrapperProps);
+            return (<WrapperComponent {...wrapperProps}>
+              {content}
+            </WrapperComponent>);
+        })}
     </View_1.View>);
-});
-var Page = function (pageProps) {
-    var child = pageProps.children, idx = pageProps.idx, loop = pageProps.loop, lastPage = pageProps.lastPage, page = pageProps.page, style = pageProps.style, pagePoses = pageProps.pagePoses;
-    if (!react_1.default.isValidElement(child))
-        return null;
-    // const isLast = idx === lastPage
-    // const isFirst = idx === 0
-    // const isLoopNext = (loop && isFirst && page === lastPage)
-    // const isLoopPrevious = (loop && isLast && page === 0)
-    // const isCurrent = idx === page
-    // const isSequenceNext = idx ===  page + 1
-    // const isSequencePrevious = idx ===  page  - 1
-    // const isNext = isSequenceNext || isLoopNext
-    // const isPrevious = isSequencePrevious || isLoopPrevious
-    // const isCurrentOrAdjacent = [
-    //     isCurrent,
-    //     isNext,
-    //     isPrevious
-    // ].includes(true)
-    // if(isCurrentOrAdjacent){
-    //     return <Animated
-    //         key={idx}
-    //         component='View'
-    //         config={pagePoses}
-    //         pose={isCurrent ? 'current' : (isNext ? 'next' : 'previous')}
-    //         style={[{
-    //             position: 'absolute',
-    //             top: 0,
-    //         },style]}
-    //     >
-    //         {child}
-    //     </Animated>
-    // }
-    var isCurrent = idx === page;
-    var isNext = idx > page;
-    var _a = (0, react_1.useState)(isCurrent ? 1 : 0), _opacity = _a[0], setOpacity = _a[1];
-    var _b = (0, common_1.useDebounce)(_opacity, 800), opacity = _b[0], resetDebounceTimer = _b[1];
-    (0, common_1.onUpdate)(function () {
-        if (isCurrent) {
-            setOpacity(1);
-        }
-        else {
-            setOpacity(0);
-        }
-        return resetDebounceTimer;
-    }, [idx, page]);
-    return (<Animated_1.Animated key={idx} component='View' config={pagePoses} pose={isCurrent ? 'current' : isNext ? 'next' : 'previous'} style={[
-            {
-                position: 'absolute',
-                top: 0,
-                opacity: isCurrent ? _opacity : opacity,
-            },
-            style,
-        ]}>
-      {child}
-    </Animated_1.Animated>);
-    // return <View style={{display:'none'}} key={idx}>{child}</View>
 };
+exports.Pager = Pager;
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,19 +1,48 @@
-export declare type PagerComposition = 'page' | 'page:transition' | 'page:pose:previous' | 'page:pose:next' | 'page:pose:current' | 'wrapper';
-export declare const MobilePagerStyles: {
+export declare type PagerComposition = 'page' | 'page:transition' | 'page:previous' | 'page:next' | 'page:current' | 'wrapper';
+export declare const defaultPagerTransition: {
+    type: string;
+    duration: number;
+    easing: import("react-native").EasingFunction;
+};
+export declare function pagerAnimation(height: any, width: any, translate?: string, transition?: {
+    type: string;
+    duration: number;
+    easing: import("react-native").EasingFunction;
+}): {
+    wrapper: {
+        height: any;
+        width: any;
+        overflow: string;
+    };
+    'page:transition': {
+        [x: string]: {
+            type: string;
+            duration: number;
+            easing: import("react-native").EasingFunction;
+        };
+    };
+    'page:next': {
+        [x: string]: any;
+    };
+    'page:current': {
+        [x: string]: number;
+    };
+    'page:previous': {
+        [x: string]: number;
+    };
+};
+export declare const PagerStyles: {
     default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
-    pageless: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    horizontal: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    vertical: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
     block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
     flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
     absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
     relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
     fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
     sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
-    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
-    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
-    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
-    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
-    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
-    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
     hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
     full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
     noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
@@ -24,7 +53,10 @@ export declare const MobilePagerStyles: {
     fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
     whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
     centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
     listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
     alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
     alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
     alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
@@ -47,6 +79,7 @@ export declare const MobilePagerStyles: {
     scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
     scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
     scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
     debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
     debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
     debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;

package/dist/components/Pager/styles.js

@@ -11,34 +11,60 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MobilePagerStyles = void 0;
+exports.PagerStyles = exports.pagerAnimation = exports.defaultPagerTransition = void 0;
 var common_1 = require("@codeleap/common");
+var react_native_1 = require("react-native");
 var createPagerStyle = (0, common_1.createDefaultVariantFactory)();
 var presets = (0, common_1.includePresets)(function (style) { return createPagerStyle(function () { return ({ wrapper: style }); }); });
-exports.MobilePagerStyles = __assign(__assign({}, presets), { default: createPagerStyle(function (Theme) {
-        var transition = {
-            duration: 500,
-            ease: 'easeInOut',
-            useNativeDriver: true,
-        };
-        return {
-            wrapper: __assign({}, Theme.presets.full),
-            'page:pose:next': {
-                left: Theme.values.width * 1.8,
-                transition: transition,
-            },
-            'page:pose:current': {
-                left: 0,
-                transition: transition,
-            },
-            'page:pose:previous': {
-                left: -Theme.values.width * 1.8,
-                transition: transition,
-            },
-            page: {
-                width: '100%',
-                height: '100%',
-            },
-        };
-    }), pageless: createPagerStyle(function () { return ({}); }) });
+exports.defaultPagerTransition = {
+    type: 'timing',
+    duration: 300,
+    easing: react_native_1.Easing.linear,
+};
+function pagerAnimation(height, width, translate, transition) {
+    var _a, _b, _c, _d;
+    if (translate === void 0) { translate = 'X'; }
+    if (transition === void 0) { transition = exports.defaultPagerTransition; }
+    var translateProp = "translate".concat(translate);
+    var translateVal = translate === 'X' ? width : height;
+    return {
+        wrapper: {
+            height: height,
+            width: width,
+            overflow: 'hidden',
+        },
+        'page:transition': (_a = {},
+            _a[translateProp] = transition,
+            _a),
+        'page:next': (_b = {},
+            _b[translateProp] = translateVal,
+            _b),
+        'page:current': (_c = {},
+            _c[translateProp] = 0,
+            _c),
+        'page:previous': (_d = {},
+            _d[translateProp] = -translateVal,
+            _d),
+    };
+}
+exports.pagerAnimation = pagerAnimation;
+exports.PagerStyles = __assign(__assign({}, presets), { default: createPagerStyle(function (theme) { return ({
+        page: {
+            width: '100%',
+            height: '100%',
+            position: 'absolute',
+            left: 0,
+            right: 0,
+            bottom: 0,
+            top: 0,
+        },
+    }); }), horizontal: createPagerStyle(function (Theme) {
+        var width = Theme.values.width;
+        var height = Theme.values.height * 0.8;
+        return pagerAnimation(height, width, 'X');
+    }), vertical: createPagerStyle(function (Theme) {
+        var height = Theme.values.height * 0.8;
+        var width = Theme.values.width;
+        return pagerAnimation(height, width, 'Y');
+    }) });
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Pager/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAGyB;AAUzB,IAAM,gBAAgB,GAAG,IAAA,oCAA2B,GAAoB,CAAA;AAExE,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,KAAK,IAAK,OAAA,gBAAgB,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAApB,CAAoB,CAAC,EAA5C,CAA4C,CACrF,CAAA;AAEY,QAAA,iBAAiB,yBACzB,OAAO,KACV,OAAO,EAAE,gBAAgB,CAAC,UAAC,KAAK;QAC9B,IAAM,UAAU,GAAG;YACjB,QAAQ,EAAE,GAAG;YACb,IAAI,EAAE,WAAW;YACjB,eAAe,EAAE,IAAI;SACtB,CAAA;QAED,OAAO;YACL,OAAO,eACF,KAAK,CAAC,OAAO,CAAC,IAAI,CACtB;YACD,gBAAgB,EAAE;gBAChB,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,GAAG;gBAC9B,UAAU,EAAE,UAAU;aACvB;YACD,mBAAmB,EAAE;gBACnB,IAAI,EAAE,CAAC;gBACP,UAAU,EAAE,UAAU;aACvB;YACD,oBAAoB,EAAE;gBACpB,IAAI,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,GAAG;gBAC/B,UAAU,EAAE,UAAU;aACvB;YACD,IAAI,EAAE;gBACJ,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;aACf;SACF,CAAA;IACH,CAAC,CAAC,EACF,QAAQ,EAAE,gBAAgB,CAAC,cAAM,OAAA,CAAC,EAAE,CAAC,EAAJ,CAAI,CAAC,IACvC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Pager/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAGyB;AACzB,6CAAqC;AAUrC,IAAM,gBAAgB,GAAG,IAAA,oCAA2B,GAAoB,CAAA;AAExE,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,KAAK,IAAK,OAAA,gBAAgB,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAApB,CAAoB,CAAC,EAA5C,CAA4C,CACrF,CAAA;AACY,QAAA,sBAAsB,GAAG;IACpC,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,GAAG;IACb,MAAM,EAAE,qBAAM,CAAC,MAAM;CACtB,CAAA;AAED,SAAgB,cAAc,CAAC,MAAM,EAAE,KAAK,EAAE,SAAe,EAAE,UAAmC;;IAApD,0BAAA,EAAA,eAAe;IAAE,2BAAA,EAAA,aAAa,8BAAsB;IAChG,IAAM,aAAa,GAAG,mBAAY,SAAS,CAAE,CAAA;IAE7C,IAAM,YAAY,GAAG,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAA;IAEvD,OAAO;QACL,OAAO,EAAE;YACP,MAAM,QAAA;YACN,KAAK,OAAA;YACL,QAAQ,EAAE,QAAQ;SACnB;QACD,iBAAiB;YACf,GAAC,aAAa,IAAG,UAAU;eAC5B;QACD,WAAW;YACT,GAAC,aAAa,IAAG,YAAY;eAE9B;QACD,cAAc;YACZ,GAAC,aAAa,IAAG,CAAC;eACnB;QACD,eAAe;YACb,GAAC,aAAa,IAAG,CAAC,YAAY;eAC/B;KACF,CAAA;AACH,CAAC;AAzBD,wCAyBC;AAEY,QAAA,WAAW,yBACnB,OAAO,KACV,OAAO,EAAE,gBAAgB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACpC,IAAI,EAAE;YACJ,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;YACT,GAAG,EAAE,CAAC;SACP;KACF,CAAC,EAVmC,CAUnC,CAAC,EACH,UAAU,EAAE,gBAAgB,CAAC,UAAC,KAAK;QAEjC,IAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA;QAChC,IAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,GAAG,CAAA;QACxC,OAAO,cAAc,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC,CAAA;IAC3C,CAAC,CAAC,EACF,QAAQ,EAAE,gBAAgB,CAAC,UAAC,KAAK;QAC/B,IAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,GAAG,CAAA;QACxC,IAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA;QAChC,OAAO,cAAc,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC,CAAA;IAC3C,CAAC,CAAC,IACH"}

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

@@ -2,7 +2,7 @@ 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';
+import { RadioInputComposition, RadioInputStyles } from './styles';
 export * from './styles';
 declare type RadioItem<T extends unknown = any> = {
     value: T;
@@ -11,7 +11,7 @@ declare type RadioItem<T extends unknown = any> = {
 export declare type RadioButtonProps = Omit<ComponentPropsWithoutRef<typeof Touchable>, 'style'> & {
     item: RadioItem;
     select: () => void;
-    style: StylesOf<MobileRadioInputComposition>;
+    style: StylesOf<RadioInputComposition>;
     checked: boolean;
     defaultValue?: number;
 };
@@ -20,7 +20,7 @@ export declare type RadioGroupProps<T> = {
     value: T;
     onValueChange(value: T): void;
     label: ReactNode;
-    styles?: StylesOf<MobileRadioInputComposition>;
-} & ComponentVariants<typeof MobileRadioInputStyles>;
+    styles?: StylesOf<RadioInputComposition>;
+} & ComponentVariants<typeof RadioInputStyles>;
 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.map

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