@codeleap/mobile 1.9.21 → 1.9.22

package/dist/components/Overlay.js

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

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

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

package/dist/components/Pager/index.js

@@ -1,168 +1,168 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Pager = void 0;
-var common_1 = require("@codeleap/common");
-var react_1 = __importStar(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 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);
-            }
-            else {
-                logger.warn('Attempted to go to a page which falls outside range', { currentPage: page, attemptedToGoTo: n, pageRange: [0, lastPage] }, 'Component');
-            }
-        },
-    });
-    (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>)}
-    </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>
-};
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Pager = void 0;
+var common_1 = require("@codeleap/common");
+var react_1 = __importStar(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 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);
+            }
+            else {
+                logger.warn('Attempted to go to a page which falls outside range', { currentPage: page, attemptedToGoTo: n, pageRange: [0, lastPage] }, 'Component');
+            }
+        },
+    });
+    (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>)}
+    </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>
+};
 //# sourceMappingURL=index.js.map