@codeleap/mobile 2.3.7 → 2.3.10

package/dist/components/InputLabel/styles.js

@@ -1,26 +1,26 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InputLabelStyles = void 0;
-var common_1 = require("@codeleap/common");
-var createInputLabelStyle = (0, common_1.createDefaultVariantFactory)();
-exports.InputLabelStyles = {
-    default: createInputLabelStyle(function (theme) { return ({
-        asterisk: {
-            color: theme.colors.negative,
-        },
-        wrapper: __assign({}, theme.presets.row),
-        text: __assign({}, (0, common_1.assignTextStyle)('h5')(theme).text),
-    }); }),
-};
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputLabelStyles = void 0;
+var common_1 = require("@codeleap/common");
+var createInputLabelStyle = (0, common_1.createDefaultVariantFactory)();
+exports.InputLabelStyles = {
+    default: createInputLabelStyle(function (theme) { return ({
+        asterisk: {
+            color: theme.colors.negative,
+        },
+        wrapper: __assign({}, theme.presets.row),
+        text: __assign({}, (0, common_1.assignTextStyle)('h5')(theme).text),
+    }); }),
+};
 //# sourceMappingURL=styles.js.map

package/dist/components/List/PaginationIndicator.d.ts

@@ -1,67 +1,67 @@
-import React from 'react';
-import { ComponentVariants } from '@codeleap/common';
-import { ViewStyle } from 'react-native';
-import { StylesOf } from '../../types';
-import { ActivityIndicatorComposition } from '../ActivityIndicator';
-export declare type PaginationIndicatorComposition = 'text' | `loader${Capitalize<ActivityIndicatorComposition>}`;
-export declare const PaginationIndicatorStyles: {
-    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
-};
-export declare type PaginationIndicatorProps = {
-    isFetching?: boolean;
-    noMoreItemsText: React.ReactChild;
-    hasMore?: boolean;
-    activityIndicator?: JSX.Element;
-    styles?: StylesOf<PaginationIndicatorComposition>;
-    style?: ViewStyle;
-} & ComponentVariants<typeof PaginationIndicatorStyles>;
-export declare const PaginationIndicator: (props: PaginationIndicatorProps) => JSX.Element;
+import React from 'react';
+import { ComponentVariants } from '@codeleap/common';
+import { ViewStyle } from 'react-native';
+import { StylesOf } from '../../types';
+import { ActivityIndicatorComposition } from '../ActivityIndicator';
+export declare type PaginationIndicatorComposition = 'text' | `loader${Capitalize<ActivityIndicatorComposition>}`;
+export declare const PaginationIndicatorStyles: {
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PaginationIndicatorComposition, any>>;
+};
+export declare type PaginationIndicatorProps = {
+    isFetching?: boolean;
+    noMoreItemsText: React.ReactChild;
+    hasMore?: boolean;
+    activityIndicator?: JSX.Element;
+    styles?: StylesOf<PaginationIndicatorComposition>;
+    style?: ViewStyle;
+} & ComponentVariants<typeof PaginationIndicatorStyles>;
+export declare const PaginationIndicator: (props: PaginationIndicatorProps) => JSX.Element;

package/dist/components/List/PaginationIndicator.js

@@ -1,51 +1,51 @@
-"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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PaginationIndicator = exports.PaginationIndicatorStyles = void 0;
-var react_1 = __importDefault(require("react"));
-var common_1 = require("@codeleap/common");
-var react_native_1 = require("react-native");
-var ActivityIndicator_1 = require("../ActivityIndicator");
-var Text_1 = require("../Text");
-var createPaginationIndicatorStyle = (0, common_1.createDefaultVariantFactory)();
-var presets = (0, common_1.includePresets)(function (style) { return createPaginationIndicatorStyle(function () { return ({ loaderWrapper: style, text: style }); }); });
-exports.PaginationIndicatorStyles = __assign(__assign({}, presets), { default: createPaginationIndicatorStyle(function (theme) {
-        return {
-            loaderWrapper: __assign(__assign({}, theme.presets.center), theme.spacing.marginVertical(3)),
-            text: __assign(__assign(__assign(__assign({}, (0, common_1.assignTextStyle)('h4')(theme).text), theme.presets.textCenter), theme.spacing.marginVertical(3)), theme.presets.fullWidth),
-        };
-    }) });
-var PaginationIndicator = function (props) {
-    var hasMore = props.hasMore, isFetching = props.isFetching, noMoreItemsText = props.noMoreItemsText, style = props.style, activityIndicator = props.activityIndicator, _a = props.styles, styles = _a === void 0 ? {} : _a, _b = props.variants, variants = _b === void 0 ? [] : _b;
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:PaginationIndicator', {
-        variants: variants,
-        styles: styles,
-        transform: react_native_1.StyleSheet.flatten,
-    });
-    var loaderStyles = (0, common_1.getNestedStylesByKey)('loader', variantStyles);
-    if (isFetching) {
-        return activityIndicator || <ActivityIndicator_1.ActivityIndicator style={style} styles={loaderStyles}/>;
-    }
-    if (!hasMore) {
-        if (common_1.TypeGuards.isString(noMoreItemsText) || common_1.TypeGuards.isNumber(noMoreItemsText)) {
-            return <Text_1.Text style={[variantStyles.text, style]} text={noMoreItemsText.toString()}/>;
-        }
-        return noMoreItemsText;
-    }
-    return null;
-};
-exports.PaginationIndicator = PaginationIndicator;
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaginationIndicator = exports.PaginationIndicatorStyles = void 0;
+var react_1 = __importDefault(require("react"));
+var common_1 = require("@codeleap/common");
+var react_native_1 = require("react-native");
+var ActivityIndicator_1 = require("../ActivityIndicator");
+var Text_1 = require("../Text");
+var createPaginationIndicatorStyle = (0, common_1.createDefaultVariantFactory)();
+var presets = (0, common_1.includePresets)(function (style) { return createPaginationIndicatorStyle(function () { return ({ loaderWrapper: style, text: style }); }); });
+exports.PaginationIndicatorStyles = __assign(__assign({}, presets), { default: createPaginationIndicatorStyle(function (theme) {
+        return {
+            loaderWrapper: __assign(__assign({}, theme.presets.center), theme.spacing.marginVertical(3)),
+            text: __assign(__assign(__assign(__assign({}, (0, common_1.assignTextStyle)('h4')(theme).text), theme.presets.textCenter), theme.spacing.marginVertical(3)), theme.presets.fullWidth),
+        };
+    }) });
+var PaginationIndicator = function (props) {
+    var hasMore = props.hasMore, isFetching = props.isFetching, noMoreItemsText = props.noMoreItemsText, style = props.style, activityIndicator = props.activityIndicator, _a = props.styles, styles = _a === void 0 ? {} : _a, _b = props.variants, variants = _b === void 0 ? [] : _b;
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:PaginationIndicator', {
+        variants: variants,
+        styles: styles,
+        transform: react_native_1.StyleSheet.flatten,
+    });
+    var loaderStyles = (0, common_1.getNestedStylesByKey)('loader', variantStyles);
+    if (isFetching) {
+        return activityIndicator || <ActivityIndicator_1.ActivityIndicator style={style} styles={loaderStyles}/>;
+    }
+    if (!hasMore) {
+        if (common_1.TypeGuards.isString(noMoreItemsText) || common_1.TypeGuards.isNumber(noMoreItemsText)) {
+            return <Text_1.Text style={[variantStyles.text, style]} text={noMoreItemsText.toString()}/>;
+        }
+        return noMoreItemsText;
+    }
+    return null;
+};
+exports.PaginationIndicator = PaginationIndicator;
 //# sourceMappingURL=PaginationIndicator.js.map

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

@@ -1,31 +1,31 @@
-import * as React from 'react';
-import { ComponentVariants } from '@codeleap/common';
-import { FlatListProps as RNFlatListProps, ListRenderItemInfo, RefreshControlProps } from 'react-native';
-import { ViewProps } from '../View';
-import { EmptyPlaceholderProps } from '../EmptyPlaceholder';
-import { ListComposition, ListStyles } from './styles';
-import { StylesOf } from '../../types';
-import { GetKeyboardAwarePropsOptions } from '../../utils';
-export declare type DataboundFlatListPropsTypes = 'data' | 'renderItem' | 'keyExtractor' | 'getItemLayout';
-export declare type ReplaceFlatlistProps<P, T> = Omit<P, DataboundFlatListPropsTypes> & {
-    data: T[];
-    keyExtractor?: (item: T, index: number) => string;
-    renderItem: (data: ListRenderItemInfo<T>) => React.ReactElement;
-    onRefresh?: () => void;
-    getItemLayout?: ((data: T, index: number) => {
-        length: number;
-        offset: number;
-        index: number;
-    });
-};
-export * from './styles';
-export * from './PaginationIndicator';
-export declare type FlatListProps<T = any[], Data = T extends Array<infer D> ? D : never> = RNFlatListProps<Data> & Omit<ViewProps, 'variants'> & {
-    separators?: boolean;
-    placeholder?: EmptyPlaceholderProps;
-    keyboardAware?: GetKeyboardAwarePropsOptions;
-    styles?: StylesOf<ListComposition>;
-    refreshControlProps?: Partial<RefreshControlProps>;
-} & ComponentVariants<typeof ListStyles>;
-export declare type ListComponentType = <T extends any[] = any[]>(props: FlatListProps<T>) => React.ReactElement;
-export declare const List: ListComponentType;
+import * as React from 'react';
+import { ComponentVariants } from '@codeleap/common';
+import { FlatListProps as RNFlatListProps, ListRenderItemInfo, RefreshControlProps } from 'react-native';
+import { ViewProps } from '../View';
+import { EmptyPlaceholderProps } from '../EmptyPlaceholder';
+import { ListComposition, ListStyles } from './styles';
+import { StylesOf } from '../../types';
+import { GetKeyboardAwarePropsOptions } from '../../utils';
+export declare type DataboundFlatListPropsTypes = 'data' | 'renderItem' | 'keyExtractor' | 'getItemLayout';
+export declare type ReplaceFlatlistProps<P, T> = Omit<P, DataboundFlatListPropsTypes> & {
+    data: T[];
+    keyExtractor?: (item: T, index: number) => string;
+    renderItem: (data: ListRenderItemInfo<T>) => React.ReactElement;
+    onRefresh?: () => void;
+    getItemLayout?: ((data: T, index: number) => {
+        length: number;
+        offset: number;
+        index: number;
+    });
+};
+export * from './styles';
+export * from './PaginationIndicator';
+export declare type FlatListProps<T = any[], Data = T extends Array<infer D> ? D : never> = RNFlatListProps<Data> & Omit<ViewProps, 'variants'> & {
+    separators?: boolean;
+    placeholder?: EmptyPlaceholderProps;
+    keyboardAware?: GetKeyboardAwarePropsOptions;
+    styles?: StylesOf<ListComposition>;
+    refreshControlProps?: Partial<RefreshControlProps>;
+} & ComponentVariants<typeof ListStyles>;
+export declare type ListComponentType = <T extends any[] = any[]>(props: FlatListProps<T>) => React.ReactElement;
+export declare const List: ListComponentType;

package/dist/components/List/index.js

@@ -1,81 +1,81 @@
-"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);
-    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);
-};
-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_1 = require("react-native");
-var View_1 = require("../View");
-var EmptyPlaceholder_1 = require("../EmptyPlaceholder");
-var utils_1 = require("../../utils");
-__exportStar(require("./styles"), exports);
-__exportStar(require("./PaginationIndicator"), exports);
-var ListCP = (0, react_1.forwardRef)(function (flatListProps, ref) {
-    var _a = flatListProps.variants, variants = _a === void 0 ? [] : _a, style = flatListProps.style, _b = flatListProps.styles, styles = _b === void 0 ? {} : _b, onRefresh = flatListProps.onRefresh, component = flatListProps.component, refreshing = flatListProps.refreshing, placeholder = flatListProps.placeholder, keyboardAware = flatListProps.keyboardAware, _c = flatListProps.refreshControlProps, refreshControlProps = _c === void 0 ? {} : _c, props = __rest(flatListProps, ["variants", "style", "styles", "onRefresh", "component", "refreshing", "placeholder", "keyboardAware", "refreshControlProps"]);
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:List', {
-        variants: variants,
-        styles: styles,
-        transform: react_native_1.StyleSheet.flatten,
-    });
-    var renderSeparator = (0, common_1.useCallback)(function () {
-        return (<View_1.View style={variantStyles.separator}></View_1.View>);
-    }, []);
-    var isEmpty = !props.data || !props.data.length;
-    var separator = !isEmpty && (props === null || props === void 0 ? void 0 : props.separators) && renderSeparator;
-    var Component = component || react_native_1.FlatList;
-    var refreshStyles = react_native_1.StyleSheet.flatten([variantStyles.refreshControl, styles.refreshControl]);
-    var _listProps = __assign({ style: [variantStyles.wrapper, style], contentContainerStyle: variantStyles.content, ref: ref, ItemSeparatorComponent: separator, refreshControl: !!onRefresh && (<react_native_1.RefreshControl refreshing={refreshing} onRefresh={onRefresh} tintColor={refreshStyles === null || refreshStyles === void 0 ? void 0 : refreshStyles.color} colors={[refreshStyles === null || refreshStyles === void 0 ? void 0 : refreshStyles.color]} {...refreshControlProps}/>), ListEmptyComponent: <EmptyPlaceholder_1.EmptyPlaceholder {...placeholder}/> }, props);
-    var keyboard = (0, utils_1.useKeyboardAwareView)();
-    var listProps = keyboard.getKeyboardAwareProps(_listProps, __assign({ adapt: 'paddingBottom', baseStyleProp: 'contentContainerStyle' }, keyboardAware));
-    return (<Component {...listProps}/>);
-});
-exports.List = ListCP;
+"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);
+    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);
+};
+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_1 = require("react-native");
+var View_1 = require("../View");
+var EmptyPlaceholder_1 = require("../EmptyPlaceholder");
+var utils_1 = require("../../utils");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./PaginationIndicator"), exports);
+var ListCP = (0, react_1.forwardRef)(function (flatListProps, ref) {
+    var _a = flatListProps.variants, variants = _a === void 0 ? [] : _a, style = flatListProps.style, _b = flatListProps.styles, styles = _b === void 0 ? {} : _b, onRefresh = flatListProps.onRefresh, component = flatListProps.component, refreshing = flatListProps.refreshing, placeholder = flatListProps.placeholder, keyboardAware = flatListProps.keyboardAware, _c = flatListProps.refreshControlProps, refreshControlProps = _c === void 0 ? {} : _c, props = __rest(flatListProps, ["variants", "style", "styles", "onRefresh", "component", "refreshing", "placeholder", "keyboardAware", "refreshControlProps"]);
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:List', {
+        variants: variants,
+        styles: styles,
+        transform: react_native_1.StyleSheet.flatten,
+    });
+    var renderSeparator = (0, common_1.useCallback)(function () {
+        return (<View_1.View style={variantStyles.separator}></View_1.View>);
+    }, []);
+    var isEmpty = !props.data || !props.data.length;
+    var separator = !isEmpty && (props === null || props === void 0 ? void 0 : props.separators) && renderSeparator;
+    var Component = component || react_native_1.FlatList;
+    var refreshStyles = react_native_1.StyleSheet.flatten([variantStyles.refreshControl, styles.refreshControl]);
+    var _listProps = __assign({ style: [variantStyles.wrapper, style], contentContainerStyle: variantStyles.content, ref: ref, ItemSeparatorComponent: separator, refreshControl: !!onRefresh && (<react_native_1.RefreshControl refreshing={refreshing} onRefresh={onRefresh} tintColor={refreshStyles === null || refreshStyles === void 0 ? void 0 : refreshStyles.color} colors={[refreshStyles === null || refreshStyles === void 0 ? void 0 : refreshStyles.color]} {...refreshControlProps}/>), ListEmptyComponent: <EmptyPlaceholder_1.EmptyPlaceholder {...placeholder}/> }, props);
+    var keyboard = (0, utils_1.useKeyboardAwareView)();
+    var listProps = keyboard.getKeyboardAwareProps(_listProps, __assign({ adapt: 'paddingBottom', baseStyleProp: 'contentContainerStyle' }, keyboardAware));
+    return (<Component {...listProps}/>);
+});
+exports.List = ListCP;
 //# sourceMappingURL=index.js.map

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

@@ -1,5 +1,5 @@
-import { ScrollComposition } from '../Scroll/styles';
-export declare type ListComposition = ScrollComposition | 'separator';
-export declare const ListStyles: {
-    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ListComposition, any>>;
-};
+import { ScrollComposition } from '../Scroll/styles';
+export declare type ListComposition = ScrollComposition | 'separator';
+export declare const ListStyles: {
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ListComposition, any>>;
+};

package/dist/components/List/styles.js

@@ -1,27 +1,27 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ListStyles = void 0;
-var common_1 = require("@codeleap/common");
-var styles_1 = require("../Scroll/styles");
-var createListStyle = (0, common_1.createDefaultVariantFactory)();
-exports.ListStyles = {
-    default: createListStyle(function (theme) {
-        var defaultStyles = styles_1.ScrollStyles.default(theme);
-        return __assign(__assign({}, defaultStyles), { separator: {
-                width: '100%',
-                height: theme.spacing.value(1),
-            } });
-    }),
-};
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListStyles = void 0;
+var common_1 = require("@codeleap/common");
+var styles_1 = require("../Scroll/styles");
+var createListStyle = (0, common_1.createDefaultVariantFactory)();
+exports.ListStyles = {
+    default: createListStyle(function (theme) {
+        var defaultStyles = styles_1.ScrollStyles.default(theme);
+        return __assign(__assign({}, defaultStyles), { separator: {
+                width: '100%',
+                height: theme.spacing.value(1),
+            } });
+    }),
+};
 //# sourceMappingURL=styles.js.map