@codeleap/mobile 4.1.0 → 4.2.2

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

@@ -0,0 +1,7 @@
+import { Animated } from 'react-native';
+import { TextProps } from './types';
+import { StyledComponentWithProps } from '@codeleap/styles';
+export * from './styles';
+export * from './types';
+export declare const Text: StyledComponentWithProps<TextProps>;
+export declare const AnimatedText: Animated.AnimatedComponent<StyledComponentWithProps<TextProps>>;

package/dist/components/Text/index.js

@@ -0,0 +1,127 @@
+"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.AnimatedText = exports.Text = void 0;
+var react_1 = __importStar(require("react"));
+var common_1 = require("@codeleap/common");
+var react_native_1 = require("react-native");
+var utils_1 = require("../../utils");
+var Registry_1 = require("../../Registry");
+var hooks_1 = require("../../hooks");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+exports.Text = (0, react_1.forwardRef)(function (textProps, ref) {
+    var _a = __assign(__assign({}, exports.Text.defaultProps), textProps), text = _a.text, children = _a.children, onPress = _a.onPress, style = _a.style, debounce = _a.debounce, pressDisabled = _a.pressDisabled, animated = _a.animated, animatedStyle = _a.animatedStyle, props = __rest(_a, ["text", "children", "onPress", "style", "debounce", "pressDisabled", "animated", "animatedStyle"]);
+    var pressPolyfillEnabled = react_native_1.Platform.select({
+        ios: props.suppressHighlighting,
+        android: true,
+    }) && !!onPress && !pressDisabled;
+    var _b = (0, react_1.useState)(false), pressed = _b[0], setPressed = _b[1];
+    var pressedRef = react_1.default.useRef(false);
+    var _onPress = function (e) {
+        if (!onPress)
+            return;
+        if (common_1.TypeGuards.isNumber(debounce)) {
+            if (pressedRef.current) {
+                return;
+            }
+            pressedRef.current = true;
+            onPress === null || onPress === void 0 ? void 0 : onPress(e);
+            setTimeout(function () {
+                pressedRef.current = false;
+            }, debounce);
+        }
+        else {
+            onPress === null || onPress === void 0 ? void 0 : onPress(e);
+        }
+    };
+    var handlePress = function (pressed) {
+        if (!pressPolyfillEnabled)
+            return;
+        return function () {
+            if (onPress) {
+                setPressed(pressed);
+            }
+        };
+    };
+    var styles = (0, hooks_1.useStylesFor)(exports.Text.styleRegistryName, style);
+    if (!!text && !common_1.TypeGuards.isString(text))
+        return <>{text}</>;
+    var Component = animated ? react_native_1.Animated.Text : react_native_1.Text;
+    var getFeedbackStyle = (0, utils_1.usePressableFeedback)(styles, {
+        disabled: !pressPolyfillEnabled,
+        feedbackConfig: styles === null || styles === void 0 ? void 0 : styles.pressFeedback,
+        hightlightPropertyIn: 'color',
+        hightlightPropertyOut: 'backgroundColor',
+    }).getFeedbackStyle;
+    var feedbackStyle = pressPolyfillEnabled ? getFeedbackStyle(pressed) : undefined;
+    var pressProps = !!onPress ? {
+        onPress: pressDisabled ? null : _onPress,
+    } : {};
+    var disabled = !!onPress && pressDisabled;
+    return (<Component {...props} onPressIn={handlePress(true)} onPressOut={handlePress(false)} style={[styles === null || styles === void 0 ? void 0 : styles.text, animatedStyle, feedbackStyle, disabled ? styles['text:disabled'] : null]} allowFontScaling={false} {...pressProps} 
+    // @ts-ignore
+    ref={ref}>
+      {text}
+      {children}
+    </Component>);
+});
+exports.Text.styleRegistryName = 'Text';
+exports.Text.elements = ['text', 'pressFeedback'];
+exports.Text.rootElement = 'text';
+exports.Text.withVariantTypes = function (styles) {
+    return exports.Text;
+};
+exports.Text.defaultProps = {
+    debounce: 1000,
+};
+Registry_1.MobileStyleRegistry.registerComponent(exports.Text);
+exports.AnimatedText = react_native_1.Animated.createAnimatedComponent(exports.Text);
+//# sourceMappingURL=index.js.map

package/dist/components/Text/index.js.map

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

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

@@ -0,0 +1,6 @@
+import { StylesOf } from '@codeleap/common';
+import { FeedbackConfig } from '../../utils';
+export type TextComposition = 'text' | 'pressFeedback' | 'text:disabled';
+export type TextStylesGen<TCSS = any> = StylesOf<'text', TCSS> & {
+    'pressFeedback'?: FeedbackConfig;
+};

package/dist/components/Text/styles.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=styles.js.map

package/dist/components/Text/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Text/styles.ts"],"names":[],"mappings":""}

package/dist/components/Text/types.d.ts

@@ -0,0 +1,16 @@
+import { StyledProp } from '@codeleap/styles';
+import { ReactNode } from 'react';
+import { TextProps as RNTextProps, Animated, ViewStyle, ImageStyle, TextStyle, Text as NativeText } from 'react-native';
+import { AnimatedStyleProp } from 'react-native-reanimated';
+import { TextComposition } from './styles';
+export type TextProps = Omit<RNTextProps, 'style' | 'ref'> & {
+    text?: ReactNode;
+    animated?: boolean;
+    colorChangeConfig?: Partial<Animated.TimingAnimationConfig>;
+    debugName?: string;
+    debounce?: number;
+    pressDisabled?: boolean;
+    style?: StyledProp<TextComposition>;
+    animatedStyle?: AnimatedStyleProp<ViewStyle | ImageStyle | TextStyle>;
+    ref?: React.ForwardedRef<NativeText>;
+};

package/dist/components/Text/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/components/Text/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Text/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,5 @@
+import { StyledComponentWithProps } from '@codeleap/styles';
+import { TextInputProps } from './types';
+export * from './styles';
+export * from './types';
+export declare const TextInput: StyledComponentWithProps<TextInputProps>;

package/dist/components/TextInput/index.js

@@ -0,0 +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 __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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextInput = void 0;
+var react_1 = __importStar(require("react"));
+var common_1 = require("@codeleap/common");
+var react_2 = require("react");
+var react_native_1 = require("react-native");
+var InputBase_1 = require("../InputBase");
+var Touchable_1 = require("../Touchable");
+var textInputMask_1 = require("../../modules/textInputMask");
+var Registry_1 = require("../../Registry");
+var hooks_1 = require("../../hooks");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+exports.TextInput = (0, react_2.forwardRef)(function (props, inputRef) {
+    var _a, _b, _c, _d, _e, _f;
+    var innerInputRef = react_1.default.useRef(null);
+    var _g = (0, react_1.useState)(false), isFocused = _g[0], setIsFocused = _g[1];
+    var _h = (0, react_1.useState)({ start: 0 }), currentSelection = _h[0], setCurrentSelection = _h[1];
+    var _j = (0, InputBase_1.selectInputBaseProps)(__assign(__assign({}, exports.TextInput.defaultProps), props)), inputBaseProps = _j.inputBaseProps, others = _j.others;
+    var value = others.value, validate = others.validate, debugName = others.debugName, visibilityToggle = others.visibilityToggle, masking = others.masking, password = others.password, onChangeMask = others.onChangeMask, onPress = others.onPress, visibleIcon = others.visibleIcon, hiddenIcon = others.hiddenIcon, style = others.style, autoAdjustSelection = others.autoAdjustSelection, selectionStart = others.selectionStart, _k = others._error, _error = _k === void 0 ? null : _k, textInputProps = __rest(others, ["value", "validate", "debugName", "visibilityToggle", "masking", "password", "onChangeMask", "onPress", "visibleIcon", "hiddenIcon", "style", "autoAdjustSelection", "selectionStart", "_error"]);
+    var _l = (0, common_1.useBooleanToggle)(true), secureTextEntry = _l[0], toggleSecureTextEntry = _l[1];
+    var isMasked = !!masking;
+    var InputElement = isMasked ? textInputMask_1.MaskedTextInput : react_native_1.TextInput;
+    var styles = (0, hooks_1.useStylesFor)(exports.TextInput.styleRegistryName, style);
+    // @ts-expect-error - React's ref type system is weird
+    (0, react_2.useImperativeHandle)(inputRef, function () {
+        return __assign(__assign({}, innerInputRef.current), { focus: function () {
+                var _a, _b;
+                (_b = (_a = innerInputRef.current) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a);
+            }, isTextInput: true });
+    }, [!!((_a = innerInputRef === null || innerInputRef === void 0 ? void 0 : innerInputRef.current) === null || _a === void 0 ? void 0 : _a.focus)]);
+    var isPressable = common_1.TypeGuards.isFunction(onPress);
+    var validation = (0, common_1.useValidate)(value, validate);
+    var handleBlur = react_1.default.useCallback(function (e) {
+        var _a;
+        validation.onInputBlurred();
+        setIsFocused(false);
+        if (autoAdjustSelection)
+            setCurrentSelection({ start: selectionStart });
+        (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
+    }, [validation.onInputBlurred, props.onBlur]);
+    var handleFocus = react_1.default.useCallback(function (e) {
+        var _a;
+        validation.onInputFocused();
+        setIsFocused(true);
+        if (autoAdjustSelection)
+            setCurrentSelection(null);
+        (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e);
+    }, [validation.onInputFocused, props.onFocus]);
+    var handleMaskChange = function (masked, unmasked) {
+        if (textInputProps.onChangeText)
+            textInputProps.onChangeText((masking === null || masking === void 0 ? void 0 : masking.saveFormatted) ? masked : masked);
+        if (onChangeMask)
+            onChangeMask(masked, unmasked);
+    };
+    var isMultiline = textInputProps.multiline;
+    var isDisabled = !!inputBaseProps.disabled;
+    var placeholderTextColor = (_c = (_b = [
+        [isDisabled, styles['placeholder:disabled']],
+        [!validation.isValid, styles['placeholder:error']],
+        [isFocused, styles['placeholder:focus']],
+        [true, styles === null || styles === void 0 ? void 0 : styles.placeholder],
+        // @ts-expect-error
+    ].find(function (_a) {
+        var x = _a[0];
+        return x;
+    })) === null || _b === void 0 ? void 0 : _b[1]) === null || _c === void 0 ? void 0 : _c.color;
+    var selectionColor = (_e = (_d = [
+        [isDisabled, styles['selection:disabled']],
+        [!validation.isValid, styles['selection:error']],
+        [isFocused, styles['selection:focus']],
+        [true, styles === null || styles === void 0 ? void 0 : styles.selection],
+        // @ts-expect-error
+    ].find(function (_a) {
+        var x = _a[0];
+        return x;
+    })) === null || _d === void 0 ? void 0 : _d[1]) === null || _e === void 0 ? void 0 : _e.color;
+    var visibilityToggleProps = visibilityToggle ? {
+        onPress: toggleSecureTextEntry,
+        icon: (secureTextEntry ? hiddenIcon : visibleIcon),
+        debugName: "".concat(debugName, " toggle visibility"),
+    } : null;
+    var rightIcon = (_f = inputBaseProps === null || inputBaseProps === void 0 ? void 0 : inputBaseProps.rightIcon) !== null && _f !== void 0 ? _f : visibilityToggleProps;
+    var maskingExtraProps = isMasked ? __assign({ onChangeText: handleMaskChange, ref: null, refInput: function (inputRef) {
+            if (!!inputRef) {
+                innerInputRef.current = inputRef;
+            }
+        } }, masking) : {};
+    var buttonModeProps = isPressable ? {
+        editable: false,
+        caretHidden: true,
+    } : {};
+    var hasMultipleLines = isMultiline && (value === null || value === void 0 ? void 0 : value.includes('\n'));
+    return <InputBase_1.InputBase {...inputBaseProps} innerWrapper={isPressable ? Touchable_1.Touchable : undefined} debugName={debugName} error={(validation.isValid && !_error) ? null : _error || validation.message} style={__assign(__assign({}, styles), { innerWrapper: [
+                styles === null || styles === void 0 ? void 0 : styles.innerWrapper,
+                isMultiline && styles['innerWrapper:multiline'],
+                hasMultipleLines && styles['innerWrapper:hasMultipleLines'],
+            ] })} innerWrapperProps={__assign(__assign({}, (inputBaseProps.innerWrapperProps || {})), { onPress: onPress, debugName: debugName, dismissKeyboard: false })} rightIcon={rightIcon} focused={isFocused}>
+    <InputElement allowFontScaling={false} editable={!isPressable && !isDisabled} {...buttonModeProps} selection={autoAdjustSelection ? currentSelection : undefined} placeholderTextColor={placeholderTextColor} value={value} selectionColor={selectionColor} secureTextEntry={password && secureTextEntry} textAlignVertical={isMultiline ? 'top' : undefined} {...textInputProps} onBlur={handleBlur} onFocus={handleFocus} style={[
+            styles === null || styles === void 0 ? void 0 : styles.input,
+            isMultiline && styles['input:multiline'],
+            isFocused && styles['input:focused'],
+            !validation.isValid && styles['input:error'],
+            isDisabled && styles['input:disabled'],
+            hasMultipleLines && styles['input:hasMultipleLines'],
+        ]} ref={innerInputRef} pointerEvents={isPressable ? 'none' : undefined} {...maskingExtraProps}/>
+  </InputBase_1.InputBase>;
+});
+exports.TextInput.styleRegistryName = 'TextInput';
+exports.TextInput.elements = __spreadArray(__spreadArray([], InputBase_1.InputBase.elements, true), ['input', 'placeholder', 'selection'], false);
+exports.TextInput.rootElement = 'wrapper';
+exports.TextInput.withVariantTypes = function (styles) {
+    return exports.TextInput;
+};
+exports.TextInput.defaultProps = {
+    hiddenIcon: 'input-visiblity:hidden',
+    visibleIcon: 'input-visiblity:visible',
+    visibilityToggle: false,
+    autoAdjustSelection: false,
+    selectionStart: 0,
+};
+Registry_1.MobileStyleRegistry.registerComponent(exports.TextInput);
+//# sourceMappingURL=index.js.map

package/dist/components/TextInput/index.js.map

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

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

@@ -0,0 +1,5 @@
+import { InputBaseStates, InputBaseParts } from '../InputBase';
+type TextInputParts = InputBaseParts | 'input' | 'placeholder' | 'selection';
+export type TextInputStates = InputBaseStates | 'multiline' | 'hasMultipleLines' | 'pressable';
+export type TextInputComposition = `${TextInputParts}:${TextInputStates}` | TextInputParts;
+export {};

package/dist/components/TextInput/styles.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=styles.js.map

package/dist/components/TextInput/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/TextInput/styles.ts"],"names":[],"mappings":""}

package/dist/components/TextInput/types.d.ts

@@ -0,0 +1,21 @@
+import { InputBaseProps } from '../InputBase';
+import { TextInputProps as RNTextInputProps } from 'react-native';
+import { AnyFunction, FormTypes, yup } from '@codeleap/common';
+import { AppIcon, StyledProp } from '@codeleap/styles';
+import { TextInputMaskProps } from '../../modules/textInputMask';
+import { TextInputComposition } from './styles';
+export type TextInputProps = Omit<InputBaseProps, 'style'> & Omit<RNTextInputProps, 'style'> & {
+    password?: boolean;
+    validate?: FormTypes.ValidatorFunctionWithoutForm | yup.SchemaOf<string>;
+    debugName: string;
+    autoAdjustSelection?: boolean;
+    selectionStart?: number;
+    visibilityToggle?: boolean;
+    masking?: FormTypes.TextField['masking'];
+    onChangeMask?: TextInputMaskProps['onChangeText'];
+    visibleIcon?: AppIcon;
+    hiddenIcon?: AppIcon;
+    _error?: string;
+    onPress?: AnyFunction;
+    style?: StyledProp<TextInputComposition>;
+};

package/dist/components/TextInput/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/components/TextInput/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/TextInput/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,5 @@
+import { StyledComponentWithProps } from '@codeleap/styles';
+import { TouchableProps } from './types';
+export * from './styles';
+export * from './types';
+export declare const Touchable: StyledComponentWithProps<TouchableProps>;