@codeleap/mobile 1.5.0 → 1.5.3

package/dist/components/TextInput.js

@@ -1,150 +1,150 @@
-"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;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InputLabel = exports.InputIcon = exports.FormError = exports.TextInput = void 0;
-var React = __importStar(require("react"));
-var common_1 = require("@codeleap/common");
-var react_1 = require("react");
-var Text_1 = require("./Text");
-var View_1 = require("./View");
-var Button_1 = require("./Button");
-var Icon_1 = require("./Icon");
-var react_native_1 = require("react-native");
-var Touchable_1 = require("./Touchable");
-exports.TextInput = (0, react_1.forwardRef)(function (rawprops, inputRef) {
-    var _a;
-    var onChange = rawprops.onChange, type = rawprops.type, value = rawprops.value, onChangeText = rawprops.onChangeText, disabled = rawprops.disabled, edited = rawprops.edited, onFocus = rawprops.onFocus, onBlur = rawprops.onBlur, multiline = rawprops.multiline, variants = rawprops.variants, label = rawprops.label, leftIcon = rawprops.leftIcon, rightIcon = rawprops.rightIcon, styles = rawprops.styles, validate = rawprops.validate, password = rawprops.password, visibilityToggle = rawprops.visibilityToggle, touchableWrapper = rawprops.touchableWrapper, innerWrapperProps = rawprops.innerWrapperProps, debugName = rawprops.debugName, props = __rest(rawprops, ["onChange", "type", "value", "onChangeText", "disabled", "edited", "onFocus", "onBlur", "multiline", "variants", "label", "leftIcon", "rightIcon", "styles", "validate", "password", "visibilityToggle", "touchableWrapper", "innerWrapperProps", "debugName"]);
-    var _b = (0, react_1.useState)(false), isFocused = _b[0], setFocus = _b[1];
-    var _c = (0, react_1.useState)(edited), editedState = _c[0], setEdited = _c[1];
-    var input = (0, react_1.useRef)(null);
-    var _d = (0, common_1.useBooleanToggle)(false), textIsVisible = _d[0], setTextVisible = _d[1];
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('TextInput', {
-        variants: variants,
-        styles: styles,
-    });
-    var InputElement = react_native_1.TextInput;
-    var handleBlur = function (e) {
-        if (!editedState && value)
-            setEdited(true);
-        setFocus(false);
-        if (onBlur) {
-            onBlur(e);
-        }
-    };
-    var handleFocus = function (e) {
-        setFocus(true);
-        if (onFocus) {
-            onFocus(e);
-        }
-    };
-    var handleChange = function (event) {
-        var text = event.nativeEvent.text;
-        if (onChange)
-            onChange(event);
-        if (onChangeText)
-            onChangeText(text);
-    };
-    (0, react_1.useImperativeHandle)(inputRef, function () { return (__assign(__assign({}, input.current), { focus: function () {
-            var _a, _b;
-            (_b = (_a = input.current) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a);
-        }, isTextInput: true })); });
-    var _e = (0, common_1.useValidate)(value, validate), showError = _e.showError, error = _e.error;
-    var leftIconStyle = __assign(__assign(__assign(__assign(__assign(__assign({}, variantStyles.icon), (isFocused ? variantStyles['icon:focus'] : {})), (showError ? variantStyles['icon:error'] : {})), variantStyles.leftIcon), (isFocused ? variantStyles['leftIcon:focus'] : {})), (showError ? variantStyles['leftIcon:error'] : {}));
-    var rightIconStyle = __assign(__assign(__assign(__assign(__assign(__assign({}, variantStyles.icon), (isFocused ? variantStyles['icon:focus'] : {})), (showError ? variantStyles['icon:error'] : {})), variantStyles.rightIcon), (isFocused ? variantStyles['rightIcon:focus'] : {})), (showError ? variantStyles['rightIcon:error'] : {}));
-    function getStyles(key) {
-        var requestedStyles = [
-            variantStyles[key],
-            isFocused ? variantStyles[key + ':focus'] : {},
-            showError ? variantStyles[key + ':error'] : {},
-        ];
-        return requestedStyles;
-    }
-    var InnerWrapper = touchableWrapper ? Touchable_1.Touchable : View_1.View;
-    return (<View_1.View style={getStyles('wrapper')}>
-      <exports.InputLabel label={label} style={getStyles('label')}/>
-      <InnerWrapper debugName={debugName} style={getStyles('innerWrapper')} {...innerWrapperProps}>
-        <exports.InputIcon {...leftIcon} style={leftIconStyle}/>
-        <InputElement ref={input} secureTextEntry={password && !textIsVisible} onChange={handleChange} value={value} editable={disabled} onFocus={handleFocus} onBlur={handleBlur} placeholderTextColor={(_a = react_native_1.StyleSheet.flatten(getStyles('placeholder'))) === null || _a === void 0 ? void 0 : _a.color} {...props} style={getStyles('textField')}/>
-        {visibilityToggle ?
-            <exports.InputIcon name={(textIsVisible ? 'input-visiblity:visible' : 'input-visiblity:hidden')} action={function () { return setTextVisible(); }} style={rightIconStyle}/>
-            :
-                <exports.InputIcon {...rightIcon} style={rightIconStyle}/>}
-      </InnerWrapper>
-      <exports.FormError message={error.message} style={__assign({}, variantStyles.error)}/>
-    </View_1.View>);
-});
-var FormError = function (_a) {
-    var message = _a.message, props = __rest(_a, ["message"]);
-    if (['number', 'string', 'undefined'].includes(typeof message)) {
-        return <Text_1.Text text={"".concat(message || ' ')} variants={['p2', 'marginTop:1']} {...props}/>;
-    }
-    return message;
-};
-exports.FormError = FormError;
-var InputIcon = function (_a) {
-    var name = _a.name, style = _a.style, action = _a.action;
-    if (!name)
-        return null;
-    if (action) {
-        return <Button_1.Button icon={name} debugName={"".concat(name, " icon button")} onPress={function () { return action(); }} styles={{
-                icon: style,
-            }} variants={['icon']}/>;
-    }
-    return <Icon_1.Icon name={name} style={style}/>;
-};
-exports.InputIcon = InputIcon;
-var InputLabel = function (_a) {
-    var label = _a.label, style = _a.style;
-    if (!label)
-        return null;
-    switch (typeof label) {
-        case 'string':
-            return <Text_1.Text style={style} text={label}/>;
-        case 'object':
-            return label;
-        default:
-            return null;
-    }
-};
-exports.InputLabel = InputLabel;
+"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;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputLabel = exports.InputIcon = exports.FormError = exports.TextInput = void 0;
+var React = __importStar(require("react"));
+var common_1 = require("@codeleap/common");
+var react_1 = require("react");
+var Text_1 = require("./Text");
+var View_1 = require("./View");
+var Button_1 = require("./Button");
+var Icon_1 = require("./Icon");
+var react_native_1 = require("react-native");
+var Touchable_1 = require("./Touchable");
+exports.TextInput = (0, react_1.forwardRef)(function (rawprops, inputRef) {
+    var _a;
+    var onChange = rawprops.onChange, type = rawprops.type, value = rawprops.value, onChangeText = rawprops.onChangeText, disabled = rawprops.disabled, edited = rawprops.edited, onFocus = rawprops.onFocus, onBlur = rawprops.onBlur, multiline = rawprops.multiline, variants = rawprops.variants, label = rawprops.label, leftIcon = rawprops.leftIcon, rightIcon = rawprops.rightIcon, styles = rawprops.styles, validate = rawprops.validate, password = rawprops.password, visibilityToggle = rawprops.visibilityToggle, touchableWrapper = rawprops.touchableWrapper, innerWrapperProps = rawprops.innerWrapperProps, debugName = rawprops.debugName, props = __rest(rawprops, ["onChange", "type", "value", "onChangeText", "disabled", "edited", "onFocus", "onBlur", "multiline", "variants", "label", "leftIcon", "rightIcon", "styles", "validate", "password", "visibilityToggle", "touchableWrapper", "innerWrapperProps", "debugName"]);
+    var _b = (0, react_1.useState)(false), isFocused = _b[0], setFocus = _b[1];
+    var _c = (0, react_1.useState)(edited), editedState = _c[0], setEdited = _c[1];
+    var input = (0, react_1.useRef)(null);
+    var _d = (0, common_1.useBooleanToggle)(false), textIsVisible = _d[0], setTextVisible = _d[1];
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('TextInput', {
+        variants: variants,
+        styles: styles,
+    });
+    var InputElement = react_native_1.TextInput;
+    var handleBlur = function (e) {
+        if (!editedState && value)
+            setEdited(true);
+        setFocus(false);
+        if (onBlur) {
+            onBlur(e);
+        }
+    };
+    var handleFocus = function (e) {
+        setFocus(true);
+        if (onFocus) {
+            onFocus(e);
+        }
+    };
+    var handleChange = function (event) {
+        var text = event.nativeEvent.text;
+        if (onChange)
+            onChange(event);
+        if (onChangeText)
+            onChangeText(text);
+    };
+    (0, react_1.useImperativeHandle)(inputRef, function () { return (__assign(__assign({}, input.current), { focus: function () {
+            var _a, _b;
+            (_b = (_a = input.current) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a);
+        }, isTextInput: true })); });
+    var _e = (0, common_1.useValidate)(value, validate), showError = _e.showError, error = _e.error;
+    var leftIconStyle = __assign(__assign(__assign(__assign(__assign(__assign({}, variantStyles.icon), (isFocused ? variantStyles['icon:focus'] : {})), (showError ? variantStyles['icon:error'] : {})), variantStyles.leftIcon), (isFocused ? variantStyles['leftIcon:focus'] : {})), (showError ? variantStyles['leftIcon:error'] : {}));
+    var rightIconStyle = __assign(__assign(__assign(__assign(__assign(__assign({}, variantStyles.icon), (isFocused ? variantStyles['icon:focus'] : {})), (showError ? variantStyles['icon:error'] : {})), variantStyles.rightIcon), (isFocused ? variantStyles['rightIcon:focus'] : {})), (showError ? variantStyles['rightIcon:error'] : {}));
+    function getStyles(key) {
+        var requestedStyles = [
+            variantStyles[key],
+            isFocused ? variantStyles[key + ':focus'] : {},
+            showError ? variantStyles[key + ':error'] : {},
+        ];
+        return requestedStyles;
+    }
+    var InnerWrapper = touchableWrapper ? Touchable_1.Touchable : View_1.View;
+    return (<View_1.View style={getStyles('wrapper')}>
+      <exports.InputLabel label={label} style={getStyles('label')}/>
+      <InnerWrapper debugName={debugName} style={getStyles('innerWrapper')} {...innerWrapperProps}>
+        <exports.InputIcon {...leftIcon} style={leftIconStyle}/>
+        <InputElement ref={input} secureTextEntry={password && !textIsVisible} onChange={handleChange} value={value} editable={disabled} onFocus={handleFocus} onBlur={handleBlur} placeholderTextColor={(_a = react_native_1.StyleSheet.flatten(getStyles('placeholder'))) === null || _a === void 0 ? void 0 : _a.color} {...props} style={getStyles('textField')}/>
+        {visibilityToggle ?
+            <exports.InputIcon name={(textIsVisible ? 'input-visiblity:visible' : 'input-visiblity:hidden')} action={function () { return setTextVisible(); }} style={rightIconStyle}/>
+            :
+                <exports.InputIcon {...rightIcon} style={rightIconStyle}/>}
+      </InnerWrapper>
+      <exports.FormError message={error.message} style={__assign({}, variantStyles.error)}/>
+    </View_1.View>);
+});
+var FormError = function (_a) {
+    var message = _a.message, props = __rest(_a, ["message"]);
+    if (['number', 'string', 'undefined'].includes(typeof message)) {
+        return <Text_1.Text text={"".concat(message || ' ')} variants={['p2', 'marginTop:1']} {...props}/>;
+    }
+    return message;
+};
+exports.FormError = FormError;
+var InputIcon = function (_a) {
+    var name = _a.name, style = _a.style, action = _a.action;
+    if (!name)
+        return null;
+    if (action) {
+        return <Button_1.Button icon={name} debugName={"".concat(name, " icon button")} onPress={function () { return action(); }} styles={{
+                icon: style,
+            }} variants={['icon']}/>;
+    }
+    return <Icon_1.Icon name={name} style={style}/>;
+};
+exports.InputIcon = InputIcon;
+var InputLabel = function (_a) {
+    var label = _a.label, style = _a.style;
+    if (!label)
+        return null;
+    switch (typeof label) {
+        case 'string':
+            return <Text_1.Text style={style} text={label}/>;
+        case 'object':
+            return label;
+        default:
+            return null;
+    }
+};
+exports.InputLabel = InputLabel;
 //# sourceMappingURL=TextInput.js.map

package/dist/components/Touchable.d.ts

@@ -1,14 +1,14 @@
-import * as React from 'react';
-import { ComponentPropsWithoutRef } from 'react';
-import { ComponentVariants, BaseViewProps, ViewStyles, AnyFunction } from '@codeleap/common';
-import { TouchableOpacity as NativeTouchable } from 'react-native';
-export declare type TouchableProps = Omit<ComponentPropsWithoutRef<typeof NativeTouchable>, 'onPress'> & {
-    variants?: ComponentVariants<typeof ViewStyles>['variants'];
-    component?: any;
-    ref?: React.Ref<NativeTouchable>;
-    debugName: string;
-    debugComponent?: string;
-    onPress?: AnyFunction;
-} & BaseViewProps;
-export declare const Touchable: React.FC<TouchableProps>;
-export declare const AnimatedTouchable: import("react-native-animatable").AnimatableComponent<TouchableProps, import("react-native").StyleProp<import("react-native").ViewStyle>>;
+import * as React from 'react';
+import { ComponentPropsWithoutRef } from 'react';
+import { ComponentVariants, BaseViewProps, ViewStyles, AnyFunction } from '@codeleap/common';
+import { TouchableOpacity as NativeTouchable } from 'react-native';
+export declare type TouchableProps = Omit<ComponentPropsWithoutRef<typeof NativeTouchable>, 'onPress'> & {
+    variants?: ComponentVariants<typeof ViewStyles>['variants'];
+    component?: any;
+    ref?: React.Ref<NativeTouchable>;
+    debugName: string;
+    debugComponent?: string;
+    onPress?: AnyFunction;
+} & BaseViewProps;
+export declare const Touchable: React.FC<TouchableProps>;
+export declare const AnimatedTouchable: import("react-native-animatable").AnimatableComponent<TouchableProps, import("react-native").StyleProp<import("react-native").ViewStyle>>;

package/dist/components/Touchable.js

@@ -1,58 +1,58 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AnimatedTouchable = exports.Touchable = 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 react_native_animatable_1 = require("react-native-animatable");
-exports.Touchable = (0, react_1.forwardRef)(function (touchableProps, ref) {
-    var _a = touchableProps.variants, variants = _a === void 0 ? [] : _a, children = touchableProps.children, onPress = touchableProps.onPress, style = touchableProps.style, debugName = touchableProps.debugName, debugComponent = touchableProps.debugComponent, props = __rest(touchableProps, ["variants", "children", "onPress", "style", "debugName", "debugComponent"]);
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('View', {
-        variants: variants,
-    });
-    var logger = (0, common_1.useCodeleapContext)().logger;
-    var press = function () {
-        if (!onPress) {
-            throw { message: 'No onPress passed to touchable', touchableProps: touchableProps };
-        }
-        logger.log("<".concat(debugComponent || 'Touchable', "/>  pressed"), { debugName: debugName, style: style, variants: variants }, 'User interaction');
-        onPress && onPress();
-    };
-    var styles = [variantStyles.wrapper, style];
-    return (<react_native_1.TouchableOpacity onPress={press} style={styles} {...props} ref={ref}>
-      {children}
-    </react_native_1.TouchableOpacity>);
-});
-exports.AnimatedTouchable = (0, react_native_animatable_1.createAnimatableComponent)(exports.Touchable);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnimatedTouchable = exports.Touchable = 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 react_native_animatable_1 = require("react-native-animatable");
+exports.Touchable = (0, react_1.forwardRef)(function (touchableProps, ref) {
+    var _a = touchableProps.variants, variants = _a === void 0 ? [] : _a, children = touchableProps.children, onPress = touchableProps.onPress, style = touchableProps.style, debugName = touchableProps.debugName, debugComponent = touchableProps.debugComponent, props = __rest(touchableProps, ["variants", "children", "onPress", "style", "debugName", "debugComponent"]);
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('View', {
+        variants: variants,
+    });
+    var logger = (0, common_1.useCodeleapContext)().logger;
+    var press = function () {
+        if (!onPress) {
+            throw { message: 'No onPress passed to touchable', touchableProps: touchableProps };
+        }
+        logger.log("<".concat(debugComponent || 'Touchable', "/>  pressed"), { debugName: debugName, style: style, variants: variants }, 'User interaction');
+        onPress && onPress();
+    };
+    var styles = [variantStyles.wrapper, style];
+    return (<react_native_1.TouchableOpacity onPress={press} style={styles} {...props} ref={ref}>
+      {children}
+    </react_native_1.TouchableOpacity>);
+});
+exports.AnimatedTouchable = (0, react_native_animatable_1.createAnimatableComponent)(exports.Touchable);
 //# sourceMappingURL=Touchable.js.map

package/dist/components/Touchable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Touchable.js","sourceRoot":"","sources":["../../src/components/Touchable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4D;AAC5D,2CAOyB;AACzB,6CAAkE;AAElE,mEAAmE;AAatD,QAAA,SAAS,GAA6B,IAAA,kBAAU,EAG3D,UAAC,cAAc,EAAE,GAAG;IAElB,IAAA,KAOE,cAAc,SAPH,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,QAAQ,GAMN,cAAc,SANR,EACR,OAAO,GAKL,cAAc,QALT,EACP,KAAK,GAIH,cAAc,MAJX,EACL,SAAS,GAGP,cAAc,UAHP,EACT,cAAc,GAEZ,cAAc,eAFF,EACX,KAAK,UACN,cAAc,EARZ,2EAQL,CADS,CACQ;IAElB,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,MAAM,EAAE;QACrD,QAAQ,UAAA;KACT,CAAC,CAAA;IAEM,IAAA,MAAM,GAAK,IAAA,2BAAkB,GAAE,OAAzB,CAAyB;IACvC,IAAM,KAAK,GAAG;QACZ,IAAI,CAAC,OAAO,EAAE;YAAE,MAAM,EAAE,OAAO,EAAE,gCAAgC,EAAE,cAAc,gBAAA,EAAE,CAAA;SAAE;QACrF,MAAM,CAAC,GAAG,CACR,WAAI,cAAc,IAAI,WAAW,gBAAa,EAC9C,EAAE,SAAS,WAAA,EAAE,KAAK,OAAA,EAAE,QAAQ,UAAA,EAAE,EAC9B,kBAAkB,CACnB,CAAA;QACD,OAAO,IAAI,OAAO,EAAE,CAAA;IACtB,CAAC,CAAA;IAED,IAAM,MAAM,GAAG,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IAE7C,OAAO,CACL,CAAC,+BAAe,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAClE;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,+BAAe,CAAC,CACnB,CAAA;AACH,CAAC,CAAC,CAAA;AAEW,QAAA,iBAAiB,GAAG,IAAA,mDAAyB,EAAC,iBAAS,CAAC,CAAA"}
+{"version":3,"file":"Touchable.js","sourceRoot":"","sources":["../../src/components/Touchable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4D;AAC5D,2CAOyB;AAEzB,6CAAkE;AAElE,mEAAmE;AAatD,QAAA,SAAS,GAA6B,IAAA,kBAAU,EAG3D,UAAC,cAAc,EAAE,GAAG;IAElB,IAAA,KAOE,cAAc,SAPH,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,QAAQ,GAMN,cAAc,SANR,EACR,OAAO,GAKL,cAAc,QALT,EACP,KAAK,GAIH,cAAc,MAJX,EACL,SAAS,GAGP,cAAc,UAHP,EACT,cAAc,GAEZ,cAAc,eAFF,EACX,KAAK,UACN,cAAc,EARZ,2EAQL,CADS,CACQ;IAElB,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,MAAM,EAAE;QACrD,QAAQ,UAAA;KACT,CAAC,CAAA;IAEM,IAAA,MAAM,GAAK,IAAA,2BAAkB,GAAE,OAAzB,CAAyB;IACvC,IAAM,KAAK,GAAG;QACZ,IAAI,CAAC,OAAO,EAAE;YAAE,MAAM,EAAE,OAAO,EAAE,gCAAgC,EAAE,cAAc,gBAAA,EAAE,CAAA;SAAE;QACrF,MAAM,CAAC,GAAG,CACR,WAAI,cAAc,IAAI,WAAW,gBAAa,EAC9C,EAAE,SAAS,WAAA,EAAE,KAAK,OAAA,EAAE,QAAQ,UAAA,EAAE,EAC9B,kBAAkB,CACnB,CAAA;QACD,OAAO,IAAI,OAAO,EAAE,CAAA;IACtB,CAAC,CAAA;IAED,IAAM,MAAM,GAAG,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IAE7C,OAAO,CACL,CAAC,+BAAe,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAClE;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,+BAAe,CAAC,CACnB,CAAA;AACH,CAAC,CAAC,CAAA;AAEW,QAAA,iBAAiB,GAAG,IAAA,mDAAyB,EAAC,iBAAS,CAAC,CAAA"}