@codeleap/mobile 7.0.0 → 7.0.1

package/dist/components/Switch/index.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View } from '../View';
+import { InputBase, InputBaseDefaultOrder, selectInputBaseProps } from '../InputBase';
+import { useAnimatedVariantStyles } from '../..';
+import { Touchable } from '../Touchable';
+import { MobileStyleRegistry } from '../../Registry';
+import { useStylesFor } from '../../hooks';
+import { useInputBase } from '../InputBase/useInputBase';
+import { fields } from '@codeleap/form';
+export * from './styles';
+export * from './types';
+const reversedOrder = [...InputBaseDefaultOrder].reverse();
+export const Switch = (props) => {
+    const { inputBaseProps, others, } = selectInputBaseProps({
+        ...Switch.defaultProps,
+        ...props,
+    });
+    const { style, disabled, debugName, switchOnLeft, field, forceError, value, onValueChange, } = others;
+    const styles = useStylesFor(Switch.styleRegistryName, style);
+    const { validation, wrapperRef, inputValue, onInputValueChange, } = useInputBase(field, fields.boolean, { value, onValueChange });
+    const trackAnimation = useAnimatedVariantStyles({
+        variantStyles: styles,
+        animatedProperties: ['track:off', 'track:disabled', 'track:on', 'track:disabled-on', 'track:disabled-off'],
+        transition: styles['track:transition'],
+        updater: () => {
+            'worklet';
+            let disabledStyle = {};
+            if (disabled) {
+                disabledStyle = inputValue ? styles['track:disabled-on'] : styles['track:disabled-off'];
+            }
+            const style = inputValue ? styles['track:on'] : styles['track:off'];
+            return {
+                ...style,
+                ...disabledStyle,
+            };
+        },
+        dependencies: [inputValue, disabled],
+    });
+    const thumbAnimation = useAnimatedVariantStyles({
+        variantStyles: styles,
+        animatedProperties: ['thumb:off', 'thumb:disabled', 'thumb:on', 'thumb:disabled-off', 'thumb:disabled-on'],
+        transition: styles['thumb:transition'],
+        updater: () => {
+            'worklet';
+            let disabledStyle = {};
+            if (disabled) {
+                disabledStyle = inputValue ? styles['thumb:disabled-on'] : styles['thumb:disabled-off'];
+            }
+            const style = inputValue ? styles['thumb:on'] : styles['thumb:off'];
+            return {
+                ...style,
+                ...disabledStyle,
+            };
+        },
+        dependencies: [inputValue, disabled],
+    });
+    /** Same `__props` escape-hatch as Checkbox/RadioGroup — lets the style variant set the default side without requiring a prop at every call site. */
+    // @ts-expect-error
+    const _switchOnLeft = switchOnLeft ?? styles?.__props?.switchOnLeft;
+    const hasError = validation?.showError || forceError;
+    return _jsx(InputBase, { ...inputBaseProps, ref: wrapperRef, debugName: debugName, wrapper: Touchable, error: hasError ? validation?.message || forceError : null, style: styles, wrapperProps: {
+            onPress: () => onInputValueChange(!inputValue),
+            disabled,
+            rippleDisabled: true,
+        }, order: _switchOnLeft ? reversedOrder : InputBaseDefaultOrder, disabled: disabled, children: _jsx(View, { animated: true, animatedStyle: trackAnimation, style: [
+                styles?.track,
+                disabled && styles['track:disabled'],
+            ], children: _jsx(View, { animated: true, animatedStyle: thumbAnimation, style: [
+                    styles?.thumb,
+                    disabled && styles['thumb:disabled'],
+                ] }) }) });
+};
+Switch.styleRegistryName = 'Switch';
+Switch.elements = [...InputBase.elements, 'track', 'thumb'];
+Switch.rootElement = 'wrapper';
+Switch.withVariantTypes = (styles) => {
+    return Switch;
+};
+Switch.defaultProps = {};
+MobileStyleRegistry.registerComponent(Switch);
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Switch/styles.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=styles.js.map

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

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

package/dist/components/Switch/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

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

package/dist/components/Tabs/Context.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useRef, useState } from 'react';
+import { TypeGuards } from '@codeleap/types';
+/**
+ * Uncontrolled mode (neither `value` nor `onValueChange` provided) uses internal `useState`;
+ * partial control (only one of the two) is not supported — if `onValueChange` is supplied
+ * without `value`, the value falls back to `defaultValue` and won't reflect external updates.
+ */
+function useTabHandle(props) {
+    const { defaultValue, value, onValueChange, keepMounted, styles } = props;
+    const [tabValue, setInternalTabValue] = !onValueChange && !value
+        ? useState(defaultValue)
+        : [value ?? defaultValue, onValueChange];
+    const flatListRef = useRef(null);
+    const setTabValue = (newValue, index) => {
+        if (TypeGuards.isNumber(index) && flatListRef.current) {
+            flatListRef.current.scrollToIndex({
+                index,
+                animated: true,
+            });
+        }
+        setInternalTabValue(newValue);
+    };
+    return {
+        value: tabValue,
+        setValue: setTabValue,
+        styles,
+        keepMounted,
+        flatListRef,
+    };
+}
+const Context = createContext({});
+export function TabsProvider({ children, ...handleProps }) {
+    const handle = useTabHandle(handleProps);
+    return _jsx(Context.Provider, { value: handle, children: children });
+}
+export function useTabContext() {
+    const ctx = useContext(Context);
+    if (ctx === null) {
+        throw new Error('Tabs component was not found in the tree');
+    }
+    return ctx;
+}
+//# sourceMappingURL=Context.js.map

package/dist/components/Tabs/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../src/components/Tabs/Context.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGnE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C;;;;GAIG;AACH,SAAS,YAAY,CAAC,KAAgD;IACpE,MAAM,EACJ,YAAY,EACZ,KAAK,EACL,aAAa,EACb,WAAW,EACX,MAAM,EACP,GAAG,KAAK,CAAA;IAET,MAAM,CAAC,QAAQ,EAAE,mBAAmB,CAAC,GAAG,CAAC,aAAa,IAAI,CAAC,KAAK;QAC9D,CAAC,CAAC,QAAQ,CAAS,YAAY,CAAC;QAChC,CAAC,CAAC,CAAC,KAAK,IAAI,YAAY,EAAE,aAAa,CAAC,CAAA;IAE1C,MAAM,WAAW,GAAG,MAAM,CAAW,IAAI,CAAC,CAAA;IAE1C,MAAM,WAAW,GAAG,CAAC,QAAgB,EAAE,KAAc,EAAE,EAAE;QACvD,IAAI,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YACtD,WAAW,CAAC,OAAO,CAAC,aAAa,CAAC;gBAChC,KAAK;gBACL,QAAQ,EAAE,IAAI;aACf,CAAC,CAAA;QACJ,CAAC;QAED,mBAAmB,CAAC,QAAQ,CAAC,CAAA;IAC/B,CAAC,CAAA;IAED,OAAO;QACL,KAAK,EAAE,QAAQ;QACf,QAAQ,EAAE,WAAW;QACrB,MAAM;QACN,WAAW;QACX,WAAW;KACZ,CAAA;AACH,CAAC;AAED,MAAM,OAAO,GAAG,aAAa,CAAC,EAAqC,CAAC,CAAA;AAEpE,MAAM,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAE,GAAG,WAAW,EAA6C;IAClG,MAAM,MAAM,GAAG,YAAY,CAAC,WAAW,CAAC,CAAA;IACxC,OAAO,KAAC,OAAO,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,YAAG,QAAQ,GAAoB,CAAA;AACvE,CAAC;AAED,MAAM,UAAU,aAAa;IAC3B,MAAM,GAAG,GAAG,UAAU,CAAC,OAAO,CAAC,CAAA;IAE/B,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC;QACjB,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAA;IAC7D,CAAC;IAED,OAAO,GAAG,CAAA;AACZ,CAAC"}

package/dist/components/Tabs/Panel.js

@@ -0,0 +1,21 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useTabContext } from './Context';
+import { memoBy } from '@codeleap/utils';
+import { View } from '../View';
+const PanelMemoized = memoBy((props) => {
+    const { children } = props;
+    return _jsx(_Fragment, { children: children });
+}, ['children', 'styles']);
+/**
+ * Inactive panels are hidden via `display: 'none'` rather than unmounted, so their state is
+ * preserved across tab switches when `keepMounted` is true. Set `keepMounted={false}` at the
+ * Tabs or Panel level to unmount inactive panels and reclaim memory at the cost of re-mounting.
+ */
+export const Panel = ({ keepMounted: panelKeepMounted = true, ...props }) => {
+    const { value, styles, keepMounted } = useTabContext();
+    const active = value === props.value;
+    if (!keepMounted && !active || !panelKeepMounted && !active)
+        return null;
+    return _jsx(View, { style: [styles?.panel, props?.style, { display: active ? 'flex' : 'none' }], children: _jsx(PanelMemoized, { ...props, styles: styles }) });
+};
+//# sourceMappingURL=Panel.js.map

package/dist/components/Tabs/Panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../src/components/Tabs/Panel.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAExC,OAAO,EAAE,IAAI,EAAa,MAAM,SAAS,CAAA;AAWzC,MAAM,aAAa,GAAG,MAAM,CAAC,CAAC,KAAkC,EAAE,EAAE;IAClE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAE1B,OAAO,4BAAG,QAAQ,GAAI,CAAA;AACxB,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAA;AAE1B;;;;GAIG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE,WAAW,EAAE,gBAAgB,GAAG,IAAI,EAAE,GAAG,KAAK,EAAc,EAAE,EAAE;IACtF,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,aAAa,EAAE,CAAA;IAEtD,MAAM,MAAM,GAAG,KAAK,KAAK,KAAK,CAAC,KAAK,CAAA;IAEpC,IAAI,CAAC,WAAW,IAAI,CAAC,MAAM,IAAI,CAAC,gBAAgB,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAA;IAExE,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,YACtF,KAAC,aAAa,OAAK,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI,GACvC,CAAA;AACT,CAAC,CAAA"}

package/dist/components/Tabs/Tab.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTabContext } from './Context';
+import { memoBy } from '@codeleap/utils';
+import { Touchable } from '../Touchable';
+import { Icon } from '../Icon';
+import { Text } from '../Text';
+const TabMemoized = memoBy((props) => {
+    const { value, text, icon, active, setValue, styles, disabled } = props;
+    return (_jsxs(Touchable, { style: [
+            styles?.tabWrapper,
+            active && styles?.['tabWrapper:active'],
+            disabled && styles?.['tabWrapper:disabled']
+        ], onPress: () => setValue(value), debugName: `tabs:${value}`, children: [_jsx(Icon, { style: [
+                    styles?.tabIcon,
+                    active && styles?.['tabIcon:active'],
+                    disabled && styles?.['tabIcon:disabled']
+                ], name: icon }), _jsx(Text, { style: [
+                    styles?.tabText,
+                    active && styles?.['tabText:active'],
+                    disabled && styles?.['tabText:disabled']
+                ], text: text })] }));
+}, ['icon', 'text', 'active', 'styles', 'disabled']);
+export const Tab = (props) => {
+    const { value, setValue, styles } = useTabContext();
+    const active = value === props.value;
+    return _jsx(TabMemoized, { ...props, active: active, setValue: (value) => setValue(value, null), styles: styles });
+};
+//# sourceMappingURL=Tab.js.map

package/dist/components/Tabs/Tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAU9B,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,KAAgC,EAAE,EAAE;IAC9D,MAAM,EACJ,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,MAAM,EACN,QAAQ,EACT,GAAG,KAAK,CAAA;IAET,OAAO,CACL,MAAC,SAAS,IACR,KAAK,EAAE;YACL,MAAM,EAAE,UAAU;YAClB,MAAM,IAAI,MAAM,EAAE,CAAC,mBAAmB,CAAC;YACvC,QAAQ,IAAI,MAAM,EAAE,CAAC,qBAAqB,CAAC;SAC5C,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAC9B,SAAS,EAAE,QAAQ,KAAK,EAAE,aAE1B,KAAC,IAAI,IACH,KAAK,EAAE;oBACL,MAAM,EAAE,OAAO;oBACf,MAAM,IAAI,MAAM,EAAE,CAAC,gBAAgB,CAAC;oBACpC,QAAQ,IAAI,MAAM,EAAE,CAAC,kBAAkB,CAAC;iBACzC,EACD,IAAI,EAAE,IAAI,GACV,EAEF,KAAC,IAAI,IACH,KAAK,EAAE;oBACL,MAAM,EAAE,OAAO;oBACf,MAAM,IAAI,MAAM,EAAE,CAAC,gBAAgB,CAAC;oBACpC,QAAQ,IAAI,MAAM,EAAE,CAAC,kBAAkB,CAAC;iBACzC,EACD,IAAI,EAAE,IAAI,GACV,IACQ,CACb,CAAA;AACH,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAA;AAEpD,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,KAAe,EAAE,EAAE;IACrC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAEnD,MAAM,MAAM,GAAG,KAAK,KAAK,KAAK,CAAC,KAAK,CAAA;IAEpC,OAAO,KAAC,WAAW,OACb,KAAK,EACT,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,EAC1C,MAAM,EAAE,MAAM,GACd,CAAA;AACJ,CAAC,CAAA"}

package/dist/components/Tabs/TabList.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FlatList } from 'react-native';
+import { useTabContext } from './Context';
+import React from 'react';
+/**
+ * Tab children are passed as JSX children (not a `data` array), converted via
+ * `React.Children.toArray` and fed into a horizontal FlatList. The FlatList ref is shared from
+ * context so `Tab` can programmatically scroll to the active tab on selection.
+ */
+export const TabList = (props) => {
+    const { children, ...flatListProps } = props;
+    const { styles, flatListRef } = useTabContext();
+    const childrenArray = React.Children.toArray(children);
+    return (_jsx(FlatList, { horizontal: true, showsHorizontalScrollIndicator: false, showsVerticalScrollIndicator: false, ...flatListProps, ref: flatListRef, data: childrenArray, renderItem: ({ item }) => item, keyExtractor: (_, index) => `tab-${index}`, style: styles?.tabList, contentContainerStyle: styles?.tabListContainer }));
+};
+//# sourceMappingURL=TabList.js.map

package/dist/components/Tabs/TabList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.js","sourceRoot":"","sources":["../../../src/components/Tabs/TabList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAiB,MAAM,cAAc,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB;;;;GAIG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IAC7C,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,GAAG,KAAK,CAAA;IAE5C,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,aAAa,EAAE,CAAA;IAE/C,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;IAEtD,OAAO,CACL,KAAC,QAAQ,IACP,UAAU,QACV,8BAA8B,EAAE,KAAK,EACrC,4BAA4B,EAAE,KAAK,KAC/B,aAAa,EACjB,GAAG,EAAE,WAAW,EAChB,IAAI,EAAE,aAAa,EACnB,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,EAC9B,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,OAAO,KAAK,EAAE,EAC1C,KAAK,EAAE,MAAM,EAAE,OAAO,EACtB,qBAAqB,EAAE,MAAM,EAAE,gBAAgB,GAC/C,CACH,CAAA;AACH,CAAC,CAAA"}

package/dist/components/Tabs/index.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { View } from '../View';
+import { TabsProvider } from './Context';
+import { Panel } from './Panel';
+import { Tab } from './Tab';
+import { TabList } from './TabList';
+import { MobileStyleRegistry } from '../../Registry';
+import { useStylesFor } from '../../hooks';
+export { useTabContext } from './Context';
+export * from './types';
+export * from './styles';
+export const Tabs = (props) => {
+    const { style, value, onValueChange, defaultValue, keepMounted, withWrapper, children, ...rest } = {
+        ...Tabs.defaultProps,
+        ...props,
+    };
+    const styles = useStylesFor(Tabs.styleRegistryName, style);
+    return (_jsx(TabsProvider, { value: value, onValueChange: onValueChange, defaultValue: defaultValue, styles: styles, keepMounted: keepMounted, children: withWrapper ? (_jsx(View, { ...rest, style: styles?.wrapper, children: children })) : _jsx(_Fragment, { children: children }) }));
+};
+Tabs.Tab = Tab;
+Tabs.TabList = TabList;
+Tabs.Panel = Panel;
+Tabs.styleRegistryName = 'Tabs';
+Tabs.elements = ['wrapper', 'tab', 'panel'];
+Tabs.rootElement = 'wrapper';
+Tabs.withVariantTypes = (styles) => {
+    return Tabs;
+};
+Tabs.defaultProps = {
+    keepMounted: true,
+    withWrapper: true,
+};
+MobileStyleRegistry.registerComponent(Tabs);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAGnC,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAG1C,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAEzC,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AAExB,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE;IACvC,MAAM,EACJ,KAAK,EACL,KAAK,EACL,aAAa,EACb,YAAY,EACZ,WAAW,EACX,WAAW,EACX,QAAQ,EACR,GAAG,IAAI,EACR,GAAG;QACF,GAAG,IAAI,CAAC,YAAY;QACpB,GAAG,KAAK;KACT,CAAA;IAED,MAAM,MAAM,GAAG,YAAY,CAAC,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAE1D,OAAO,CACL,KAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,YAEvB,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,IAAI,OAAK,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,YACnC,QAAQ,GACJ,CACR,CAAC,CAAC,CAAC,4BAAG,QAAQ,GAAI,GACN,CAChB,CAAA;AACH,CAAC,CAAA;AAED,IAAI,CAAC,GAAG,GAAG,GAAG,CAAA;AACd,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;AACtB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;AAElB,IAAI,CAAC,iBAAiB,GAAG,MAAM,CAAA;AAC/B,IAAI,CAAC,QAAQ,GAAG,CAAC,SAAS,EAAE,KAAK,EAAE,OAAO,CAAC,CAAA;AAC3C,IAAI,CAAC,WAAW,GAAG,SAAS,CAAA;AAE5B,IAAI,CAAC,gBAAgB,GAAG,CAAsB,MAAS,EAAE,EAAE;IACzD,OAAO,IAIN,CAAA;AACH,CAAC,CAAA;AAED,IAAI,CAAC,YAAY,GAAG;IAClB,WAAW,EAAE,IAAI;IACjB,WAAW,EAAE,IAAI;CACI,CAAA;AAEvB,mBAAmB,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAA"}

package/dist/components/Tabs/styles.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=styles.js.map

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

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

package/dist/components/Tabs/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

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

package/dist/components/Text/index.js

@@ -0,0 +1,82 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { forwardRef, useState } from 'react';
+import { TypeGuards } from '@codeleap/types';
+import { Animated, Platform, Text as NativeText } from 'react-native';
+import { usePressableFeedback } from '../../utils';
+import { MobileStyleRegistry } from '../../Registry';
+import { useStylesFor } from '../../hooks';
+export * from './styles';
+export * from './types';
+export const Text = forwardRef((textProps, ref) => {
+    const { text, children, onPress, style, debounce, pressDisabled, animated, animatedStyle, ...props } = {
+        ...Text.defaultProps,
+        ...textProps,
+    };
+    // On iOS, RN Text renders a highlight on tap by default; suppressHighlighting must be true to
+    // opt into the custom pressFeedback color animation. Android always uses the polyfill because
+    // it has no native text-press highlight at all.
+    const pressPolyfillEnabled = Platform.select({
+        ios: props.suppressHighlighting,
+        android: true,
+    }) && !!onPress && !pressDisabled;
+    const [pressed, setPressed] = useState(false);
+    const pressedRef = React.useRef(false);
+    const _onPress = (e) => {
+        if (!onPress)
+            return;
+        if (TypeGuards.isNumber(debounce)) {
+            if (pressedRef.current) {
+                return;
+            }
+            pressedRef.current = true;
+            onPress?.(e);
+            setTimeout(() => {
+                pressedRef.current = false;
+            }, debounce);
+        }
+        else {
+            onPress?.(e);
+        }
+    };
+    const handlePress = (pressed) => {
+        if (!pressPolyfillEnabled)
+            return;
+        return () => {
+            if (onPress) {
+                setPressed(pressed);
+            }
+        };
+    };
+    const styles = useStylesFor(Text.styleRegistryName, style);
+    if (!!text && !TypeGuards.isString(text))
+        return _jsx(_Fragment, { children: text });
+    const Component = animated ? Animated.Text : NativeText;
+    const { getFeedbackStyle } = usePressableFeedback(styles, {
+        disabled: !pressPolyfillEnabled,
+        feedbackConfig: styles?.pressFeedback,
+        hightlightPropertyIn: 'color',
+        hightlightPropertyOut: 'backgroundColor',
+    });
+    const feedbackStyle = pressPolyfillEnabled ? getFeedbackStyle(pressed) : undefined;
+    const pressProps = !!onPress ? {
+        onPress: pressDisabled ? null : _onPress,
+    } : {};
+    const disabled = !!onPress && pressDisabled;
+    return (_jsxs(Component, { ...props, onPressIn: handlePress(true), onPressOut: handlePress(false), style: [styles?.text, animatedStyle, feedbackStyle, disabled ? styles['text:disabled'] : null], allowFontScaling: false, ...pressProps, 
+        // @ts-ignore
+        ref: ref, children: [text, children] }));
+});
+Text.styleRegistryName = 'Text';
+Text.elements = ['text', 'pressFeedback'];
+Text.rootElement = 'text';
+Text.withVariantTypes = (styles) => {
+    return Text;
+};
+/** Default debounce is 1000 ms — longer than Touchable's 500 ms — because double-tap on a
+ *  pressable Text is harder to perceive and native tap coalescing on Text is unreliable. */
+Text.defaultProps = {
+    debounce: 1000,
+};
+MobileStyleRegistry.registerComponent(Text);
+export const AnimatedText = Animated.createAnimatedComponent(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.js

@@ -0,0 +1,2 @@
+export {};
+//# 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.js

@@ -0,0 +1,2 @@
+export {};
+//# 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.js

@@ -0,0 +1,99 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useImperativeHandle } from 'react';
+import { TypeGuards } from '@codeleap/types';
+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, ref) => {
+    const allProps = {
+        ...TextInput.defaultProps,
+        ...props,
+    };
+    const { inputBaseProps, others, } = selectInputBaseProps(allProps);
+    const { debugName, visibilityToggle, masking, secure, field, onChangeMask, onPress, visibleIcon, hiddenIcon, style, autoAdjustSelection, selectionStart, forceError, multiline, onLayout, ...textInputProps } = others;
+    const styles = useStylesFor(TextInput.styleRegistryName, style);
+    const { validation, inputValue, onInputValueChange, innerInputRef, wrapperRef, isFocused, secureTextEntry, currentSelection, hasMultipleLines, hasValue, hasError, toggleSecureTextEntry, handleMaskChange, handleBlur, handleFocus, } = useTextInput(allProps);
+    useImperativeHandle(ref, () => {
+        if (!innerInputRef.current)
+            return null;
+        return {
+            ...innerInputRef.current,
+        };
+    });
+    /** Swaps the underlying element to the masked variant; the ref forwarding also changes — `refInput` is used instead of `ref` because MaskedTextInput does not forward refs the standard way. */
+    const InputElement = masking ? MaskedTextInput : NativeTextInput;
+    const isPressable = TypeGuards.isFunction(onPress);
+    const isDisabled = !!inputBaseProps.disabled;
+    /** `placeholderTextColor` and `selectionColor` are scalar RN props that cannot accept style arrays, so their colors are extracted as plain values here rather than in the style array passed to the element. */
+    const partialStyles = useInputBasePartialStyles(styles, ['placeholder', 'selection'], {
+        disabled: isDisabled,
+        error: !!hasError,
+        focus: isFocused || textInputProps?.focused,
+    });
+    const visibilityToggleProps = visibilityToggle ? {
+        onPress: toggleSecureTextEntry,
+        icon: (secureTextEntry ? hiddenIcon : visibleIcon),
+        debugName: `${debugName} toggle visibility`,
+    } : null;
+    const rightIcon = inputBaseProps?.rightIcon ?? visibilityToggleProps;
+    const maskingExtraProps = masking ? {
+        onChangeText: handleMaskChange,
+        ref: null,
+        refInput: (inputRef) => {
+            if (!!inputRef)
+                innerInputRef.current = inputRef;
+        },
+        ...masking,
+    } : {
+        onChangeText: onInputValueChange,
+    };
+    /** When `onPress` is supplied the input acts as a button: editing and the caret are disabled so the native keyboard never opens, and `pointerEvents="none"` prevents touch from reaching the input itself. */
+    const buttonModeProps = isPressable ? {
+        editable: false,
+        caretHidden: true,
+    } : {};
+    return _jsx(InputBase, { ...inputBaseProps, onLayout: onLayout, ref: wrapperRef, innerWrapper: isPressable ? Touchable : undefined, debugName: debugName, error: hasError ? validation?.message || forceError : null, style: {
+            ...styles,
+            innerWrapper: [
+                styles?.innerWrapper,
+                multiline && styles['innerWrapper:multiline'],
+                hasMultipleLines && styles['innerWrapper:hasMultipleLines'],
+            ],
+        }, innerWrapperProps: {
+            ...(inputBaseProps.innerWrapperProps || {}),
+            onPress,
+            debugName,
+            dismissKeyboard: false,
+        }, rightIcon: rightIcon, focused: isFocused || textInputProps?.focused, hasValue: hasValue, children: _jsx(InputElement, { allowFontScaling: false, editable: !isPressable && !isDisabled, ...buttonModeProps, selection: autoAdjustSelection ? currentSelection : undefined, placeholderTextColor: partialStyles?.placeholder?.color, selectionColor: partialStyles?.selection?.color, secureTextEntry: secure && secureTextEntry, textAlignVertical: multiline ? 'top' : undefined, multiline: multiline, ...textInputProps, value: inputValue, onChangeText: onInputValueChange, onBlur: handleBlur, onFocus: handleFocus, style: [
+                styles?.input,
+                multiline && styles['input:multiline'],
+                (isFocused || textInputProps?.focused) && styles['input:focused'],
+                hasError && styles['input:error'],
+                isDisabled && styles['input:disabled'],
+                hasMultipleLines && styles['input:hasMultipleLines'],
+                hasValue && styles['input:typed'],
+            ], ref: innerInputRef, pointerEvents: isPressable ? 'none' : undefined, ...maskingExtraProps }) });
+});
+TextInput.styleRegistryName = 'TextInput';
+TextInput.elements = [...InputBase.elements, 'input', 'placeholder', 'selection'];
+TextInput.rootElement = 'wrapper';
+TextInput.withVariantTypes = (styles) => {
+    return TextInput;
+};
+TextInput.defaultProps = {
+    hiddenIcon: 'input-visiblity:hidden',
+    visibleIcon: 'input-visiblity:visible',
+    visibilityToggle: false,
+    autoAdjustSelection: false,
+    selectionStart: 0,
+    secure: false,
+};
+MobileStyleRegistry.registerComponent(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.js

@@ -0,0 +1,2 @@
+export {};
+//# 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.js

@@ -0,0 +1,2 @@
+export {};
+//# 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/TextInput/useTextInput.js

@@ -0,0 +1,66 @@
+import { useCallback, useState } from 'react';
+import { useInputBase } from '../InputBase/useInputBase';
+import { fields } from '@codeleap/form';
+import { inputOverlayManager } from '../InputOverlay';
+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, onInputValueChange, inputValue, } = 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);
+        /** `null` selection lets RN restore the cursor to wherever the user tapped; it is reset to `selectionStart` on blur to keep a predictable resting position. */
+        if (autoAdjustSelection)
+            setCurrentSelection(null);
+        onFocus?.(e);
+        /** Close any open InputOverlay (e.g. dropdowns, pickers) when the keyboard appears to avoid overlap. */
+        inputOverlayManager.closeAll();
+    }, [onFocus]);
+    const handleMaskChange = useCallback((masked, unmasked) => {
+        /** `saveFormatted` branch currently stores `masked` in both cases — the `unmasked` path is a known placeholder and not yet wired up. */
+        onInputValueChange(masking?.saveFormatted ? masked : masked);
+        if (onChangeMask)
+            onChangeMask(masked, unmasked);
+    }, [masking?.saveFormatted, onChangeMask]);
+    const hasMultipleLines = multiline && inputValue?.includes('\n');
+    const hasValue = inputValue?.length > 0;
+    const hasError = validation?.showError || forceError;
+    return {
+        isFocused,
+        currentSelection,
+        secureTextEntry,
+        handleBlur,
+        handleFocus,
+        handleMaskChange,
+        fieldHandle,
+        validation,
+        innerInputRef,
+        wrapperRef,
+        toggleSecureTextEntry,
+        hasMultipleLines,
+        hasValue,
+        hasError,
+        inputValue,
+        onInputValueChange,
+    };
+}
+//# 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":"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"}