@codeleap/mobile 2.3.6 → 2.3.8

package/dist/components/AutoComplete/index.js

@@ -1,129 +1,129 @@
-"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.AutoComplete = exports.AutoCompleteHeader = void 0;
-var React = __importStar(require("react"));
-var common_1 = require("@codeleap/common");
-var TextInput_1 = require("../TextInput");
-var View_1 = require("../View");
-var Select_1 = require("../Select");
-var react_native_1 = require("react-native");
-var Text_1 = require("../Text");
-var Button_1 = require("../Button");
-var AutoCompleteHeader = function (props) {
-    var search = props.search, setSearch = props.setSearch, _a = props.icon, icon = _a === void 0 ? 'search' : _a, debugName = props.debugName, label = props.label, styles = props.styles, toggle = props.toggle, searchInputProps = props.searchInputProps, viewProps = __rest(props, ["search", "setSearch", "icon", "debugName", "label", "styles", "toggle", "searchInputProps"]);
-    return <View_1.View style={[styles.wrapper]} {...viewProps}>
-    <View_1.View style={styles.titleWrapper}>
-      <Text_1.Text style={styles.title} text={label}/>
-      <Button_1.Button icon={'close'} debugName={"Close Autocomplete ".concat(debugName, " button")} onPress={toggle} variants={['icon']} styles={styles.closeButton}/>
-    </View_1.View>
-    <TextInput_1.TextInput subtitle={function () { return null; }} leftIcon={{
-            icon: icon,
-        }} debugName={"AutoComplete ".concat(debugName, " search input")} value={search} onChangeText={setSearch} styles={styles.searchInput} {...searchInputProps}/>
-  </View_1.View>;
-};
-exports.AutoCompleteHeader = AutoCompleteHeader;
-var AutoComplete = function (props) {
-    var _a;
-    var options = props.options, _b = props.caseSensitive, caseSensitive = _b === void 0 ? false : _b, _c = props.debounce, debounce = _c === void 0 ? 200 : _c, filterFn = props.filterFn, _d = props.headerProps, headerProps = _d === void 0 ? {} : _d, variants = props.variants, styles = props.styles, selectProps = __rest(props, ["options", "caseSensitive", "debounce", "filterFn", "headerProps", "variants", "styles"]);
-    var _e = (0, common_1.useState)(''), search = _e[0], setSearch = _e[1];
-    var _f = (0, common_1.useDebounce)(search, debounce), debouncedSearch = _f[0], resetDebounce = _f[1];
-    var _g = (0, common_1.useState)(options), filteredOptions = _g[0], setFilteredOptions = _g[1];
-    var _h = (0, common_1.useState)(false), loading = _h[0], setLoading = _h[1];
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:AutoComplete', {
-        variants: variants,
-        transform: react_native_1.StyleSheet.flatten,
-        styles: styles,
-    });
-    var serialVariants = JSON.stringify(variantStyles);
-    var _j = (0, common_1.useMemo)(function () { return ({
-        searchInputStyles: (0, common_1.getNestedStylesByKey)('searchInput', variantStyles),
-        closeButtonStyles: (0, common_1.getNestedStylesByKey)('closeButton', variantStyles),
-    }); }, [serialVariants]), searchInputStyles = _j.searchInputStyles, closeButtonStyles = _j.closeButtonStyles;
-    (0, common_1.onUpdate)(function () {
-        setLoading(true);
-        var persist = true;
-        setTimeout(function () {
-            var newOpts = options.filter(function (option) {
-                if (filterFn) {
-                    return filterFn(debouncedSearch, option);
-                }
-                var label = option.label, searchTerm = option.searchTerm, value = option.value;
-                var term = searchTerm || (common_1.TypeGuards.isString(label) ? label : value.toString());
-                if (!caseSensitive) {
-                    term = term.toLowerCase();
-                }
-                return term.includes(debouncedSearch.toLowerCase());
-            });
-            if (persist) {
-                setFilteredOptions(newOpts);
-                setTimeout(function () {
-                    if (persist) {
-                        setLoading(false);
-                    }
-                }, debounce * 1.5);
-            }
-        });
-        return function () {
-            persist = false;
-            resetDebounce();
-        };
-    }, [debouncedSearch, caseSensitive, options.length, filterFn]);
-    return <Select_1.Select styles={variantStyles} options={loading ? [] : filteredOptions} header={<exports.AutoCompleteHeader debugName={selectProps.debugName} label={selectProps.label} search={search} setSearch={setSearch} toggle={selectProps.toggle} styles={{
-                wrapper: variantStyles.header,
-                closeButton: closeButtonStyles,
-                title: variantStyles.title,
-                searchInput: searchInputStyles,
-                titleWrapper: variantStyles.titleWrapper,
-            }} {...headerProps}/>} {...selectProps} listProps={__assign(__assign({}, selectProps === null || selectProps === void 0 ? void 0 : selectProps.listProps), { placeholder: __assign({ loading: loading }, (_a = selectProps === null || selectProps === void 0 ? void 0 : selectProps.listProps) === null || _a === void 0 ? void 0 : _a.placeholder) })}/>;
-};
-exports.AutoComplete = AutoComplete;
-__exportStar(require("./styles"), exports);
+"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.AutoComplete = exports.AutoCompleteHeader = void 0;
+var React = __importStar(require("react"));
+var common_1 = require("@codeleap/common");
+var TextInput_1 = require("../TextInput");
+var View_1 = require("../View");
+var Select_1 = require("../Select");
+var react_native_1 = require("react-native");
+var Text_1 = require("../Text");
+var Button_1 = require("../Button");
+var AutoCompleteHeader = function (props) {
+    var search = props.search, setSearch = props.setSearch, _a = props.icon, icon = _a === void 0 ? 'search' : _a, debugName = props.debugName, label = props.label, styles = props.styles, toggle = props.toggle, searchInputProps = props.searchInputProps, viewProps = __rest(props, ["search", "setSearch", "icon", "debugName", "label", "styles", "toggle", "searchInputProps"]);
+    return <View_1.View style={[styles.wrapper]} {...viewProps}>
+    <View_1.View style={styles.titleWrapper}>
+      <Text_1.Text style={styles.title} text={label}/>
+      <Button_1.Button icon={'close'} debugName={"Close Autocomplete ".concat(debugName, " button")} onPress={toggle} variants={['icon']} styles={styles.closeButton}/>
+    </View_1.View>
+    <TextInput_1.TextInput subtitle={function () { return null; }} leftIcon={{
+            icon: icon,
+        }} debugName={"AutoComplete ".concat(debugName, " search input")} value={search} onChangeText={setSearch} styles={styles.searchInput} {...searchInputProps}/>
+  </View_1.View>;
+};
+exports.AutoCompleteHeader = AutoCompleteHeader;
+var AutoComplete = function (props) {
+    var _a;
+    var options = props.options, _b = props.caseSensitive, caseSensitive = _b === void 0 ? false : _b, _c = props.debounce, debounce = _c === void 0 ? 200 : _c, filterFn = props.filterFn, _d = props.headerProps, headerProps = _d === void 0 ? {} : _d, variants = props.variants, styles = props.styles, selectProps = __rest(props, ["options", "caseSensitive", "debounce", "filterFn", "headerProps", "variants", "styles"]);
+    var _e = (0, common_1.useState)(''), search = _e[0], setSearch = _e[1];
+    var _f = (0, common_1.useDebounce)(search, debounce), debouncedSearch = _f[0], resetDebounce = _f[1];
+    var _g = (0, common_1.useState)(options), filteredOptions = _g[0], setFilteredOptions = _g[1];
+    var _h = (0, common_1.useState)(false), loading = _h[0], setLoading = _h[1];
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:AutoComplete', {
+        variants: variants,
+        transform: react_native_1.StyleSheet.flatten,
+        styles: styles,
+    });
+    var serialVariants = JSON.stringify(variantStyles);
+    var _j = (0, common_1.useMemo)(function () { return ({
+        searchInputStyles: (0, common_1.getNestedStylesByKey)('searchInput', variantStyles),
+        closeButtonStyles: (0, common_1.getNestedStylesByKey)('closeButton', variantStyles),
+    }); }, [serialVariants]), searchInputStyles = _j.searchInputStyles, closeButtonStyles = _j.closeButtonStyles;
+    (0, common_1.onUpdate)(function () {
+        setLoading(true);
+        var persist = true;
+        setTimeout(function () {
+            var newOpts = options.filter(function (option) {
+                if (filterFn) {
+                    return filterFn(debouncedSearch, option);
+                }
+                var label = option.label, searchTerm = option.searchTerm, value = option.value;
+                var term = searchTerm || (common_1.TypeGuards.isString(label) ? label : value.toString());
+                if (!caseSensitive) {
+                    term = term.toLowerCase();
+                }
+                return term.includes(debouncedSearch.toLowerCase());
+            });
+            if (persist) {
+                setFilteredOptions(newOpts);
+                setTimeout(function () {
+                    if (persist) {
+                        setLoading(false);
+                    }
+                }, debounce * 1.5);
+            }
+        });
+        return function () {
+            persist = false;
+            resetDebounce();
+        };
+    }, [debouncedSearch, caseSensitive, options.length, filterFn]);
+    return <Select_1.Select styles={variantStyles} options={loading ? [] : filteredOptions} header={<exports.AutoCompleteHeader debugName={selectProps.debugName} label={selectProps.label} search={search} setSearch={setSearch} toggle={selectProps.toggle} styles={{
+                wrapper: variantStyles.header,
+                closeButton: closeButtonStyles,
+                title: variantStyles.title,
+                searchInput: searchInputStyles,
+                titleWrapper: variantStyles.titleWrapper,
+            }} {...headerProps}/>} {...selectProps} listProps={__assign(__assign({}, selectProps === null || selectProps === void 0 ? void 0 : selectProps.listProps), { placeholder: __assign({ loading: loading }, (_a = selectProps === null || selectProps === void 0 ? void 0 : selectProps.listProps) === null || _a === void 0 ? void 0 : _a.placeholder) })}/>;
+};
+exports.AutoComplete = AutoComplete;
+__exportStar(require("./styles"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1,57 +1,57 @@
-import { SelectComposition } from '../Select';
-import { TextInputComposition } from '../TextInput';
-export declare type AutoCompleteComposition = SelectComposition | `searchInput${Capitalize<TextInputComposition>}` | 'titleWrapper';
-export declare const AutoCompleteStyles: {
-    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<AutoCompleteComposition, any>>;
-    popup: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    fullscreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
-};
+import { SelectComposition } from '../Select';
+import { TextInputComposition } from '../TextInput';
+export declare type AutoCompleteComposition = SelectComposition | `searchInput${Capitalize<TextInputComposition>}` | 'titleWrapper';
+export declare const AutoCompleteStyles: {
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<AutoCompleteComposition, any>>;
+    popup: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    fullscreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("../Modal").ModalComposition, any>>;
+};

package/dist/components/AutoComplete/styles.js

@@ -1,25 +1,25 @@
-"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.AutoCompleteStyles = void 0;
-var common_1 = require("@codeleap/common");
-var Select_1 = require("../Select");
-var createAutoCompleteStyle = (0, common_1.createDefaultVariantFactory)();
-exports.AutoCompleteStyles = __assign(__assign({}, Select_1.SelectStyles), { default: createAutoCompleteStyle(function (theme) {
-        var defaultStyle = Select_1.SelectStyles.default(theme);
-        return __assign(__assign({}, defaultStyle), { header: __assign(__assign(__assign(__assign({}, theme.spacing.paddingHorizontal(2)), theme.spacing.paddingTop(1)), theme.presets.column), theme.presets.alignStart), searchInputWrapper: __assign(__assign({}, theme.presets.fullWidth), theme.spacing.marginTop(2)), titleWrapper: __assign(__assign(__assign(__assign({}, theme.presets.row), theme.presets.alignCenter), theme.presets.fullWidth), theme.presets.justifyCenter), title: __assign(__assign({}, theme.presets.textCenter), { flex: 1 }), closeButtonWrapper: {
-                position: 'absolute',
-                right: 0,
-            } });
-    }) });
+"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.AutoCompleteStyles = void 0;
+var common_1 = require("@codeleap/common");
+var Select_1 = require("../Select");
+var createAutoCompleteStyle = (0, common_1.createDefaultVariantFactory)();
+exports.AutoCompleteStyles = __assign(__assign({}, Select_1.SelectStyles), { default: createAutoCompleteStyle(function (theme) {
+        var defaultStyle = Select_1.SelectStyles.default(theme);
+        return __assign(__assign({}, defaultStyle), { header: __assign(__assign(__assign(__assign({}, theme.spacing.paddingHorizontal(2)), theme.spacing.paddingTop(1)), theme.presets.column), theme.presets.alignStart), searchInputWrapper: __assign(__assign({}, theme.presets.fullWidth), theme.spacing.marginTop(2)), titleWrapper: __assign(__assign(__assign(__assign({}, theme.presets.row), theme.presets.alignCenter), theme.presets.fullWidth), theme.presets.justifyCenter), title: __assign(__assign({}, theme.presets.textCenter), { flex: 1 }), closeButtonWrapper: {
+                position: 'absolute',
+                right: 0,
+            } });
+    }) });
 //# sourceMappingURL=styles.js.map

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

@@ -1,14 +1,14 @@
-/// <reference types="react" />
-import { ComponentVariants, PropsOf } from '@codeleap/common';
-import { Touchable } from '../Touchable';
-import { View } from '../View';
-import { StylesOf } from '../../types/utility';
-import { BackdropComposition, BackdropStyles } from './styles';
-export * from './styles';
-export declare type BackdropProps = PropsOf<typeof Touchable> & {
-    visible: boolean;
-    wrapperProps?: PropsOf<typeof View>;
-    variants?: ComponentVariants<typeof BackdropStyles>['variants'];
-    styles?: StylesOf<BackdropComposition>;
-};
-export declare const Backdrop: (backdropProps: BackdropProps) => JSX.Element;
+/// <reference types="react" />
+import { ComponentVariants, PropsOf } from '@codeleap/common';
+import { Touchable } from '../Touchable';
+import { View } from '../View';
+import { StylesOf } from '../../types/utility';
+import { BackdropComposition, BackdropStyles } from './styles';
+export * from './styles';
+export declare type BackdropProps = PropsOf<typeof Touchable> & {
+    visible: boolean;
+    wrapperProps?: PropsOf<typeof View>;
+    variants?: ComponentVariants<typeof BackdropStyles>['variants'];
+    styles?: StylesOf<BackdropComposition>;
+};
+export declare const Backdrop: (backdropProps: BackdropProps) => JSX.Element;

package/dist/components/Backdrop/index.js

@@ -1,63 +1,63 @@
-"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 __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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Backdrop = void 0;
-var react_1 = __importDefault(require("react"));
-var common_1 = require("@codeleap/common");
-var moti_1 = require("moti");
-var Touchable_1 = require("../Touchable");
-var View_1 = require("../View");
-var react_native_1 = require("react-native");
-var utils_1 = require("../../utils");
-__exportStar(require("./styles"), exports);
-var Backdrop = function (backdropProps) {
-    var _a = backdropProps.variants, variants = _a === void 0 ? [] : _a, _b = backdropProps.styles, styles = _b === void 0 ? {} : _b, visible = backdropProps.visible, children = backdropProps.children, _c = backdropProps.wrapperProps, wrapperProps = _c === void 0 ? {} : _c, props = __rest(backdropProps, ["variants", "styles", "visible", "children", "wrapperProps"]);
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Backdrop', {
-        variants: variants,
-        rootElement: 'wrapper',
-        styles: styles,
-        transform: react_native_1.StyleSheet.flatten,
-    });
-    var animationStates = (0, utils_1.useStaticAnimationStyles)(variantStyles, ['wrapper:hidden', 'wrapper:visible']);
-    var animation = (0, moti_1.useDynamicAnimation)(function () {
-        return visible ? animationStates['wrapper:visible'] : animationStates['wrapper:hidden'];
-    });
-    (0, common_1.onUpdate)(function () {
-        animation.animateTo(visible ? animationStates['wrapper:visible'] : animationStates['wrapper:hidden']);
-    }, [visible, animationStates]);
-    return <View_1.View pointerEvents={visible ? 'auto' : 'none'} animated style={variantStyles.wrapper} state={animation} {...wrapperProps}>
-    {(props === null || props === void 0 ? void 0 : props.onPress) ?
-            <Touchable_1.Touchable style={variantStyles.touchable} {...props} noFeedback android_ripple={null}/>
-            : null}
-    {children}
-  </View_1.View>;
-};
-exports.Backdrop = Backdrop;
+"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 __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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Backdrop = void 0;
+var react_1 = __importDefault(require("react"));
+var common_1 = require("@codeleap/common");
+var moti_1 = require("moti");
+var Touchable_1 = require("../Touchable");
+var View_1 = require("../View");
+var react_native_1 = require("react-native");
+var utils_1 = require("../../utils");
+__exportStar(require("./styles"), exports);
+var Backdrop = function (backdropProps) {
+    var _a = backdropProps.variants, variants = _a === void 0 ? [] : _a, _b = backdropProps.styles, styles = _b === void 0 ? {} : _b, visible = backdropProps.visible, children = backdropProps.children, _c = backdropProps.wrapperProps, wrapperProps = _c === void 0 ? {} : _c, props = __rest(backdropProps, ["variants", "styles", "visible", "children", "wrapperProps"]);
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Backdrop', {
+        variants: variants,
+        rootElement: 'wrapper',
+        styles: styles,
+        transform: react_native_1.StyleSheet.flatten,
+    });
+    var animationStates = (0, utils_1.useStaticAnimationStyles)(variantStyles, ['wrapper:hidden', 'wrapper:visible']);
+    var animation = (0, moti_1.useDynamicAnimation)(function () {
+        return visible ? animationStates['wrapper:visible'] : animationStates['wrapper:hidden'];
+    });
+    (0, common_1.onUpdate)(function () {
+        animation.animateTo(visible ? animationStates['wrapper:visible'] : animationStates['wrapper:hidden']);
+    }, [visible, animationStates]);
+    return <View_1.View pointerEvents={visible ? 'auto' : 'none'} animated style={variantStyles.wrapper} state={animation} {...wrapperProps}>
+    {(props === null || props === void 0 ? void 0 : props.onPress) ?
+            <Touchable_1.Touchable style={variantStyles.touchable} {...props} noFeedback android_ripple={null}/>
+            : null}
+    {children}
+  </View_1.View>;
+};
+exports.Backdrop = Backdrop;
 //# sourceMappingURL=index.js.map