@codeleap/mobile 4.3.9 → 5.0.0

package/dist/components/TextInput/index.js

@@ -1,104 +1,59 @@
-import React, { useState } from 'react';
-import { useValidate } from '@codeleap/form';
-import { useBooleanToggle } from '@codeleap/hooks';
+import React from 'react';
 import { TypeGuards } from '@codeleap/types';
-import { forwardRef, useImperativeHandle } from 'react';
+import { forwardRef } from 'react';
 import { TextInput as NativeTextInput } from 'react-native';
 import { InputBase, selectInputBaseProps } from '../InputBase';
 import { Touchable } from '../Touchable';
 import { MaskedTextInput } from '../../modules/textInputMask';
 import { MobileStyleRegistry } from '../../Registry';
 import { useStylesFor } from '../../hooks';
+import { useTextInput } from './useTextInput';
+import { useInputBasePartialStyles } from '../InputBase/useInputBasePartialStyles';
 export * from './styles';
 export * from './types';
 export const TextInput = forwardRef((props, inputRef) => {
-    const innerInputRef = React.useRef(null);
-    const [isFocused, setIsFocused] = useState(false);
-    const [currentSelection, setCurrentSelection] = useState({ start: 0 });
-    const { inputBaseProps, others, } = selectInputBaseProps({
+    const allProps = {
         ...TextInput.defaultProps,
         ...props,
-    });
-    const { value, validate, debugName, visibilityToggle, masking, password, onChangeMask, onPress, visibleIcon, hiddenIcon, style, autoAdjustSelection, selectionStart, _error = null, ...textInputProps } = others;
-    const [secureTextEntry, toggleSecureTextEntry] = useBooleanToggle(true);
-    const isMasked = !!masking;
-    const InputElement = isMasked ? MaskedTextInput : NativeTextInput;
+    };
+    const { inputBaseProps, others, } = selectInputBaseProps(allProps);
+    const { debugName, visibilityToggle, masking, secure, field, onChangeMask, onPress, visibleIcon, hiddenIcon, style, autoAdjustSelection, selectionStart, forceError, onChangeText, multiline, ...textInputProps } = others;
     const styles = useStylesFor(TextInput.styleRegistryName, style);
-    // @ts-expect-error - React's ref type system is weird
-    useImperativeHandle(inputRef, () => {
-        return {
-            ...innerInputRef.current,
-            focus: () => {
-                innerInputRef.current?.focus?.();
-            },
-            isTextInput: true,
-        };
-    }, [!!innerInputRef?.current?.focus]);
+    const { fieldHandle, validation, innerInputRef, wrapperRef, isFocused, secureTextEntry, currentSelection, hasMultipleLines, hasValue, hasError, toggleSecureTextEntry, handleMaskChange, handleBlur, handleFocus, } = useTextInput(allProps);
+    const InputElement = masking ? MaskedTextInput : NativeTextInput;
     const isPressable = TypeGuards.isFunction(onPress);
-    const validation = useValidate(value, validate);
-    const handleBlur = React.useCallback((e) => {
-        validation.onInputBlurred();
-        setIsFocused(false);
-        if (autoAdjustSelection)
-            setCurrentSelection({ start: selectionStart });
-        props.onBlur?.(e);
-    }, [validation.onInputBlurred, props.onBlur]);
-    const handleFocus = React.useCallback((e) => {
-        validation.onInputFocused();
-        setIsFocused(true);
-        if (autoAdjustSelection)
-            setCurrentSelection(null);
-        props.onFocus?.(e);
-    }, [validation.onInputFocused, props.onFocus]);
-    const handleMaskChange = (masked, unmasked) => {
-        if (textInputProps.onChangeText)
-            textInputProps.onChangeText(masking?.saveFormatted ? masked : masked);
-        if (onChangeMask)
-            onChangeMask(masked, unmasked);
-    };
-    const isMultiline = textInputProps.multiline;
     const isDisabled = !!inputBaseProps.disabled;
-    const placeholderTextColor = [
-        [isDisabled, styles['placeholder:disabled']],
-        [!validation.isValid, styles['placeholder:error']],
-        [isFocused, styles['placeholder:focus']],
-        [true, styles?.placeholder],
-        // @ts-expect-error
-    ].find(([x]) => x)?.[1]?.color;
-    const selectionColor = [
-        [isDisabled, styles['selection:disabled']],
-        [!validation.isValid, styles['selection:error']],
-        [isFocused, styles['selection:focus']],
-        [true, styles?.selection],
-        // @ts-expect-error
-    ].find(([x]) => x)?.[1]?.color;
+    const partialStyles = useInputBasePartialStyles(styles, ['placeholder', 'selection'], {
+        disabled: isDisabled,
+        error: !!hasError,
+        focus: isFocused,
+    });
     const visibilityToggleProps = visibilityToggle ? {
         onPress: toggleSecureTextEntry,
         icon: (secureTextEntry ? hiddenIcon : visibleIcon),
         debugName: `${debugName} toggle visibility`,
     } : null;
     const rightIcon = inputBaseProps?.rightIcon ?? visibilityToggleProps;
-    const maskingExtraProps = isMasked ? {
+    const maskingExtraProps = masking ? {
         onChangeText: handleMaskChange,
         ref: null,
         refInput: (inputRef) => {
-            if (!!inputRef) {
+            if (!!inputRef)
                 innerInputRef.current = inputRef;
-            }
         },
         ...masking,
-    } : {};
+    } : {
+        onChangeText: fieldHandle.setValue
+    };
     const buttonModeProps = isPressable ? {
         editable: false,
         caretHidden: true,
     } : {};
-    const hasMultipleLines = isMultiline && value?.includes('\n');
-    const hasValue = value?.length > 0;
-    return <InputBase {...inputBaseProps} innerWrapper={isPressable ? Touchable : undefined} debugName={debugName} error={(validation.isValid && !_error) ? null : _error || validation.message} style={{
+    return <InputBase {...inputBaseProps} ref={wrapperRef} innerWrapper={isPressable ? Touchable : undefined} debugName={debugName} error={hasError ? validation.message || forceError : null} style={{
             ...styles,
             innerWrapper: [
                 styles?.innerWrapper,
-                isMultiline && styles['innerWrapper:multiline'],
+                multiline && styles['innerWrapper:multiline'],
                 hasMultipleLines && styles['innerWrapper:hasMultipleLines'],
             ],
         }} innerWrapperProps={{
@@ -107,11 +62,11 @@ export const TextInput = forwardRef((props, inputRef) => {
             debugName,
             dismissKeyboard: false,
         }} rightIcon={rightIcon} focused={isFocused} hasValue={hasValue}>
-    <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={[
+    <InputElement allowFontScaling={false} editable={!isPressable && !isDisabled} {...buttonModeProps} selection={autoAdjustSelection ? currentSelection : undefined} placeholderTextColor={partialStyles?.placeholder?.color} value={fieldHandle?.value} selectionColor={partialStyles?.selection?.color} secureTextEntry={secure && secureTextEntry} textAlignVertical={multiline ? 'top' : undefined} multiline={multiline} {...textInputProps} onBlur={handleBlur} onFocus={handleFocus} style={[
             styles?.input,
-            isMultiline && styles['input:multiline'],
+            multiline && styles['input:multiline'],
             isFocused && styles['input:focused'],
-            !validation.isValid && styles['input:error'],
+            hasError && styles['input:error'],
             isDisabled && styles['input:disabled'],
             hasMultipleLines && styles['input:hasMultipleLines'],
             hasValue && styles['input:typed'],
@@ -130,6 +85,7 @@ TextInput.defaultProps = {
     visibilityToggle: false,
     autoAdjustSelection: false,
     selectionStart: 0,
+    secure: false,
 };
 MobileStyleRegistry.registerComponent(TextInput);
 //# sourceMappingURL=index.js.map

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

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

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

@@ -2,23 +2,25 @@
 import { InputBaseProps } from '../InputBase';
 import { TextInputProps as RNTextInputProps, TextInput as RNTextInput } from 'react-native';
 import { AnyFunction } from '@codeleap/types';
-import { FormTypes, yup } from '@codeleap/form';
 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>;
+import { Field } from '@codeleap/form';
+export type TextInputProps = Omit<InputBaseProps, 'style' | 'ref'> & Omit<RNTextInputProps, 'style'> & {
+    secure?: boolean;
     debugName: string;
     autoAdjustSelection?: boolean;
     selectionStart?: number;
     visibilityToggle?: boolean;
-    masking?: FormTypes.TextField['masking'];
     onChangeMask?: TextInputMaskProps['onChangeText'];
+    masking?: TextInputMaskProps['masking'];
     visibleIcon?: AppIcon;
     hiddenIcon?: AppIcon;
-    _error?: string;
+    forceError?: string;
     onPress?: AnyFunction;
     style?: StyledProp<TextInputComposition>;
     ref?: React.Ref<RNTextInput>;
+    field?: Field<string, any, any>;
+    value?: string;
+    onValueChange?: (value: string) => void;
 };

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

@@ -0,0 +1,54 @@
+/// <reference types="react" />
+import { TextInputProps } from './types';
+import { NativeSyntheticEvent, TextInputFocusEventData } from 'react-native/types';
+export declare function useTextInput(props: Partial<TextInputProps>): {
+    isFocused: boolean;
+    currentSelection: {
+        start: number;
+    };
+    secureTextEntry: boolean;
+    handleBlur: (e: NativeSyntheticEvent<TextInputFocusEventData>) => void;
+    handleFocus: (e: NativeSyntheticEvent<TextInputFocusEventData>) => void;
+    handleMaskChange: (masked: any, unmasked: any) => void;
+    fieldHandle: {
+        validation: {
+            onInputBlurred(): void;
+            hasBlurred: boolean;
+            hasChanged: boolean;
+            startedUnset: boolean;
+            isSet: boolean;
+            isInvalid: boolean;
+            isValid: boolean;
+            message: any;
+            showError: boolean;
+            isUnset: boolean;
+            validation: import("@codeleap/form").ValidationResult<any, unknown>;
+            value: string;
+        };
+        value: string;
+        setValue: (to: string) => void;
+        changed: boolean;
+        representation: any;
+        options: import("@codeleap/form").FieldOptions<string, any>;
+    };
+    validation: {
+        onInputBlurred(): void;
+        hasBlurred: boolean;
+        hasChanged: boolean;
+        startedUnset: boolean;
+        isSet: boolean;
+        isInvalid: boolean;
+        isValid: boolean;
+        message: any;
+        showError: boolean;
+        isUnset: boolean;
+        validation: import("@codeleap/form").ValidationResult<any, unknown>;
+        value: string;
+    };
+    innerInputRef: import("react").MutableRefObject<import("react-native/types").TextInput>;
+    wrapperRef: import("react").MutableRefObject<import("react-native/types").View>;
+    toggleSecureTextEntry: () => void;
+    hasMultipleLines: boolean;
+    hasValue: boolean;
+    hasError: string | true;
+};

package/dist/components/TextInput/useTextInput.js

@@ -0,0 +1,59 @@
+import { useCallback, useState } from 'react';
+import { useInputBase } from '../InputBase/useInputBase';
+import { fields } from '@codeleap/form';
+export function useTextInput(props) {
+    const { onFocus, onBlur, secure, field, autoAdjustSelection, selectionStart, masking, onChangeMask, multiline, forceError, value, onValueChange, } = props;
+    const [isFocused, setIsFocused] = useState(false);
+    const [currentSelection, setCurrentSelection] = useState({ start: 0 });
+    const [secureTextEntry, setSecureTextEntry] = useState(secure);
+    const toggleSecureTextEntry = () => setSecureTextEntry(s => !s);
+    const { fieldHandle, validation, innerInputRef, wrapperRef, } = useInputBase(field, fields.text, [value, onValueChange], {
+        revealValue() {
+            setSecureTextEntry(false);
+        },
+        hideValue() {
+            setSecureTextEntry(true);
+        },
+        toggleValueVisibility() {
+            toggleSecureTextEntry();
+        },
+    }, [setSecureTextEntry]);
+    const handleBlur = useCallback((e) => {
+        validation.onInputBlurred();
+        setIsFocused(false);
+        if (autoAdjustSelection)
+            setCurrentSelection({ start: selectionStart });
+        onBlur?.(e);
+    }, [validation.onInputBlurred, onBlur]);
+    const handleFocus = useCallback((e) => {
+        setIsFocused(true);
+        if (autoAdjustSelection)
+            setCurrentSelection(null);
+        onFocus?.(e);
+    }, [onFocus]);
+    const handleMaskChange = useCallback((masked, unmasked) => {
+        fieldHandle.setValue(masking?.saveFormatted ? masked : masked);
+        if (onChangeMask)
+            onChangeMask(masked, unmasked);
+    }, [masking?.saveFormatted, onChangeMask]);
+    const hasMultipleLines = multiline && fieldHandle?.value?.includes('\n');
+    const hasValue = fieldHandle?.value?.length > 0;
+    const hasError = validation.showError || forceError;
+    return {
+        isFocused,
+        currentSelection,
+        secureTextEntry,
+        handleBlur,
+        handleFocus,
+        handleMaskChange,
+        fieldHandle,
+        validation,
+        innerInputRef,
+        wrapperRef,
+        toggleSecureTextEntry,
+        hasMultipleLines,
+        hasValue,
+        hasError,
+    };
+}
+//# sourceMappingURL=useTextInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTextInput.js","sourceRoot":"","sources":["../../../src/components/TextInput/useTextInput.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAG7C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAEvC,MAAM,UAAU,YAAY,CAAC,KAA8B;IACzD,MAAM,EACJ,OAAO,EACP,MAAM,EACN,MAAM,EACN,KAAK,EACL,mBAAmB,EACnB,cAAc,EACd,OAAO,EACP,YAAY,EACZ,SAAS,EACT,UAAU,EACV,KAAK,EACL,aAAa,GACd,GAAG,KAAK,CAAA;IAET,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEjD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAA;IAEtE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAA;IAE9D,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;IAE/D,MAAM,EACJ,WAAW,EACX,UAAU,EACV,aAAa,EACb,UAAU,GACX,GAAG,YAAY,CAAS,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,EAAE;QACnE,WAAW;YACT,kBAAkB,CAAC,KAAK,CAAC,CAAA;QAC3B,CAAC;QACD,SAAS;YACP,kBAAkB,CAAC,IAAI,CAAC,CAAA;QAC1B,CAAC;QACD,qBAAqB;YACnB,qBAAqB,EAAE,CAAA;QACzB,CAAC;KACF,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAA;IAExB,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAgD,EAAE,EAAE;QAClF,UAAU,CAAC,cAAc,EAAE,CAAA;QAC3B,YAAY,CAAC,KAAK,CAAC,CAAA;QACnB,IAAI,mBAAmB;YAAE,mBAAmB,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC,CAAA;QACvE,MAAM,EAAE,CAAC,CAAC,CAAC,CAAA;IACb,CAAC,EAAE,CAAC,UAAU,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAA;IAEvC,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAgD,EAAE,EAAE;QACnF,YAAY,CAAC,IAAI,CAAC,CAAA;QAClB,IAAI,mBAAmB;YAAE,mBAAmB,CAAC,IAAI,CAAC,CAAA;QAClD,OAAO,EAAE,CAAC,CAAC,CAAC,CAAA;IACd,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,MAAM,gBAAgB,GAAG,WAAW,CAAC,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE;QACxD,WAAW,CAAC,QAAQ,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;QAC9D,IAAI,YAAY;YAAE,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;IAClD,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,EAAE,YAAY,CAAC,CAAC,CAAA;IAE1C,MAAM,gBAAgB,GAAG,SAAS,IAAI,WAAW,EAAE,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAA;IAExE,MAAM,QAAQ,GAAG,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,CAAA;IAE/C,MAAM,QAAQ,GAAG,UAAU,CAAC,SAAS,IAAI,UAAU,CAAA;IAEnD,OAAO;QACL,SAAS;QACT,gBAAgB;QAChB,eAAe;QACf,UAAU;QACV,WAAW;QACX,gBAAgB;QAChB,WAAW;QACX,UAAU;QACV,aAAa;QACb,UAAU;QACV,qBAAqB;QACrB,gBAAgB;QAChB,QAAQ;QACR,QAAQ;KACT,CAAA;AACH,CAAC"}

package/dist/components/Touchable/index.js

@@ -1,6 +1,6 @@
 import React, { forwardRef } from 'react';
 import { TypeGuards } from '@codeleap/types';
-import { onMount } from '@codeleap/hooks';
+import { onMount, useComponentTestId } from '@codeleap/hooks';
 import { useGlobalContext } from '@codeleap/hooks';
 import { Pressable, StyleSheet, Platform } from 'react-native';
 import { View } from '../View';
@@ -26,6 +26,7 @@ export const Touchable = forwardRef((touchableProps, ref) => {
     });
     const styles = useStylesFor(Touchable.styleRegistryName, style);
     const { logger } = useGlobalContext();
+    const testId = useComponentTestId(Touchable, touchableProps, ['style', 'children', 'debounce']);
     const press = () => {
         if (!onPress)
             return;
@@ -138,7 +139,7 @@ export const Touchable = forwardRef((touchableProps, ref) => {
     } : props.hitSlop;
     const disableRipple = disableFeedback || rippleDisabled || Platform.OS !== 'android';
     return (<Wrapper style={wrapperStyle} hitSlop={hitSlop}>
-      {!disableRipple ? (<PressableRipple onPress={press} {...props} style={[pressableStyle, styles?.pressable]} rippleFades={false} rippleDuration={350} rippleOpacity={0.1} {...rippleConfig} radiusStyles={radiusStyle} 
+      {!disableRipple ? (<PressableRipple onPress={press} testID={testId} {...props} style={[pressableStyle, styles?.pressable]} rippleFades={false} rippleDuration={350} rippleOpacity={0.1} {...rippleConfig} radiusStyles={radiusStyle} 
         // @ts-ignore
         ref={ref}>
           {children}
@@ -146,7 +147,7 @@ export const Touchable = forwardRef((touchableProps, ref) => {
                 pressableStyle,
                 getFeedbackStyle(pressed),
                 styles?.pressable,
-            ])} {...props} ref={ref}>
+            ])} testID={testId} {...props} ref={ref}>
           {children}
         </Pressable>)}
     </Wrapper>);

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

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

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

@@ -1,15 +1,10 @@
-import React from 'react';
-import { View as RNView } from 'react-native';
-import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
-import Animated from 'react-native-reanimated';
-import { ViewProps } from './types';
+/// <reference types="react" />
+/// <reference types="react" />
+import { ViewAnimatedProps, ViewProps } from './types';
 export * from './types';
 export * from './styles';
-export declare const View: {
-    <T extends React.ComponentType<{}> = typeof RNView>(props: ViewProps<T>): JSX.Element;
-    Animated(props: ViewProps<typeof Animated.View>): JSX.Element;
-    styleRegistryName: string;
-    elements: string[];
-    rootElement: string;
-    withVariantTypes<S extends AnyRecord>(styles: S): <T_1 extends React.ComponentType<{}> = typeof RNView>(props: StyledComponentProps<ViewProps<T_1>, S>) => IJSX;
+export declare const View: ((props: ViewProps) => JSX.Element) & {
+    defaultProps?: Partial<ViewProps>;
+} & import("@codeleap/styles").GenericStyledComponentAttributes<ViewProps> & {
+    Animated?: (props: ViewAnimatedProps) => JSX.Element;
 };

package/dist/components/View/index.js

@@ -1,18 +1,20 @@
-import React from 'react';
+import React, { forwardRef } from 'react';
 import { View as RNView } from 'react-native';
 import { MobileStyleRegistry } from '../../Registry';
 import Animated from 'react-native-reanimated';
 import { useStylesFor } from '../../hooks';
+import { useComponentTestId } from '@codeleap/hooks';
 export * from './types';
 export * from './styles';
-export const View = (props) => {
-    const { style, component: _Component = RNView, animated = false, animatedStyle, ...viewProps } = props;
+export const View = forwardRef((props, ref) => {
+    const { style, animated = false, animatedStyle, ...viewProps } = props;
     const styles = useStylesFor(View.styleRegistryName, style);
-    const Component = animated ? Animated.View : _Component;
-    return (<Component {...viewProps} style={[styles.wrapper, animatedStyle]}/>);
-};
+    const testId = useComponentTestId(View, props, ['style', 'children', 'animated']);
+    const Component = animated ? Animated.View : RNView;
+    return (<Component testID={testId} {...viewProps} style={[styles.wrapper, animatedStyle]} ref={ref}/>);
+});
 View.Animated = (props) => {
-    return <View {...props} animated/>;
+    return <View {...props}/>;
 };
 View.styleRegistryName = 'View';
 View.elements = ['wrapper'];

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/View/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,cAAc,CAAA;AAE7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,QAAQ,MAAM,yBAAyB,CAAA;AAE9C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAE1C,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AAExB,MAAM,CAAC,MAAM,IAAI,GAAG,CAAgD,KAAmB,EAAE,EAAE;IACzF,MAAM,EACJ,KAAK,EACL,SAAS,EAAE,UAAU,GAAG,MAAM,EAC9B,QAAQ,GAAG,KAAK,EAChB,aAAa,EACb,GAAG,SAAS,EACb,GAAG,KAAK,CAAA;IAET,MAAM,MAAM,GAAG,YAAY,CAAC,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAE1D,MAAM,SAAS,GAAmC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAA;IAEvF,OAAO,CACL,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,EAAG,CACrE,CAAA;AACH,CAAC,CAAA;AAED,IAAI,CAAC,QAAQ,GAAG,CAAC,KAAsC,EAAE,EAAE;IACzD,OAAO,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,CAAC,QAAQ,EAAG,CAAA;AACrC,CAAC,CAAA;AAED,IAAI,CAAC,iBAAiB,GAAG,MAAM,CAAA;AAC/B,IAAI,CAAC,QAAQ,GAAG,CAAC,SAAS,CAAC,CAAA;AAC3B,IAAI,CAAC,WAAW,GAAG,SAAS,CAAA;AAE5B,IAAI,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IACzD,OAAO,IAA2H,CAAA;AACpI,CAAC,CAAA;AAED,mBAAmB,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/View/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,cAAc,CAAA;AAE7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,QAAQ,MAAM,yBAAyB,CAAA;AAE9C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAEpD,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AAExB,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAAoB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC/D,MAAM,EACJ,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,aAAa,EACb,GAAG,SAAS,EACb,GAAG,KAAK,CAAA;IAET,MAAM,MAAM,GAAG,YAAY,CAAC,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAE1D,MAAM,MAAM,GAAG,kBAAkB,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAA;IAEjF,MAAM,SAAS,GAAmC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAA;IAEnF,OAAO,CACL,CAAC,SAAS,CACR,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,IAAI,SAAS,CAAC,CACd,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,CACvC,GAAG,CAAC,CAAC,GAAG,CAAC,EACT,CACH,CAAA;AACH,CAAC,CAAmG,CAAA;AAEpG,IAAI,CAAC,QAAQ,GAAG,CAAC,KAAwB,EAAE,EAAE;IAC3C,OAAO,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,EAAG,CAAA;AAC5B,CAAC,CAAA;AAED,IAAI,CAAC,iBAAiB,GAAG,MAAM,CAAA;AAC/B,IAAI,CAAC,QAAQ,GAAG,CAAC,SAAS,CAAC,CAAA;AAC3B,IAAI,CAAC,WAAW,GAAG,SAAS,CAAA;AAE5B,IAAI,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IACzD,OAAO,IAAuE,CAAA;AAChF,CAAC,CAAA;AAED,mBAAmB,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAA"}

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

@@ -1,13 +1,13 @@
 /// <reference types="react" />
-import { PropsOf } from '@codeleap/types';
 import { StyledProp } from '@codeleap/styles';
-import { ImageStyle, TextStyle, View as RNView, ViewStyle } from 'react-native';
-import { AnimatedStyleProp } from 'react-native-reanimated';
+import { ImageStyle, TextStyle, ViewProps as RNViewProps, ViewStyle } from 'react-native';
+import Animated, { AnimatedStyleProp } from 'react-native-reanimated';
 import { ViewComposition } from './styles';
-export type ViewProps<T extends React.ComponentType = typeof RNView> = {
-    component?: T;
+import { PropsOf } from '@codeleap/types';
+export type ViewProps = Omit<RNViewProps, 'style'> & {
     style?: StyledProp<ViewComposition>;
     animated?: boolean;
     children?: React.ReactNode;
     animatedStyle?: AnimatedStyleProp<ViewStyle | ImageStyle | TextStyle>;
-} & PropsOf<T>;
+};
+export type ViewAnimatedProps = ViewProps & Omit<PropsOf<typeof Animated.View>, 'style'>;

package/dist/components/components.d.ts

@@ -12,7 +12,6 @@ export * from './Select';
 export * from './FileInput';
 export * from './Slider';
 export * from './SegmentedControl';
-export * from './Navigation';
 export * from './Scroll';
 export * from './List';
 export * from './ActivityIndicator';
@@ -20,7 +19,6 @@ export * from './Button';
 export * from './Modal';
 export * from './Calendar';
 export * from './ImageView';
-export * from './Navigation';
 export * from './Pager';
 export * from './EmptyPlaceholder';
 export * from './Backdrop';

package/dist/components/components.js

@@ -12,7 +12,6 @@ export * from './Select';
 export * from './FileInput';
 export * from './Slider';
 export * from './SegmentedControl';
-export * from './Navigation';
 export * from './Scroll';
 export * from './List';
 export * from './ActivityIndicator';
@@ -20,7 +19,6 @@ export * from './Button';
 export * from './Modal';
 export * from './Calendar';
 export * from './ImageView';
-export * from './Navigation';
 export * from './Pager';
 export * from './EmptyPlaceholder';
 export * from './Backdrop';

package/dist/components/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/components/components.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,oBAAoB,CAAA;AAClC,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,qBAAqB,CAAA;AACnC,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA"}
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/components/components.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,oBAAoB,CAAA;AAClC,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,qBAAqB,CAAA;AACnC,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA"}

package/dist/hooks/index.d.ts

@@ -1,2 +1,3 @@
-import { StyleProp } from '@codeleap/styles';
-export declare const useStylesFor: <T = unknown>(componentName: string, style: StyleProp<T, string>) => T;
+export * from './useStylesFor';
+export * from './useStatusBar';
+export * from './useKeyboardController';

package/dist/hooks/index.js

@@ -1,11 +1,4 @@
-import { useStyleObserver } from '@codeleap/styles';
-import { useMemo } from 'react';
-import { MobileStyleRegistry } from '../Registry';
-export const useStylesFor = (componentName, style) => {
-    const styleObserver = useStyleObserver(style);
-    const styles = useMemo(() => {
-        return MobileStyleRegistry.current.styleFor(componentName, style);
-    }, [styleObserver]);
-    return styles;
-};
+export * from './useStylesFor';
+export * from './useStatusBar';
+export * from './useKeyboardController';
 //# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAEjD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAc,aAAqB,EAAE,KAA2B,EAAK,EAAE;IACjG,MAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAA;IAE7C,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,OAAO,mBAAmB,CAAC,OAAO,CAAC,QAAQ,CAAC,aAAa,EAAE,KAAK,CAAC,CAAA;IACnE,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,OAAO,MAAM,CAAA;AACf,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,yBAAyB,CAAA"}

package/dist/hooks/useKeyboardController.d.ts

@@ -0,0 +1,6 @@
+type KeyboardControllerState = {
+    height: number;
+    isVisible: boolean;
+};
+export declare function useKeyboardController(): KeyboardControllerState;
+export {};

package/dist/hooks/useKeyboardController.js

@@ -0,0 +1,19 @@
+import { useEffect, useState } from 'react';
+import { KeyboardEvents } from 'react-native-keyboard-controller';
+export function useKeyboardController() {
+    const [keyboardState, setKeyboardState] = useState({ isVisible: false, height: 0 });
+    useEffect(() => {
+        const show = KeyboardEvents.addListener('keyboardWillShow', event => {
+            setKeyboardState({ isVisible: true, height: event?.height });
+        });
+        const hide = KeyboardEvents.addListener('keyboardWillHide', event => {
+            setKeyboardState(prev => ({ isVisible: false, height: prev?.height }));
+        });
+        return () => {
+            show.remove();
+            hide.remove();
+        };
+    }, []);
+    return keyboardState;
+}
+//# sourceMappingURL=useKeyboardController.js.map

package/dist/hooks/useKeyboardController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardController.js","sourceRoot":"","sources":["../../src/hooks/useKeyboardController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAA;AAOjE,MAAM,UAAU,qBAAqB;IACnC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAA0B,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAA;IAE5G,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,IAAI,GAAG,cAAc,CAAC,WAAW,CAAC,kBAAkB,EAAE,KAAK,CAAC,EAAE;YAClE,gBAAgB,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAA;QAC9D,CAAC,CAAC,CAAA;QAEF,MAAM,IAAI,GAAG,cAAc,CAAC,WAAW,CAAC,kBAAkB,EAAE,KAAK,CAAC,EAAE;YAClE,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAA;QACxE,CAAC,CAAC,CAAA;QAEF,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,MAAM,EAAE,CAAA;YACb,IAAI,CAAC,MAAM,EAAE,CAAA;QACf,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,aAAa,CAAA;AACtB,CAAC"}

package/dist/hooks/useStatusBar.d.ts

@@ -0,0 +1,6 @@
+import { StatusBarStyle } from 'react-native';
+type UseStatusBarOptions = {
+    statusBarColor?: StatusBarStyle;
+};
+export declare function useStatusBar({ statusBarColor }: UseStatusBarOptions): void;
+export {};

package/dist/hooks/useStatusBar.js

@@ -0,0 +1,15 @@
+import { useIsFocused } from '@react-navigation/native';
+import { useLayoutEffect } from '@codeleap/hooks';
+import { StatusBar } from 'react-native';
+export function useStatusBar({ statusBarColor }) {
+    const focused = useIsFocused();
+    useLayoutEffect(() => {
+        if (!focused || !statusBarColor)
+            return;
+        const statusBarEntry = StatusBar.pushStackEntry({ barStyle: statusBarColor });
+        return () => {
+            StatusBar.popStackEntry(statusBarEntry);
+        };
+    }, [statusBarColor, focused]);
+}
+//# sourceMappingURL=useStatusBar.js.map

package/dist/hooks/useStatusBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStatusBar.js","sourceRoot":"","sources":["../../src/hooks/useStatusBar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAA;AAMxD,MAAM,UAAU,YAAY,CAAC,EAAE,cAAc,EAAuB;IAClE,MAAM,OAAO,GAAG,YAAY,EAAE,CAAA;IAE9B,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,OAAO,IAAI,CAAC,cAAc;YAAE,OAAM;QAEvC,MAAM,cAAc,GAAG,SAAS,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC,CAAA;QAE7E,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,aAAa,CAAC,cAAc,CAAC,CAAA;QACzC,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC,CAAA;AAC/B,CAAC"}

package/dist/hooks/useStylesFor.d.ts

@@ -0,0 +1,2 @@
+import { StyleProp } from '@codeleap/styles';
+export declare const useStylesFor: <T = unknown>(componentName: string, style?: StyleProp<T, string>) => T;