@codeleap/mobile 1.9.25 → 1.9.28

package/dist/components/Icon.js

@@ -1,71 +1,71 @@
-"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.Icon = exports.IconComponent = void 0;
-var React = __importStar(require("react"));
-var common_1 = require("@codeleap/common");
-var react_native_1 = require("react-native");
-var View_1 = require("./View");
-var IconComponent = function (_a) {
-    var _b;
-    var name = _a.name, style = _a.style, variants = _a.variants, renderEmptySpace = _a.renderEmptySpace, otherProps = __rest(_a, ["name", "style", "variants", "renderEmptySpace"]);
-    var _c = (0, common_1.useCodeleapContext)(), Theme = _c.Theme, logger = _c.logger;
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('Icon', {
-        variants: variants,
-        transform: react_native_1.StyleSheet.flatten,
-        styles: {
-            icon: style,
-        },
-        rootElement: 'icon',
-    });
-    if (!name) {
-        return renderEmptySpace ? <View_1.View style={variantStyles.icon}/> : null;
-    }
-    var Component = (_b = Theme === null || Theme === void 0 ? void 0 : Theme.icons) === null || _b === void 0 ? void 0 : _b[name];
-    if (!Component) {
-        logger.warn("Icon: No icon found in theme for name \"".concat(name, "\"."), { props: { style: style, name: name, variants: variants, variantStyles: variantStyles } }, 'Component');
-        return null;
-    }
-    return <Component {...otherProps} style={variantStyles.icon}/>;
-};
-exports.IconComponent = IconComponent;
-function areEqual(prevProps, nextProps) {
-    var check = ['name', 'style', 'variants', 'renderEmptySpace'];
-    var res = (0, common_1.arePropsEqual)(prevProps, nextProps, { check: check });
-    return res;
-}
-exports.Icon = React.memo(exports.IconComponent, areEqual);
+"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.Icon = exports.IconComponent = void 0;
+var React = __importStar(require("react"));
+var common_1 = require("@codeleap/common");
+var react_native_1 = require("react-native");
+var View_1 = require("./View");
+var IconComponent = function (_a) {
+    var _b;
+    var name = _a.name, style = _a.style, variants = _a.variants, renderEmptySpace = _a.renderEmptySpace, otherProps = __rest(_a, ["name", "style", "variants", "renderEmptySpace"]);
+    var _c = (0, common_1.useCodeleapContext)(), Theme = _c.Theme, logger = _c.logger;
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('Icon', {
+        variants: variants,
+        transform: react_native_1.StyleSheet.flatten,
+        styles: {
+            icon: style,
+        },
+        rootElement: 'icon',
+    });
+    if (!name) {
+        return renderEmptySpace ? <View_1.View style={variantStyles.icon}/> : null;
+    }
+    var Component = (_b = Theme === null || Theme === void 0 ? void 0 : Theme.icons) === null || _b === void 0 ? void 0 : _b[name];
+    if (!Component) {
+        logger.warn("Icon: No icon found in theme for name \"".concat(name, "\"."), { props: { style: style, name: name, variants: variants, variantStyles: variantStyles } }, 'Component');
+        return null;
+    }
+    return <Component {...otherProps} style={variantStyles.icon}/>;
+};
+exports.IconComponent = IconComponent;
+function areEqual(prevProps, nextProps) {
+    var check = ['name', 'style', 'variants', 'renderEmptySpace'];
+    var res = (0, common_1.arePropsEqual)(prevProps, nextProps, { check: check });
+    return res;
+}
+exports.Icon = React.memo(exports.IconComponent, areEqual);
 //# sourceMappingURL=Icon.js.map

package/dist/components/Image.d.ts

@@ -1,18 +1,18 @@
-import * as React from 'react';
-import { ComponentVariants, ImageStyles, MobileInputFile } from '@codeleap/common';
-import { ComponentPropsWithoutRef } from 'react';
-import { Image as NativeImage, ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';
-import { FastImage } from '../modules/fastImage';
-declare type NativeImageProps = ComponentPropsWithoutRef<typeof NativeImage>;
-export declare type ImageProps = Omit<NativeImageProps, 'source' | 'style'> & {
-    variants?: ComponentVariants<typeof ImageStyles>['variants'];
-    fast?: boolean;
-    style?: StyleProp<ImageStyle | TextStyle | ViewStyle>;
-    source: (NativeImageProps['source'] & {
-        priority?: keyof typeof FastImage.priority;
-    }) | MobileInputFile | string;
-    resizeMode?: keyof typeof FastImage.resizeMode;
-};
-export declare const ImageComponent: React.FC<ImageProps>;
-export declare const Image: React.NamedExoticComponent<ImageProps>;
-export {};
+import * as React from 'react';
+import { ComponentVariants, ImageStyles, MobileInputFile } from '@codeleap/common';
+import { ComponentPropsWithoutRef } from 'react';
+import { Image as NativeImage, ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';
+import { FastImage } from '../modules/fastImage';
+declare type NativeImageProps = ComponentPropsWithoutRef<typeof NativeImage>;
+export declare type ImageProps = Omit<NativeImageProps, 'source' | 'style'> & {
+    variants?: ComponentVariants<typeof ImageStyles>['variants'];
+    fast?: boolean;
+    style?: StyleProp<ImageStyle | TextStyle | ViewStyle>;
+    source: (NativeImageProps['source'] & {
+        priority?: keyof typeof FastImage.priority;
+    }) | MobileInputFile | string;
+    resizeMode?: keyof typeof FastImage.resizeMode;
+};
+export declare const ImageComponent: React.FC<ImageProps>;
+export declare const Image: React.NamedExoticComponent<ImageProps>;
+export {};

package/dist/components/Image.js

@@ -1,60 +1,60 @@
-"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.Image = exports.ImageComponent = void 0;
-var React = __importStar(require("react"));
-var common_1 = require("@codeleap/common");
-var react_native_1 = require("react-native");
-var fastImage_1 = require("../modules/fastImage");
-var ImageComponent = function (props) {
-    var variants = props.variants, style = props.style, _a = props.fast, fast = _a === void 0 ? true : _a, _b = props.resizeMode, resizeMode = _b === void 0 ? 'contain' : _b, imageProps = __rest(props, ["variants", "style", "fast", "resizeMode"]);
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('Image', { variants: variants });
-    var styles = [variantStyles.wrapper, style];
-    if (fast) {
-        return (<fastImage_1.FastImage style={styles} 
-        // @ts-ignore
-        tintColor={style === null || style === void 0 ? void 0 : style.tintColor} resizeMode={fastImage_1.FastImage.resizeMode[resizeMode || 'contain']} {...imageProps}/>);
-    }
-    return <react_native_1.Image style={styles} resizeMode={resizeMode} {...imageProps}/>;
-};
-exports.ImageComponent = ImageComponent;
-function areEqual(prevProps, nextProps) {
-    var check = ['source', 'style', 'variants', 'resizeMode', 'fast'];
-    var res = (0, common_1.arePropsEqual)(prevProps, nextProps, { check: check });
-    return res;
-}
-exports.Image = React.memo(exports.ImageComponent, areEqual);
+"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.Image = exports.ImageComponent = void 0;
+var React = __importStar(require("react"));
+var common_1 = require("@codeleap/common");
+var react_native_1 = require("react-native");
+var fastImage_1 = require("../modules/fastImage");
+var ImageComponent = function (props) {
+    var variants = props.variants, style = props.style, _a = props.fast, fast = _a === void 0 ? true : _a, _b = props.resizeMode, resizeMode = _b === void 0 ? 'contain' : _b, imageProps = __rest(props, ["variants", "style", "fast", "resizeMode"]);
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('Image', { variants: variants });
+    var styles = [variantStyles.wrapper, style];
+    if (fast) {
+        return (<fastImage_1.FastImage style={styles} 
+        // @ts-ignore
+        tintColor={style === null || style === void 0 ? void 0 : style.tintColor} resizeMode={fastImage_1.FastImage.resizeMode[resizeMode || 'contain']} {...imageProps}/>);
+    }
+    return <react_native_1.Image style={styles} resizeMode={resizeMode} {...imageProps}/>;
+};
+exports.ImageComponent = ImageComponent;
+function areEqual(prevProps, nextProps) {
+    var check = ['source', 'style', 'variants', 'resizeMode', 'fast'];
+    var res = (0, common_1.arePropsEqual)(prevProps, nextProps, { check: check });
+    return res;
+}
+exports.Image = React.memo(exports.ImageComponent, areEqual);
 //# sourceMappingURL=Image.js.map

package/dist/components/List.d.ts

@@ -1,14 +1,14 @@
-/// <reference types="react" />
-import { FlatList } from 'react-native';
-import { ViewProps } from './View';
-declare type RNFlatListProps<T = any> = FlatList<T>['props'];
-export declare type FlatListProps<T = any> = RNFlatListProps<T> & ViewProps & {
-    onRefresh?: () => void;
-    refreshTimeout?: number;
-    changeData?: any;
-    separators?: boolean;
-    refreshing?: boolean;
-    keyboardAware?: boolean;
-};
-export declare const List: <T = any>(props: FlatListProps<T>) => JSX.Element;
-export {};
+/// <reference types="react" />
+import { FlatListProps as RNFlatListProps } from 'react-native';
+import { ViewProps } from './View';
+import { EmptyPlaceholderProps } from './EmptyPlaceholder';
+export declare type FlatListProps<T = any> = RNFlatListProps<T> & ViewProps & {
+    onRefresh?: () => void;
+    refreshTimeout?: number;
+    changeData?: any;
+    separators?: boolean;
+    refreshing?: boolean;
+    placeholder?: EmptyPlaceholderProps;
+    keyboardAware?: boolean;
+};
+export declare const List: <T = any>(props: FlatListProps<T>) => JSX.Element;

package/dist/components/List.js

@@ -1,84 +1,85 @@
-"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.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;
-var ListCP = (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, _c = flatListProps.keyboardAware, keyboardAware = _c === void 0 ? true : _c, props = __rest(flatListProps, ["variants", "style", "refreshTimeout", "changeData", "keyboardAware"]);
-    var hasRefresh = !!props.onRefresh;
-    var _d = (0, react_1.useState)(false), refreshingState = _d[0], setRefreshing = _d[1];
-    var refreshingDisplay = props.refreshing !== undefined ? props.refreshing : refreshingState;
-    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 (refreshingDisplay && !(0, common_1.deepEqual)(previousData, changeData)) {
-            setRefreshing(false);
-            if (timer.current) {
-                clearTimeout(timer.current);
-            }
-        }
-    }, [refreshingDisplay, 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;
-    var Component = keyboardAware ? KeyboardAwareFlatList : react_native_1.FlatList;
-    return (<Component style={[Theme.presets.full, style]} contentContainerStyle={[variantStyles.wrapper]} ref={ref} ItemSeparatorComponent={separator} refreshControl={hasRefresh && (<react_native_1.RefreshControl refreshing={refreshingDisplay} onRefresh={onRefresh}/>)} {...props}/>);
-});
-exports.List = ListCP;
+"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.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 EmptyPlaceholder_1 = require("./EmptyPlaceholder");
+var KeyboardAwareFlatList = react_native_keyboard_aware_scroll_view_1.KeyboardAwareFlatList;
+var ListCP = (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, placeholder = flatListProps.placeholder, _c = flatListProps.keyboardAware, keyboardAware = _c === void 0 ? true : _c, props = __rest(flatListProps, ["variants", "style", "refreshTimeout", "changeData", "placeholder", "keyboardAware"]);
+    var hasRefresh = !!props.onRefresh;
+    var _d = (0, react_1.useState)(false), refreshingState = _d[0], setRefreshing = _d[1];
+    var refreshingDisplay = props.refreshing !== undefined ? props.refreshing : refreshingState;
+    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 (refreshingDisplay && !(0, common_1.deepEqual)(previousData, changeData)) {
+            setRefreshing(false);
+            if (timer.current) {
+                clearTimeout(timer.current);
+            }
+        }
+    }, [refreshingDisplay, 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;
+    var Component = keyboardAware ? KeyboardAwareFlatList : react_native_1.FlatList;
+    return (<Component style={[Theme.presets.full, style]} contentContainerStyle={[variantStyles.wrapper]} ref={ref} ItemSeparatorComponent={separator} refreshControl={hasRefresh && (<react_native_1.RefreshControl refreshing={refreshingDisplay} onRefresh={onRefresh}/>)} ListEmptyComponent={<EmptyPlaceholder_1.EmptyPlaceholder {...placeholder}/>} {...props}/>);
+});
+exports.List = ListCP;
 //# sourceMappingURL=List.js.map

package/dist/components/List.js.map

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

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

@@ -1,26 +1,27 @@
-import * as React from 'react';
-import { ViewProps } from '../View';
-import { ButtonProps } from '../Button';
-import { ComponentVariants, IconPlaceholder } from '@codeleap/common';
-import { MobileModalComposition, MobileModalStyles } from './styles';
-import { StylesOf } from '../../types/utility';
-export * from './styles';
-export declare type ModalProps = Omit<ViewProps, 'variants' | 'styles'> & {
-    variants?: ComponentVariants<typeof MobileModalStyles>['variants'];
-    styles?: StylesOf<MobileModalComposition>;
-    dismissOnBackdrop?: boolean;
-    buttonProps?: ButtonProps;
-    accessible?: boolean;
-    showClose?: boolean;
-    closable?: boolean;
-    footer?: React.ReactNode;
-    title?: React.ReactNode;
-    debugName?: string;
-    closeIconName?: IconPlaceholder;
-    visible: boolean;
-    toggle?: () => void;
-    scroll?: boolean;
-    keyboardAware?: boolean;
-};
-export declare const Modal: React.FC<ModalProps>;
-export default Modal;
+import * as React from 'react';
+import { ViewProps } from '../View';
+import { ButtonProps } from '../Button';
+import { ComponentVariants, IconPlaceholder } from '@codeleap/common';
+import { MobileModalComposition, MobileModalStyles } from './styles';
+import { StylesOf } from '../../types/utility';
+export * from './styles';
+export declare type ModalProps = Omit<ViewProps, 'variants' | 'styles'> & {
+    variants?: ComponentVariants<typeof MobileModalStyles>['variants'];
+    styles?: StylesOf<MobileModalComposition>;
+    dismissOnBackdrop?: boolean;
+    buttonProps?: ButtonProps;
+    accessible?: boolean;
+    showClose?: boolean;
+    closable?: boolean;
+    footer?: React.ReactNode;
+    title?: React.ReactNode;
+    debugName?: string;
+    closeIconName?: IconPlaceholder;
+    visible: boolean;
+    toggle?: () => void;
+    zIndex?: number;
+    scroll?: boolean;
+    keyboardAware?: boolean;
+};
+export declare const Modal: React.FC<ModalProps>;
+export default Modal;