@codeleap/mobile 1.9.26 → 1.9.27

package/dist/components/Button.d.ts

@@ -1,8 +1,13 @@
 import * as React from 'react';
-import { ButtonStyles, ComponentVariants, ButtonComposition, IconPlaceholder } from '@codeleap/common';
+import { ButtonStyles, ComponentVariants, ButtonComposition, ButtonParts, IconPlaceholder } from '@codeleap/common';
 import { StylesOf } from '../types/utility';
 import { TouchableProps } from './Touchable';
 import { TouchableOpacity } from 'react-native';
+declare type ChildProps = {
+    styles: StylesOf<ButtonParts>;
+    pressed: boolean;
+    props: Omit<ButtonProps, 'children'>;
+};
 export declare type ButtonProps = Omit<TouchableProps, 'variants'> & ComponentVariants<typeof ButtonStyles> & {
     text?: string;
     rightIcon?: IconPlaceholder;
@@ -11,6 +16,7 @@ export declare type ButtonProps = Omit<TouchableProps, 'variants'> & ComponentVa
     loading?: boolean;
     debounce?: number;
     debugName: string;
+    children?: React.ReactNode | ((props: ChildProps) => React.ReactNode);
 };
 export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "children" | "hitSlop" | "onLayout" | "style" | "testID" | "hasTVPreferredFocus" | "tvParallaxProperties" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "text" | "component" | keyof import("@codeleap/common").BaseViewProps | "activeOpacity" | "delayLongPress" | "delayPressIn" | "delayPressOut" | "disabled" | "onBlur" | "onFocus" | "onLongPress" | "onPress" | "onPressIn" | "onPressOut" | "pressRetentionOffset" | "touchSoundDisabled" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "debugName" | "debugComponent" | "icon" | "styles" | "rightIcon" | "loading" | keyof ComponentVariants<{
     default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
@@ -123,3 +129,4 @@ export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "
     debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
     debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
 }>> | "debounce"> & React.RefAttributes<TouchableOpacity>>;
+export {};

package/dist/components/Button.js

@@ -71,13 +71,24 @@ exports.Button = (0, react_1.forwardRef)(function (buttonProps, ref) {
     var leftIconStyle = react_native_1.StyleSheet.flatten([iconStyle, getStyles('leftIcon')]);
     var rightIconStyle = react_native_1.StyleSheet.flatten([iconStyle, getStyles('rightIcon')]);
     var hasText = !!(text || children);
-    return (<Touchable_1.Touchable style={getStyles('wrapper')} onPress={handlePress} ref={ref} disabled={disabled} debugComponent={'Button'} {...props}>
+    var _styles = {
+        wrapper: getStyles('wrapper'),
+        loader: getStyles('loader'),
+        leftIcon: leftIconStyle,
+        rightIcon: rightIconStyle,
+        text: getStyles('text'),
+        icon: getStyles('icon'),
+    };
+    var childrenContent = typeof children === 'function' ?
+        children({ styles: _styles, props: buttonProps, pressed: pressed })
+        : children;
+    return (<Touchable_1.Touchable style={_styles.wrapper} onPress={handlePress} ref={ref} disabled={disabled} debugComponent={'Button'} {...props}>
 
-      {loading && <ActivityIndicator_1.ActivityIndicator style={getStyles('loader')}/>}
-      {!loading && <Icon_1.Icon name={icon} style={leftIconStyle} renderEmptySpace={hasText}/>}
-      {text ? <Text_1.Text text={text} style={getStyles('text')}/> : null}
-      {children}
-      <Icon_1.Icon name={rightIcon} style={rightIconStyle} renderEmptySpace={hasText}/>
+      {loading && <ActivityIndicator_1.ActivityIndicator style={_styles.loader}/>}
+      {!loading && <Icon_1.Icon name={icon} style={_styles.leftIcon} renderEmptySpace={hasText}/>}
+      {text ? <Text_1.Text text={text} style={_styles.text}/> : null}
+      {childrenContent}
+      <Icon_1.Icon name={rightIcon} style={_styles.rightIcon} renderEmptySpace={hasText}/>
     </Touchable_1.Touchable>);
 });
 //# sourceMappingURL=Button.js.map

package/dist/components/Button.js.map

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

package/dist/components/EmptyPlaceholder.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ComponentVariants, EmptyPlaceholderComposition, EmptyPlaceholderStyles, IconPlaceholder } from '@codeleap/common';
+import { StylesOf } from '../types/utility';
+export declare type EmptyPlaceholderProps = {
+    itemName?: string;
+    title?: string;
+    loading?: boolean;
+    styles?: StylesOf<EmptyPlaceholderComposition>;
+    variants?: ComponentVariants<typeof EmptyPlaceholderStyles>['variants'];
+    emptyIconName?: IconPlaceholder;
+};
+export declare const EmptyPlaceholder: React.FC<EmptyPlaceholderProps>;

package/dist/components/EmptyPlaceholder.js

@@ -0,0 +1,54 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmptyPlaceholder = void 0;
+var react_1 = __importStar(require("react"));
+var Icon_1 = require("./Icon");
+var View_1 = require("./View");
+var Text_1 = require("./Text");
+var ActivityIndicator_1 = require("./ActivityIndicator");
+var common_1 = require("@codeleap/common");
+var react_native_1 = require("react-native");
+var EmptyPlaceholder = function (props) {
+    var itemName = props.itemName, title = props.title, loading = props.loading, _a = props.styles, styles = _a === void 0 ? {} : _a, _b = props.variants, variants = _b === void 0 ? [] : _b, _c = props.emptyIconName, emptyIconName = _c === void 0 ? 'search' : _c;
+    var emptyText = title || (itemName && "No ".concat(itemName, " found.")) || 'No items.';
+    var componentStyles = (0, common_1.useDefaultComponentStyle)('EmptyPlaceholder', {
+        variants: variants,
+        transform: react_native_1.StyleSheet.flatten,
+        styles: styles,
+    });
+    var activityIndicatorStyles = (0, react_1.useMemo)(function () { return (0, common_1.getNestedStylesByKey)('loader', componentStyles); }, [componentStyles]);
+    if (loading) {
+        return (<View_1.View style={[componentStyles.wrapper, componentStyles['wrapper:loading']]}>
+        <ActivityIndicator_1.ActivityIndicator styles={activityIndicatorStyles}/>
+      </View_1.View>);
+    }
+    return (<View_1.View style={componentStyles.wrapper}>
+      <Icon_1.Icon name={emptyIconName} style={componentStyles.icon}/>
+      <Text_1.Text text={emptyText} style={componentStyles.text}/>
+    </View_1.View>);
+};
+exports.EmptyPlaceholder = EmptyPlaceholder;
+//# sourceMappingURL=EmptyPlaceholder.js.map

package/dist/components/EmptyPlaceholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyPlaceholder.js","sourceRoot":"","sources":["../../src/components/EmptyPlaceholder.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAsC;AACtC,+BAA6B;AAC7B,+BAA6B;AAC7B,+BAA6B;AAC7B,yDAAuD;AACvD,2CAOyB;AACzB,6CAAyC;AAYlC,IAAM,gBAAgB,GAAmC,UAAC,KAA4B;IACnF,IAAA,QAAQ,GAA2E,KAAK,SAAhF,EAAE,KAAK,GAAoE,KAAK,MAAzE,EAAE,OAAO,GAA2D,KAAK,QAAhE,EAAE,KAAyD,KAAK,OAAnD,EAAX,MAAM,mBAAG,EAAE,KAAA,EAAE,KAA4C,KAAK,SAApC,EAAb,QAAQ,mBAAG,EAAE,KAAA,EAAE,KAA6B,KAAK,cAAV,EAAxB,aAAa,mBAAG,QAAQ,KAAA,CAAU;IAChG,IAAM,SAAS,GAAG,KAAK,IAAI,CAAC,QAAQ,IAAI,aAAM,QAAQ,YAAS,CAAC,IAAI,WAAW,CAAA;IAE/E,IAAM,eAAe,GAAG,IAAA,iCAAwB,EAAC,kBAAkB,EAAE;QACnE,QAAQ,UAAA;QACR,SAAS,EAAE,yBAAU,CAAC,OAAO;QAC7B,MAAM,QAAA;KACP,CAAC,CAAA;IAEF,IAAM,uBAAuB,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,IAAA,6BAAoB,EAAC,QAAQ,EAAE,eAAe,CAAC,EAA/C,CAA+C,EACzF,CAAC,eAAe,CAAC,CAAC,CAAA;IAEtB,IAAI,OAAO,EAAE;QACX,OAAO,CACL,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,OAAO,EAAE,eAAe,CAAC,iBAAiB,CAAC,CAAC,CAAC,CACzE;QAAA,CAAC,qCAAiB,CAAC,MAAM,CAAC,CAAC,uBAAuB,CAAC,EACrD;MAAA,EAAE,WAAI,CAAC,CACR,CAAA;KACF;IAED,OAAO,CACL,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,OAAO,CAAC,CACnC;MAAA,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,aAAgC,CAAC,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,EAC1E;MAAA,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,EACrD;IAAA,EAAE,WAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AA3BY,QAAA,gBAAgB,oBA2B5B"}

package/dist/components/Gap.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ViewProps } from './View';
+declare type GapProps = ViewProps & {
+    value: number;
+    defaultProps?: any;
+};
+export declare const Gap: React.FC<GapProps>;
+export {};

package/dist/components/Gap.js

@@ -0,0 +1,60 @@
+"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 __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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Gap = void 0;
+var react_1 = __importDefault(require("react"));
+var common_1 = require("@codeleap/common");
+var View_1 = require("./View");
+var Gap = function (_a) {
+    var _b;
+    var children = _a.children, value = _a.value, _c = _a.defaultProps, defaultProps = _c === void 0 ? {} : _c, props = __rest(_a, ["children", "value", "defaultProps"]);
+    var Theme = (0, common_1.useCodeleapContext)().Theme;
+    var horizontal = (_b = props.variants) === null || _b === void 0 ? void 0 : _b.includes('row');
+    return (<View_1.View {...props}>
+      {react_1.default.Children.toArray(children).map(function (Element, idx, childArr) {
+            if (react_1.default.isValidElement(Element)) {
+                var props_1 = __assign(__assign({}, Element.props), defaultProps);
+                var spacingFunction = horizontal ? 'marginHorizontal' : 'marginVertical';
+                switch (idx) {
+                    case 0:
+                        spacingFunction = horizontal ? 'marginRight' : 'marginBottom';
+                        break;
+                    case childArr.length - 1:
+                        spacingFunction = horizontal ? 'marginLeft' : 'marginTop';
+                        break;
+                    default:
+                        break;
+                }
+                props_1.style = [props_1.style, Theme.spacing[spacingFunction](value / 2)];
+                return react_1.default.cloneElement(Element, props_1);
+            }
+            return Element;
+        })}
+    </View_1.View>);
+};
+exports.Gap = Gap;
+//# sourceMappingURL=Gap.js.map

package/dist/components/Gap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gap.js","sourceRoot":"","sources":["../../src/components/Gap.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,2CAAqD;AACrD,+BAAwC;AAQjC,IAAM,GAAG,GAAsB,UAAC,EAAgD;;IAA9C,IAAA,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,oBAAiB,EAAjB,YAAY,mBAAG,EAAE,KAAA,EAAK,KAAK,cAA9C,qCAAgD,CAAF;IAC3E,IAAA,KAAK,GAAK,IAAA,2BAAkB,GAAE,MAAzB,CAAyB;IACtC,IAAM,UAAU,GAAG,MAAA,KAAK,CAAC,QAAQ,0CAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;IAClD,OAAO,CACL,CAAC,WAAI,CAAC,IAAI,KAAK,CAAC,CACd;MAAA,CACE,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,GAAG,EAAE,QAAQ;YAC1D,IAAI,eAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;gBACjC,IAAM,OAAK,yBAAQ,OAAO,CAAC,KAAK,GAAK,YAAY,CAAE,CAAA;gBAEnD,IAAI,eAAe,GAAG,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,gBAAgB,CAAA;gBACxE,QAAQ,GAAG,EAAE;oBACX,KAAK,CAAC;wBACJ,eAAe,GAAG,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,CAAA;wBAC7D,MAAK;oBACP,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC;wBACtB,eAAe,GAAG,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAA;wBACzD,MAAK;oBACP;wBACE,MAAK;iBACR;gBACD,OAAK,CAAC,KAAK,GAAG,CAAC,OAAK,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAA;gBACtE,OAAO,eAAK,CAAC,YAAY,CAAC,OAAO,EAAE,OAAK,CAAC,CAAA;aAC1C;YACD,OAAO,OAAO,CAAA;QAChB,CAAC,CAAC,CAEN;IAAA,EAAE,WAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AA7BY,QAAA,GAAG,OA6Bf"}

package/dist/components/List.d.ts

@@ -1,14 +1,14 @@
 /// <reference types="react" />
-import { FlatList } from 'react-native';
+import { FlatListProps as RNFlatListProps } from 'react-native';
 import { ViewProps } from './View';
-declare type RNFlatListProps<T = any> = FlatList<T>['props'];
+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;
-export {};

package/dist/components/List.js

@@ -41,9 +41,10 @@ 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, _c = flatListProps.keyboardAware, keyboardAware = _c === void 0 ? true : _c, props = __rest(flatListProps, ["variants", "style", "refreshTimeout", "changeData", "keyboardAware"]);
+    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;
@@ -78,7 +79,7 @@ var ListCP = (0, react_1.forwardRef)(function (flatListProps, ref) {
     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}/>);
+    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

@@ -19,6 +19,7 @@ export declare type ModalProps = Omit<ViewProps, 'variants' | 'styles'> & {
     closeIconName?: IconPlaceholder;
     visible: boolean;
     toggle?: () => void;
+    zIndex?: number;
     scroll?: boolean;
     keyboardAware?: boolean;
 };

package/dist/components/Modal/index.js

@@ -60,7 +60,7 @@ 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, 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, _h = modalProps.keyboardAware, keyboardAware = _h === void 0 ? true : _h, props = __rest(modalProps, ["variants", "styles", "visible", "showClose", "closable", "title", "footer", "children", "toggle", "dismissOnBackdrop", "closeIconName", "debugName", "scroll", "keyboardAware"]);
+    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, _h = modalProps.keyboardAware, keyboardAware = _h === void 0 ? true : _h, _j = modalProps.zIndex, zIndex = _j === void 0 ? null : _j, props = __rest(modalProps, ["variants", "styles", "visible", "showClose", "closable", "title", "footer", "children", "toggle", "dismissOnBackdrop", "closeIconName", "debugName", "scroll", "keyboardAware", "zIndex"]);
     var variantStyles = (0, common_1.useDefaultComponentStyle)('Modal', {
         variants: variants,
         transform: react_native_1.StyleSheet.flatten,
@@ -89,7 +89,8 @@ var Modal = function (modalProps) {
         hidden: __assign(__assign({}, variantStyles['box:pose']), styles['box:pose']),
         visible: __assign(__assign({}, variantStyles['box:pose:visible']), styles['box:pose:visible']),
     };
-    return (<View_1.View style={getStyles('wrapper')} pointerEvents={visible ? 'auto' : 'none'}>
+    var wrapperStyle = react_native_1.StyleSheet.flatten(getStyles('wrapper'));
+    return (<View_1.View style={[wrapperStyle, { zIndex: typeof zIndex === 'number' ? zIndex : wrapperStyle === null || wrapperStyle === void 0 ? void 0 : wrapperStyle.zIndex }]} pointerEvents={visible ? 'auto' : 'none'}>
       <View_1.AnimatedView style={getStyles('overlay')} transition={'opacity'}/>
       <Scroll_1.Scroll style={getStyles('innerWrapper')} contentContainerStyle={getStyles('innerWrapperScroll')} scrollEnabled={scroll} keyboardAware={keyboardAware}>
         {dismissOnBackdrop && (<Touchable_1.Touchable debugName={"".concat(debugName, " modal backdrop")} activeOpacity={1} onPress={function () { return toggle(); }} style={getStyles('touchableBackdrop')}/>)}

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/components.d.ts

@@ -23,4 +23,5 @@ export * from './Overlay';
 export * from './Modal';
 export * from './Navigation';
 export * from './Pager';
-export * from './NewPager';
+export * from './EmptyPlaceholder';
+export * from './Gap';

package/dist/components/components.js

@@ -39,5 +39,6 @@ __exportStar(require("./Overlay"), exports);
 __exportStar(require("./Modal"), exports);
 __exportStar(require("./Navigation"), exports);
 __exportStar(require("./Pager"), exports);
-__exportStar(require("./NewPager"), exports);
+__exportStar(require("./EmptyPlaceholder"), exports);
+__exportStar(require("./Gap"), exports);
 //# sourceMappingURL=components.js.map

package/dist/components/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/components/components.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAsB;AACtB,6CAA0B;AAC1B,yCAAsB;AACtB,8CAA2B;AAC3B,yCAAsB;AACtB,0CAAuB;AACvB,6CAA0B;AAC1B,8CAA2B;AAC3B,+CAA4B;AAC5B,2CAAwB;AACxB,gDAA6B;AAC7B,6CAA0B;AAC1B,2CAAwB;AACxB,8CAA2B;AAC3B,2CAAwB;AACxB,+CAA4B;AAC5B,2CAAwB;AACxB,yCAAsB;AACtB,sDAAmC;AACnC,2CAAwB;AACxB,gDAA6B;AAC7B,4CAAyB;AACzB,0CAAuB;AAEvB,+CAA4B;AAC5B,0CAAuB;AACvB,6CAA0B"}
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/components/components.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAsB;AACtB,6CAA0B;AAC1B,yCAAsB;AACtB,8CAA2B;AAC3B,yCAAsB;AACtB,0CAAuB;AACvB,6CAA0B;AAC1B,8CAA2B;AAC3B,+CAA4B;AAC5B,2CAAwB;AACxB,gDAA6B;AAC7B,6CAA0B;AAC1B,2CAAwB;AACxB,8CAA2B;AAC3B,2CAAwB;AACxB,+CAA4B;AAC5B,2CAAwB;AACxB,yCAAsB;AACtB,sDAAmC;AACnC,2CAAwB;AACxB,gDAA6B;AAC7B,4CAAyB;AACzB,0CAAuB;AAEvB,+CAA4B;AAC5B,0CAAuB;AACvB,qDAAkC;AAClC,wCAAqB"}

package/dist/modules/textInputMask.d.ts

@@ -1,12 +1,9 @@
 /// <reference types="react" />
-export declare const MaskedTextInput: import("react").ForwardRefExoticComponent<{
-    masking: {
-        type?: any;
+export declare const MaskedTextInput: import("react").ForwardRefExoticComponent<Omit<import("react-native-masked-text").TextInputMaskProps, keyof import("react-native").TextInputProps> & {
+    masking: Partial<import("@codeleap/common/dist/types/third-party/react-native-masked-text").TextInputMaskProps> & {
         saveFormatted?: boolean;
-    } & {
-        type: import("react-native-masked-text").TextInputMaskTypeProp;
     };
-    onChangeText?: (maskedText: string, unmaskedText: string) => any;
-} & import("react-native").TextInputProps & import("react-native-masked-text").TextInputMaskProps & {
+    onChangeText: (text: string, rawText?: string) => void;
+} & {
     ref?: any;
 }>;

package/dist/modules/types/textInputMask.d.ts

@@ -1,12 +1,7 @@
 import { FormTypes } from '@codeleap/common';
-import { ComponentPropsWithoutRef } from 'react';
-import { TextInput as NativeTextInput } from 'react-native';
-declare type NativeProps = ComponentPropsWithoutRef<typeof NativeTextInput>;
+import { TextInputProps } from 'react-native';
 import { TextInputMaskProps as RNTextInputMaskProps } from 'react-native-masked-text';
-export declare type TextInputMaskProps = {
-    masking: FormTypes.TextField['masking'] & {
-        type: RNTextInputMaskProps['type'];
-    };
-    onChangeText?: (maskedText: string, unmaskedText: string) => any;
-} & NativeProps & RNTextInputMaskProps;
-export {};
+export declare type TextInputMaskProps = Omit<RNTextInputMaskProps, keyof TextInputProps> & {
+    masking: FormTypes.TextField['masking'];
+    onChangeText: RNTextInputMaskProps['onChangeText'];
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/mobile",
-  "version": "1.9.26",
+  "version": "1.9.27",
   "main": "src/index.ts",
   "author": "Paulo Henrique De Souza <paulosouza300272@gmail.com>",
   "license": "UNLICENSED",

package/src/components/Button.tsx

@@ -15,6 +15,12 @@ import { Icon } from './Icon'
 import { ActivityIndicator } from './ActivityIndicator'
 import { StyleSheet, TouchableOpacity } from 'react-native'
 
+type ChildProps = {
+  styles: StylesOf<ButtonParts>
+  pressed: boolean
+  props: Omit<ButtonProps, 'children'>
+}
+
 export type ButtonProps = Omit<TouchableProps, 'variants'> &
   ComponentVariants<typeof ButtonStyles> & {
     text?: string
@@ -24,6 +30,7 @@ export type ButtonProps = Omit<TouchableProps, 'variants'> &
     loading?: boolean
     debounce?: number
     debugName: string
+    children?: React.ReactNode | ((props: ChildProps) => React.ReactNode)
   }
 
 export const Button = forwardRef<TouchableOpacity, ButtonProps>((buttonProps, ref) => {
@@ -75,9 +82,24 @@ export const Button = forwardRef<TouchableOpacity, ButtonProps>((buttonProps, re
   const rightIconStyle = StyleSheet.flatten([iconStyle, getStyles('rightIcon')])
 
   const hasText = !!(text || children)
+
+  const _styles = {
+    wrapper: getStyles('wrapper'),
+    loader: getStyles('loader'),
+    leftIcon: leftIconStyle,
+    rightIcon: rightIconStyle,
+    text: getStyles('text'),
+    icon: getStyles('icon'),
+
+  }
+
+  const childrenContent = typeof children === 'function' ?
+    children({ styles: _styles, props: buttonProps, pressed })
+    : children
+
   return (
     <Touchable
-      style={getStyles('wrapper')}
+      style={_styles.wrapper}
       onPress={handlePress}
       ref={ref}
       disabled={disabled}
@@ -85,11 +107,11 @@ export const Button = forwardRef<TouchableOpacity, ButtonProps>((buttonProps, re
       {...props}
     >
 
-      {loading && <ActivityIndicator style={getStyles('loader')} />}
-      {!loading && <Icon name={icon} style={leftIconStyle} renderEmptySpace={hasText}/>}
-      {text ? <Text text={text} style={getStyles('text')} /> : null}
-      {children}
-      <Icon name={rightIcon} style={rightIconStyle} renderEmptySpace={hasText} />
+      {loading && <ActivityIndicator style={_styles.loader} />}
+      {!loading && <Icon name={icon} style={_styles.leftIcon} renderEmptySpace={hasText}/>}
+      {text ? <Text text={text} style={_styles.text} /> : null}
+      {childrenContent}
+      <Icon name={rightIcon} style={_styles.rightIcon} renderEmptySpace={hasText} />
     </Touchable>
   )
 })

package/src/components/EmptyPlaceholder.tsx

@@ -0,0 +1,53 @@
+import React, { useMemo } from 'react'
+import { Icon } from './Icon'
+import { View } from './View'
+import { Text } from './Text'
+import { ActivityIndicator } from './ActivityIndicator'
+import {
+  ComponentVariants,
+  EmptyPlaceholderComposition,
+  EmptyPlaceholderStyles,
+  getNestedStylesByKey,
+  IconPlaceholder,
+  useDefaultComponentStyle,
+} from '@codeleap/common'
+import { StyleSheet } from 'react-native'
+import { StylesOf } from '../types/utility'
+
+export type EmptyPlaceholderProps = {
+  itemName?: string
+  title?: string
+  loading?: boolean
+  styles?: StylesOf<EmptyPlaceholderComposition>
+  variants?: ComponentVariants<typeof EmptyPlaceholderStyles>['variants']
+  emptyIconName?: IconPlaceholder
+}
+
+export const EmptyPlaceholder:React.FC<EmptyPlaceholderProps> = (props: EmptyPlaceholderProps) => {
+  const { itemName, title, loading, styles = {}, variants = [], emptyIconName = 'search' } = props
+  const emptyText = title || (itemName && `No ${itemName} found.`) || 'No items.'
+
+  const componentStyles = useDefaultComponentStyle('EmptyPlaceholder', {
+    variants,
+    transform: StyleSheet.flatten,
+    styles,
+  })
+
+  const activityIndicatorStyles = useMemo(() => getNestedStylesByKey('loader', componentStyles)
+    , [componentStyles])
+
+  if (loading) {
+    return (
+      <View style={[componentStyles.wrapper, componentStyles['wrapper:loading']]} >
+        <ActivityIndicator styles={activityIndicatorStyles}/>
+      </View>
+    )
+  }
+
+  return (
+    <View style={componentStyles.wrapper}>
+      <Icon name={emptyIconName as IconPlaceholder} style={componentStyles.icon}/>
+      <Text text={emptyText} style={componentStyles.text}/>
+    </View>
+  )
+}

package/src/components/Gap.tsx

@@ -0,0 +1,40 @@
+import React from 'react'
+import { useCodeleapContext } from '@codeleap/common'
+import { View, ViewProps } from './View'
+
+type GapProps = ViewProps & {
+    value: number
+
+    defaultProps?: any
+}
+
+export const Gap:React.FC<GapProps> = ({ children, value, defaultProps = {}, ...props }) => {
+  const { Theme } = useCodeleapContext()
+  const horizontal = props.variants?.includes('row')
+  return (
+    <View {...props}>
+      {
+        React.Children.toArray(children).map((Element, idx, childArr) => {
+          if (React.isValidElement(Element)) {
+            const props = { ...Element.props, ...defaultProps }
+
+            let spacingFunction = horizontal ? 'marginHorizontal' : 'marginVertical'
+            switch (idx) {
+              case 0:
+                spacingFunction = horizontal ? 'marginRight' : 'marginBottom'
+                break
+              case childArr.length - 1:
+                spacingFunction = horizontal ? 'marginLeft' : 'marginTop'
+                break
+              default:
+                break
+            }
+            props.style = [props.style, Theme.spacing[spacingFunction](value / 2)]
+            return React.cloneElement(Element, props)
+          }
+          return Element
+        })
+      }
+    </View>
+  )
+}

package/src/components/List.tsx

@@ -13,10 +13,10 @@ import {
   // @ts-ignore
 } from 'react-native-keyboard-aware-scroll-view'
 
-import { RefreshControl, FlatList } from 'react-native'
+import { RefreshControl, FlatList, FlatListProps as RNFlatListProps } from 'react-native'
 import { View, ViewProps } from './View'
+import { EmptyPlaceholder, EmptyPlaceholderProps } from './EmptyPlaceholder'
 
-type RNFlatListProps<T = any> = FlatList<T>['props']
 export type FlatListProps<T = any> = RNFlatListProps<T> &
   ViewProps & {
     onRefresh?: () => void
@@ -24,7 +24,9 @@ export type FlatListProps<T = any> = RNFlatListProps<T> &
     changeData?: any
     separators?: boolean
     refreshing?: boolean
+    placeholder?: EmptyPlaceholderProps
     keyboardAware?: boolean
+
   }
 
 const KeyboardAwareFlatList =
@@ -42,6 +44,7 @@ const ListCP = forwardRef<FlatList, FlatListProps>(
       style,
       refreshTimeout = 3000,
       changeData,
+      placeholder,
       keyboardAware = true,
       ...props
     } = flatListProps
@@ -102,6 +105,7 @@ const ListCP = forwardRef<FlatList, FlatListProps>(
             <RefreshControl refreshing={refreshingDisplay} onRefresh={onRefresh} />
           )
         }
+        ListEmptyComponent={<EmptyPlaceholder {...placeholder}/>}
         {...props}
       />
     )
@@ -109,3 +113,4 @@ const ListCP = forwardRef<FlatList, FlatListProps>(
 )
 
 export const List = ListCP as (<T = any>(props: FlatListProps<T>) => JSX.Element)
+

package/src/components/Modal/index.tsx

@@ -38,6 +38,7 @@ export type ModalProps = Omit<ViewProps, 'variants' | 'styles'> & {
   closeIconName?: IconPlaceholder
   visible: boolean
   toggle?: () => void
+  zIndex?: number
   scroll?: boolean
   keyboardAware?: boolean
 }
@@ -58,6 +59,7 @@ export const Modal: React.FC<ModalProps> = (modalProps) => {
     debugName,
     scroll = true,
     keyboardAware = true,
+    zIndex = null,
     ...props
   } = modalProps
 
@@ -100,9 +102,10 @@ export const Modal: React.FC<ModalProps> = (modalProps) => {
     },
   }
 
+  const wrapperStyle = StyleSheet.flatten(getStyles('wrapper'))
   return (
     <View
-      style={getStyles('wrapper')}
+      style={[wrapperStyle, { zIndex: typeof zIndex === 'number' ? zIndex : wrapperStyle?.zIndex }]}
       pointerEvents={visible ? 'auto' : 'none'}
     >
       <AnimatedView style={getStyles('overlay')} transition={'opacity'} />

package/src/components/Pager/index.tsx

@@ -24,20 +24,20 @@ import { MobilePagerStyles, PagerComposition } from './styles'
 export * from './styles'
 
 export type PagerProps = {
-    variants?: ComponentVariants<typeof MobilePagerStyles>['variants']
-    styles?: StylesOf<PagerComposition>
-    page?: number
-    loop?: boolean
-    debug?: boolean
-    children?: ReactNode
-    onPageChange?: (page: number) => void
-  }
+  variants?: ComponentVariants<typeof MobilePagerStyles>['variants']
+  styles?: StylesOf<PagerComposition>
+  page?: number
+  loop?: boolean
+  debug?: boolean
+  children?: ReactNode
+  onPageChange?: (page: number) => void
+}
 
 export type PagerRef = {
-    forward(by?: number): void
-    back(by?: number): void
-    to(index?: number): void
-  }
+  forward(by?: number): void
+  back(by?: number): void
+  to(index?: number): void
+}
 
 export const Pager = forwardRef<PagerRef, PagerProps>((pagerProps, ref) => {
   const {
@@ -148,13 +148,13 @@ export const Pager = forwardRef<PagerRef, PagerProps>((pagerProps, ref) => {
 
   )
 })
-  type PageProps = PagerProps & {
-    idx: number
-    lastPage: number
-    page: number
-    pagePoses: any
-    style: any
-  }
+type PageProps = PagerProps & {
+  idx: number
+  lastPage: number
+  page: number
+  pagePoses: any
+  style: any
+}
 const Page: React.FC<PageProps> = (pageProps) => {
   const {
     children: child,

package/src/components/Pager/styles.ts

@@ -4,12 +4,12 @@ import {
 } from '@codeleap/common'
 
 export type PagerComposition =
-    | 'page'
-    | 'page:transition'
-    | 'page:pose:previous'
-    | 'page:pose:next'
-    | 'page:pose:current'
-    | 'wrapper'
+  | 'page'
+  | 'page:transition'
+  | 'page:pose:previous'
+  | 'page:pose:next'
+  | 'page:pose:current'
+  | 'wrapper'
 
 const createPagerStyle = createDefaultVariantFactory<PagerComposition>()
 
@@ -49,4 +49,3 @@ export const MobilePagerStyles = {
   }),
   pageless: createPagerStyle(() => ({})),
 }
-

package/src/components/components.ts

@@ -24,4 +24,5 @@ export * from './Modal'
 
 export * from './Navigation'
 export * from './Pager'
-export * from './NewPager'
+export * from './EmptyPlaceholder'
+export * from './Gap'

package/src/modules/types/textInputMask.ts

@@ -1,13 +1,9 @@
 import { FormTypes } from '@codeleap/common'
-import { ComponentPropsWithoutRef } from 'react'
-import { TextInput as NativeTextInput } from 'react-native'
-type NativeProps = ComponentPropsWithoutRef<typeof NativeTextInput>
-// @ts-ignore
+import { TextInputProps } from 'react-native'
+
 import { TextInputMaskProps as RNTextInputMaskProps } from 'react-native-masked-text'
 
-export type TextInputMaskProps = {
-    masking: FormTypes.TextField['masking'] & {
-        type: RNTextInputMaskProps['type']
-    }
-    onChangeText?: (maskedText:string, unmaskedText:string) => any
-} & NativeProps & RNTextInputMaskProps
+export type TextInputMaskProps =Omit<RNTextInputMaskProps, keyof TextInputProps > & {
+    masking: FormTypes.TextField['masking']
+    onChangeText: RNTextInputMaskProps['onChangeText']
+}