@codeleap/mobile 1.9.25 → 1.9.28

package/dist/components/TextInput.js

@@ -1,181 +1,181 @@
-"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 __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 Icon_1 = require("./Icon");
-var react_native_1 = require("react-native");
-var Touchable_1 = require("./Touchable");
-var textInputMask_1 = require("../modules/textInputMask");
-exports.TextInput = (0, react_1.forwardRef)(function (rawprops, inputRef) {
-    var _a, _b;
-    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, 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, _c = rawprops.masking, masking = _c === void 0 ? null : _c, onChangeMask = rawprops.onChangeMask, debugName = rawprops.debugName, _d = rawprops.required, required = _d === void 0 ? false : _d, props = __rest(rawprops, ["onChange", "type", "value", "onChangeText", "disabled", "edited", "onFocus", "onBlur", "variants", "label", "leftIcon", "rightIcon", "styles", "validate", "password", "visibilityToggle", "touchableWrapper", "innerWrapperProps", "masking", "onChangeMask", "debugName", "required"]);
-    var _e = (0, react_1.useState)(false), isFocused = _e[0], setFocus = _e[1];
-    var _f = (0, react_1.useState)(edited), editedState = _f[0], setEdited = _f[1];
-    var input = (0, react_1.useRef)(null);
-    var _g = (0, common_1.useBooleanToggle)(false), textIsVisible = _g[0], setTextVisible = _g[1];
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('TextInput', {
-        variants: variants,
-        styles: styles,
-    });
-    var InputElement = masking ? textInputMask_1.MaskedTextInput : 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 handleMaskChange = function (masked, unmasked) {
-        if (onChangeText)
-            onChangeText((typeof masking === 'object' && (masking === null || masking === void 0 ? void 0 : masking.saveFormatted)) ? masked : unmasked);
-        if (onChangeMask)
-            onChangeMask(masked, unmasked);
-    };
-    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 _h = (0, common_1.useValidate)(value, validate), showError = _h.showError, error = _h.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'] : {}));
-    var buttonIconWrapperStyle = __assign(__assign(__assign({}, variantStyles.buttonIconWrapper), (isFocused ? variantStyles['buttonIconWrapper:focus'] : {})), (showError ? variantStyles['buttonIconWrapper:error'] : {}));
-    function getStyles(key) {
-        var requestedStyles = [
-            variantStyles[key],
-            isFocused ? variantStyles[key + ':focus'] : {},
-            showError ? variantStyles[key + ':error'] : {},
-        ];
-        return requestedStyles;
-    }
-    function handlePress() {
-        var _a, _b;
-        if (props.onPress) {
-            props.onPress();
-        }
-        else {
-            (_b = (_a = input.current) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a);
-        }
-    }
-    return (<Touchable_1.Touchable style={getStyles('wrapper')} debugName={debugName} onPress={handlePress} {...innerWrapperProps}>
-      <exports.InputLabel label={label} style={getStyles('label')} asteriskStyle={getStyles('requiredAsterisk')} wrapperStyle={getStyles('labelWrapper')} required={required}/>
-      <View_1.View style={getStyles('innerWrapper')} {...innerWrapperProps}>
-        <exports.InputIcon {...leftIcon} style={leftIconStyle} wrapperStyle={buttonIconWrapperStyle}/>
-        {/* @ts-ignore */}
-        <InputElement ref={input} secureTextEntry={password && !textIsVisible} onChange={function (e) { return masking ? onChange === null || onChange === void 0 ? void 0 : onChange(e) : handleChange(e); }} 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} selectionColor={(_b = react_native_1.StyleSheet.flatten(getStyles('selection'))) === null || _b === void 0 ? void 0 : _b.color} includeRawValueInChangeText={true} {...props} {...(masking ? { onChangeText: handleMaskChange, type: masking === null || masking === void 0 ? void 0 : masking.type, refInput: function (inputRef) {
-            input.current = inputRef;
-        } } : {})} style={getStyles('textField')}/>
-        {visibilityToggle ?
-            <exports.InputIcon name={(textIsVisible ? 'input-visiblity:visible' : 'input-visiblity:hidden')} action={function () { return setTextVisible(); }} style={rightIconStyle} wrapperStyle={buttonIconWrapperStyle}/>
-            :
-                <exports.InputIcon {...rightIcon} style={rightIconStyle} wrapperStyle={buttonIconWrapperStyle}/>}
-      </View_1.View>
-      <exports.FormError message={error.message} style={getStyles('error')}/>
-    </Touchable_1.Touchable>);
-});
-var FormError = function (_a) {
-    var message = _a.message, props = __rest(_a, ["message"]);
-    if (['number', 'string', 'undefined'].includes(typeof message)) {
-        var text = message ? "".concat(message.charAt(0).toUpperCase() + message.slice(1)) : ' ';
-        return <Text_1.Text text={text} variants={['p2', 'marginTop:1']} {...props}/>;
-    }
-    return message;
-};
-exports.FormError = FormError;
-var InputIcon = function (_a) {
-    var name = _a.name, style = _a.style, action = _a.action, _b = _a.wrapperStyle, wrapperStyle = _b === void 0 ? {} : _b;
-    if (!name)
-        return null;
-    if (action) {
-        return <Touchable_1.Touchable debugName={"".concat(name, " icon button")} onPress={function () { return action(); }} style={wrapperStyle}>
-      <Icon_1.Icon name={name} style={style}/>
-    </Touchable_1.Touchable>;
-    }
-    return <Icon_1.Icon name={name} style={style}/>;
-};
-exports.InputIcon = InputIcon;
-var InputLabel = function (_a) {
-    var label = _a.label, _b = _a.variants, variants = _b === void 0 ? [] : _b, _c = _a.styles, styles = _c === void 0 ? {} : _c, style = _a.style, _d = _a.asteriskStyle, asteriskStyle = _d === void 0 ? null : _d, _e = _a.required, required = _e === void 0 ? false : _e, _f = _a.wrapperStyle, wrapperStyle = _f === void 0 ? null : _f;
-    var labelStyles = (0, common_1.useDefaultComponentStyle)('TextInput', {
-        variants: variants,
-        styles: styles,
-        transform: react_native_1.StyleSheet.flatten,
-    });
-    if (!label)
-        return null;
-    switch (typeof label) {
-        case 'string':
-            return <View_1.View style={wrapperStyle || labelStyles.labelWrapper}>
-        <Text_1.Text style={style || labelStyles.label} text={label}/>
-        {required && <Text_1.Text style={asteriskStyle || labelStyles.requiredAsterisk} text={' *'}/>}
-      </View_1.View>;
-        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;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.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 Icon_1 = require("./Icon");
+var react_native_1 = require("react-native");
+var Touchable_1 = require("./Touchable");
+var textInputMask_1 = require("../modules/textInputMask");
+exports.TextInput = (0, react_1.forwardRef)(function (rawprops, inputRef) {
+    var _a, _b;
+    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, 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, _c = rawprops.masking, masking = _c === void 0 ? null : _c, onChangeMask = rawprops.onChangeMask, debugName = rawprops.debugName, _d = rawprops.required, required = _d === void 0 ? false : _d, props = __rest(rawprops, ["onChange", "type", "value", "onChangeText", "disabled", "edited", "onFocus", "onBlur", "variants", "label", "leftIcon", "rightIcon", "styles", "validate", "password", "visibilityToggle", "touchableWrapper", "innerWrapperProps", "masking", "onChangeMask", "debugName", "required"]);
+    var _e = (0, react_1.useState)(false), isFocused = _e[0], setFocus = _e[1];
+    var _f = (0, react_1.useState)(edited), editedState = _f[0], setEdited = _f[1];
+    var input = (0, react_1.useRef)(null);
+    var _g = (0, common_1.useBooleanToggle)(false), textIsVisible = _g[0], setTextVisible = _g[1];
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('TextInput', {
+        variants: variants,
+        styles: styles,
+    });
+    var InputElement = masking ? textInputMask_1.MaskedTextInput : 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 handleMaskChange = function (masked, unmasked) {
+        if (onChangeText)
+            onChangeText((typeof masking === 'object' && (masking === null || masking === void 0 ? void 0 : masking.saveFormatted)) ? masked : unmasked);
+        if (onChangeMask)
+            onChangeMask(masked, unmasked);
+    };
+    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 _h = (0, common_1.useValidate)(value, validate), showError = _h.showError, error = _h.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'] : {}));
+    var buttonIconWrapperStyle = __assign(__assign(__assign({}, variantStyles.buttonIconWrapper), (isFocused ? variantStyles['buttonIconWrapper:focus'] : {})), (showError ? variantStyles['buttonIconWrapper:error'] : {}));
+    function getStyles(key) {
+        var requestedStyles = [
+            variantStyles[key],
+            isFocused ? variantStyles[key + ':focus'] : {},
+            showError ? variantStyles[key + ':error'] : {},
+        ];
+        return requestedStyles;
+    }
+    function handlePress() {
+        var _a, _b;
+        if (props.onPress) {
+            props.onPress();
+        }
+        else {
+            (_b = (_a = input.current) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a);
+        }
+    }
+    return (<Touchable_1.Touchable style={getStyles('wrapper')} debugName={debugName} onPress={handlePress} {...innerWrapperProps}>
+      <exports.InputLabel label={label} style={getStyles('label')} asteriskStyle={getStyles('requiredAsterisk')} wrapperStyle={getStyles('labelWrapper')} required={required}/>
+      <View_1.View style={getStyles('innerWrapper')} {...innerWrapperProps}>
+        <exports.InputIcon {...leftIcon} style={leftIconStyle} wrapperStyle={buttonIconWrapperStyle}/>
+        {/* @ts-ignore */}
+        <InputElement ref={input} secureTextEntry={password && !textIsVisible} onChange={function (e) { return masking ? onChange === null || onChange === void 0 ? void 0 : onChange(e) : handleChange(e); }} 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} selectionColor={(_b = react_native_1.StyleSheet.flatten(getStyles('selection'))) === null || _b === void 0 ? void 0 : _b.color} includeRawValueInChangeText={true} {...props} {...(masking ? { onChangeText: handleMaskChange, type: masking === null || masking === void 0 ? void 0 : masking.type, refInput: function (inputRef) {
+            input.current = inputRef;
+        } } : {})} style={getStyles('textField')}/>
+        {visibilityToggle ?
+            <exports.InputIcon name={(textIsVisible ? 'input-visiblity:visible' : 'input-visiblity:hidden')} action={function () { return setTextVisible(); }} style={rightIconStyle} wrapperStyle={buttonIconWrapperStyle}/>
+            :
+                <exports.InputIcon {...rightIcon} style={rightIconStyle} wrapperStyle={buttonIconWrapperStyle}/>}
+      </View_1.View>
+      <exports.FormError message={error.message} style={getStyles('error')}/>
+    </Touchable_1.Touchable>);
+});
+var FormError = function (_a) {
+    var message = _a.message, props = __rest(_a, ["message"]);
+    if (['number', 'string', 'undefined'].includes(typeof message)) {
+        var text = message ? "".concat(message.charAt(0).toUpperCase() + message.slice(1)) : ' ';
+        return <Text_1.Text text={text} variants={['p2', 'marginTop:1']} {...props}/>;
+    }
+    return message;
+};
+exports.FormError = FormError;
+var InputIcon = function (_a) {
+    var name = _a.name, style = _a.style, action = _a.action, _b = _a.wrapperStyle, wrapperStyle = _b === void 0 ? {} : _b;
+    if (!name)
+        return null;
+    if (action) {
+        return <Touchable_1.Touchable debugName={"".concat(name, " icon button")} onPress={function () { return action(); }} style={wrapperStyle}>
+      <Icon_1.Icon name={name} style={style}/>
+    </Touchable_1.Touchable>;
+    }
+    return <Icon_1.Icon name={name} style={style}/>;
+};
+exports.InputIcon = InputIcon;
+var InputLabel = function (_a) {
+    var label = _a.label, _b = _a.variants, variants = _b === void 0 ? [] : _b, _c = _a.styles, styles = _c === void 0 ? {} : _c, style = _a.style, _d = _a.asteriskStyle, asteriskStyle = _d === void 0 ? null : _d, _e = _a.required, required = _e === void 0 ? false : _e, _f = _a.wrapperStyle, wrapperStyle = _f === void 0 ? null : _f;
+    var labelStyles = (0, common_1.useDefaultComponentStyle)('TextInput', {
+        variants: variants,
+        styles: styles,
+        transform: react_native_1.StyleSheet.flatten,
+    });
+    if (!label)
+        return null;
+    switch (typeof label) {
+        case 'string':
+            return <View_1.View style={wrapperStyle || labelStyles.labelWrapper}>
+        <Text_1.Text style={style || labelStyles.label} text={label}/>
+        {required && <Text_1.Text style={asteriskStyle || labelStyles.requiredAsterisk} text={' *'}/>}
+      </View_1.View>;
+        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: React.FC<TouchableProps>;
+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: React.FC<TouchableProps>;

package/dist/components/Touchable.js

@@ -1,76 +1,76 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.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 contextLogger = (0, common_1.useCodeleapContext)().logger; // NOTE for some reason this does not work in actual projects
-    var activeLogger = null;
-    try {
-        // @ts-ignore
-        if (global === null || global === void 0 ? void 0 : global.logger) {
-            // @ts-ignore
-            activeLogger = global.logger;
-        }
-        else {
-            activeLogger = contextLogger;
-        }
-    }
-    catch (e) {
-        console.log('Error getting Touchable logger');
-    }
-    var press = function () {
-        if (!onPress) {
-            throw { message: 'No onPress passed to touchable', touchableProps: touchableProps };
-        }
-        activeLogger && activeLogger.log("<".concat(debugComponent || 'Touchable', "/>  pressed"), debugName || 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;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.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 contextLogger = (0, common_1.useCodeleapContext)().logger; // NOTE for some reason this does not work in actual projects
+    var activeLogger = null;
+    try {
+        // @ts-ignore
+        if (global === null || global === void 0 ? void 0 : global.logger) {
+            // @ts-ignore
+            activeLogger = global.logger;
+        }
+        else {
+            activeLogger = contextLogger;
+        }
+    }
+    catch (e) {
+        console.log('Error getting Touchable logger');
+    }
+    var press = function () {
+        if (!onPress) {
+            throw { message: 'No onPress passed to touchable', touchableProps: touchableProps };
+        }
+        activeLogger && activeLogger.log("<".concat(debugComponent || 'Touchable', "/>  pressed"), debugName || 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