@codeleap/mobile 7.0.0 → 7.0.1

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

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

package/dist/components/Icon/styles.js

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

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

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

package/dist/components/Icon/types.js

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

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

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

package/dist/components/Image/index.js

@@ -0,0 +1,108 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { TypeGuards } from '@codeleap/types';
+import { arePropsEqual } from '@codeleap/utils';
+import { Image as NativeImage } from 'react-native';
+import { useImageSpotlight } from '../ImageView/Spotlight';
+import { Touchable } from '../Touchable';
+import { isFile, toMultipartFile } from '../../utils';
+import { LoadingOverlay } from '../LoadingOverlay';
+import FastImage from '@d11/react-native-fast-image';
+import { useNestedStylesByKey } from '@codeleap/styles';
+import { MobileStyleRegistry } from '../../Registry';
+import { useStylesFor } from '../../hooks';
+export * from './styles';
+export * from './types';
+export const Image = React.memo((props) => {
+    const { style, fast, spotlight = null, resizeMode, source, withLoadingOverlay, maintainAspectRatio, touchProps, ...imageProps } = {
+        ...Image.defaultProps,
+        ...props,
+    };
+    const [loading, setLoading] = React.useState(false);
+    const styles = useStylesFor(Image.styleRegistryName, style);
+    let imSource = source;
+    if (isFile(imSource)) {
+        imSource = toMultipartFile(imSource);
+    }
+    else if (TypeGuards.isString(source)) {
+        imSource = { uri: source };
+    }
+    const spotlightActions = useImageSpotlight(spotlight, props.source);
+    const Wrapper = !!spotlight ? Touchable : ({ children }) => _jsx(_Fragment, { children: children });
+    const wrapperProps = {
+        onPress: spotlightActions.onImagePressed,
+        debugName: `Press spotlight image ${props.source}`,
+        style: styles.touchable,
+        android_ripple: null,
+        ...touchProps,
+    };
+    const aspectRatioStyle = React.useMemo(() => {
+        if (!maintainAspectRatio || !imSource)
+            return null;
+        try {
+            // @ts-ignore
+            const assetSource = NativeImage.resolveAssetSource(imSource);
+            const aspectRatio = assetSource.width / assetSource.height;
+            if (Number.isNaN(aspectRatio)) {
+                return null;
+            }
+            return {
+                aspectRatio,
+            };
+        }
+        catch (e) {
+            return null;
+        }
+    }, [maintainAspectRatio, imSource]);
+    const loadEndedEarly = React.useRef(false);
+    // The 60 ms delay before showing the overlay suppresses a flash when the image is already
+    // cached and resolves synchronously — `loadEndedEarly` acts as the cancellation flag.
+    const loadProps = React.useRef({
+        onLoadStart: () => {
+            if (withLoadingOverlay) {
+                setTimeout(() => {
+                    if (!loadEndedEarly.current) {
+                        setLoading(true);
+                    }
+                }, 60);
+            }
+        }, onLoadEnd: () => {
+            loadEndedEarly.current = true;
+            if (withLoadingOverlay)
+                setLoading(false);
+        },
+    });
+    const Loading = TypeGuards.isFunction(withLoadingOverlay) ? withLoadingOverlay : LoadingOverlay;
+    const showLoading = !!withLoadingOverlay;
+    const overlayStyle = useNestedStylesByKey('overlay', styles);
+    const loadingElement = React.useMemo(() => {
+        return showLoading ? (_jsx(Loading, { visible: loading, style: overlayStyle })) : null;
+    }, [showLoading, loading]);
+    if (fast) {
+        return (_jsxs(Wrapper, { ...wrapperProps, children: [_jsx(FastImage, { style: [aspectRatioStyle, styles.wrapper], 
+                    // @ts-ignore
+                    tintColor: styles?.wrapper?.tintColor, 
+                    // @ts-ignore
+                    source: imSource, resizeMode: FastImage.resizeMode[resizeMode || 'contain'], ...loadProps.current, ...imageProps }), loadingElement] }));
+    }
+    return (_jsxs(Wrapper, { ...wrapperProps, children: [_jsx(NativeImage, { resizeMode: resizeMode, source: imSource, ...imageProps, ...loadProps.current, style: [aspectRatioStyle, styles.wrapper] }), loadingElement] }));
+}, (prevProps, nextProps) => {
+    const equal = arePropsEqual(prevProps, nextProps, { check: ['source', 'style', 'resizeMode', 'fast'] });
+    return equal;
+});
+Image.styleRegistryName = 'Image';
+Image.elements = ['wrapper', 'touchable', 'overlay'];
+Image.rootElement = 'wrapper';
+Image.withVariantTypes = (styles) => {
+    return Image;
+};
+/** `fast` defaults to true, meaning FastImage is used by default for disk/memory caching.
+ *  Set to false only when you need native `Image` semantics (e.g. animated GIFs, data URIs). */
+Image.defaultProps = {
+    fast: true,
+    resizeMode: 'contain',
+    withLoadingOverlay: false,
+    maintainAspectRatio: true,
+};
+MobileStyleRegistry.registerComponent(Image);
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Image/styles.js

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

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

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

package/dist/components/Image/types.js

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

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

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

package/dist/components/ImageView/Spotlight.js

@@ -0,0 +1,139 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useContext, useState } from 'react';
+import { TypeGuards } from '@codeleap/types';
+import { onUpdate, usePrevious, useUnmount } from '@codeleap/hooks';
+import { deepEqual } from '@codeleap/utils';
+import uuid from 'react-native-uuid';
+import { ImageView } from './component';
+import { View } from '../View';
+import { Text } from '../Text';
+const SpotlightCtx = React.createContext({});
+/**
+ * Must wrap any tree that uses `useSpotlight`, `useImageSpotlight`, or `Spotlight`.
+ * A single provider can host multiple named spotlights simultaneously — each `name` string
+ * is an isolated namespace, so different image galleries don't interfere.
+ */
+export const SpotlightProvider = ({ children }) => {
+    const [spotlights, setSpotlights] = useState({});
+    const [indexes, setIndexes] = useState({});
+    const ctxValue = {
+        spotlights,
+        setSpotlights,
+        indexes,
+        setIndexes,
+    };
+    return _jsx(SpotlightCtx.Provider, { value: ctxValue, children: children });
+};
+/**
+ * Returns an imperative API — call `open(id)` to display the viewer at the image matching `id`.
+ * The viewer's `imageIndex` is derived by finding the id in the ordered image list, so insertion
+ * order (creation timestamp) determines display order, not registration order.
+ */
+export function useSpotlight(name) {
+    const ctx = useContext(SpotlightCtx);
+    const imList = Object.values(ctx.spotlights[name] || {});
+    return {
+        images: imList,
+        currentIndex: ctx.indexes[name],
+        set(img, id) {
+            const newId = id || uuid.v4();
+            ctx.setSpotlights((prev) => {
+                const images = { ...prev[name] };
+                if (id !== null) {
+                    images[id] = {
+                        ...images[id],
+                        source: img,
+                    };
+                }
+                else {
+                    const now = Date.now();
+                    images[newId] = {
+                        created: now,
+                        id: newId,
+                        source: img,
+                    };
+                }
+                return {
+                    ...prev,
+                    [name]: images,
+                };
+            });
+            return newId;
+        },
+        remove(id) {
+            ctx.setSpotlights((prev) => {
+                const images = { ...prev[name] };
+                delete images[id];
+                return {
+                    ...prev,
+                    [name]: images,
+                };
+            });
+        },
+        open(id) {
+            const newIdx = imList.findIndex(x => x.id === id);
+            ctx.setIndexes((prev) => ({
+                ...prev,
+                [name]: newIdx,
+            }));
+        },
+        close() {
+            ctx.setIndexes((prev) => ({
+                ...prev,
+                [name]: undefined,
+            }));
+        },
+        clear() {
+            ctx.setIndexes((prev) => ({
+                ...prev,
+                [name]: undefined,
+            }));
+            ctx.setSpotlights((prev) => {
+                return {
+                    ...prev,
+                    [name]: {},
+                };
+            });
+        },
+    };
+}
+/**
+ * Registers a single image into the named spotlight and returns `onImagePressed`.
+ * Pass `name=null` to opt out without conditionally calling the hook (hook rules safe).
+ * The image is automatically removed from the spotlight when the component unmounts,
+ * so stale images never appear in the gallery after the source component is gone.
+ */
+export const useImageSpotlight = (name, src) => {
+    const [id, setId] = useState(null);
+    const spotlight = useSpotlight(name);
+    const imSource = TypeGuards.isString(src) ? { uri: src } : src;
+    const prevSource = usePrevious(imSource);
+    onUpdate(() => {
+        if (!name)
+            return;
+        if (deepEqual(prevSource, imSource))
+            return;
+        setId(spotlight.set(imSource, id));
+    }, [src, id]);
+    useUnmount(() => {
+        if (!name)
+            return;
+        spotlight.remove(id);
+    });
+    return {
+        onImagePressed: () => {
+            spotlight.open(id);
+        },
+    };
+};
+const DefaultFooterComponent = ({ imageIndex, imagesLength }) => (_jsx(View, { children: _jsx(Text, { text: imageIndex + 1 + '/' + imagesLength }) }));
+export const Spotlight = (props) => {
+    const { name, HeaderComponent, showFooter, FooterComponent, ...rest } = props;
+    const spotlight = useSpotlight(name);
+    useUnmount(() => {
+        spotlight.clear();
+    });
+    const Footer = showFooter ? FooterComponent || DefaultFooterComponent : (() => null);
+    return _jsx(ImageView, { imageIndex: spotlight.currentIndex, images: spotlight.images.map(x => x.source), keyExtractor: (_, index) => index.toString(), onRequestClose: spotlight.close, visible: typeof spotlight.currentIndex !== 'undefined', ...rest, FooterComponent: ({ imageIndex }) => _jsx(Footer, { imageIndex: imageIndex, spotlight: spotlight, imagesLength: spotlight.images.length }), HeaderComponent: !!HeaderComponent ? ({ imageIndex }) => _jsx(HeaderComponent, { spotlight: spotlight, imageIndex: imageIndex }) : undefined });
+};
+//# sourceMappingURL=Spotlight.js.map

package/dist/components/ImageView/Spotlight.js.map

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

package/dist/components/ImageView/component.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { onUpdate } from '@codeleap/hooks';
+import _ImageView from 'react-native-image-viewing';
+import { StatusBar } from 'react-native';
+/**
+ * Hides the status bar while the viewer is open via an imperative StatusBar call.
+ * `presentationStyle='overFullScreen'` is forced so the viewer covers navigation bars;
+ * overriding it will break the full-screen illusion on iOS.
+ * `doubleTapToZoomEnabled` is off by default to avoid conflicting gesture handlers in lists.
+ */
+export const ImageView = (props) => {
+    onUpdate(() => {
+        StatusBar.setHidden(props.visible);
+    }, [props.visible]);
+    return (_jsx(_ImageView, { doubleTapToZoomEnabled: false, presentationStyle: 'overFullScreen', ...props }));
+};
+//# sourceMappingURL=component.js.map

package/dist/components/ImageView/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../src/components/ImageView/component.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAE1C,OAAO,UAAU,MAAM,4BAA4B,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAIxC;;;;;GAKG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACjD,QAAQ,CAAC,GAAG,EAAE;QACZ,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;IACpC,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAA;IAEnB,OAAO,CAEL,KAAC,UAAU,IACT,sBAAsB,EAAE,KAAK,EAC7B,iBAAiB,EAAE,gBAAgB,KAC/B,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA"}

package/dist/components/ImageView/index.js

@@ -0,0 +1,3 @@
+export * from './Spotlight';
+export * from './component';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ImageView/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA"}

package/dist/components/InputBase/index.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { TypeGuards } from '@codeleap/types';
+import { View } from '../View';
+import { useInputBaseStyles } from './styles';
+import { Text } from '../Text';
+import RNAnimated, { FadeIn, FadeOut } from 'react-native-reanimated';
+export { useInputBase } from './useInputBase';
+export * from './styles';
+export * from './utils';
+export * from './types';
+export const InputBaseDefaultOrder = [
+    'label',
+    'description',
+    'innerWrapper',
+    'error',
+];
+export const InputBase = forwardRef((props, ref) => {
+    const { children, error = null, label, description = null, leftIcon = null, rightIcon = null, wrapper, debugName, innerWrapper, focused, innerWrapperProps = {}, wrapperProps = {}, disabled, order = InputBaseDefaultOrder, style, labelAsRow, hideErrorMessage, ...otherProps } = {
+        ...InputBase.defaultProps,
+        ...props,
+    };
+    const styles = useInputBaseStyles(props);
+    const WrapperComponent = wrapper ?? View;
+    const InnerWrapperComponent = innerWrapper ?? View;
+    return _jsxs(WrapperComponent, { ...otherProps, ...wrapperProps, style: styles.wrapperStyle, ref: ref, children: [TypeGuards.isString(label) ? _jsx(Text, { text: label, style: styles.labelStyle }) : label, TypeGuards.isString(description) ? _jsx(Text, { text: description, style: styles.descriptionStyle }) : description, _jsxs(InnerWrapperComponent, { style: styles.innerWrapperStyle, ...innerWrapperProps, children: [_leftIcon, children, _rightIcon] }), hideErrorMessage || !error ? null : (_jsx(RNAnimated.View, { exiting: FadeOut.duration(100), entering: FadeIn.duration(200), children: TypeGuards.isString(error) ? _jsx(Text, { text: error, style: styles.errorStyle }) : error }))] });
+});
+InputBase.elements = ['wrapper', 'innerWrapper', 'label', 'errorMessage', 'description', 'icon', 'leftIcon', 'rightIcon'];
+InputBase.defaultProps = {
+    disabled: false,
+    labelAsRow: false,
+    hideErrorMessage: false,
+    order: InputBaseDefaultOrder,
+    wrapper: View,
+    innerWrapper: View,
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/InputBase/styles.js

@@ -0,0 +1,98 @@
+import { TypeGuards } from '@codeleap/types';
+import { mergeStyles, useCompositionStyles } from '@codeleap/styles';
+import { useMemo } from 'react';
+const getIconStyles = (obj, state) => ({
+    icon: mergeStyles([
+        obj.icon,
+        state.focused && obj['icon:focus'],
+        state.hasError && obj['icon:error'],
+        state.disabled && obj['icon:disabled'],
+        state.hasValue && obj['icon:typed'],
+    ]),
+    'icon:disabled': mergeStyles([
+        state.disabled && obj['icon:disabled'],
+    ]),
+    touchableWrapper: mergeStyles([
+        obj.touchableWrapper,
+        state.focused && obj['touchableWrapper:focus'],
+        state.hasError && obj['touchableWrapper:error'],
+        state.disabled && obj['touchableWrapper:disabled'],
+        state.hasValue && obj['touchableWrapper:typed'],
+    ]),
+    'touchableWrapper:disabled': mergeStyles([
+        state.disabled && obj['touchableWrapper:disabled'],
+    ]),
+});
+const useIconStyles = (styles, iconStyles, states) => {
+    return useMemo(() => {
+        const _iconStyles = getIconStyles(iconStyles, states);
+        return mergeStyles([styles, _iconStyles]);
+    }, [states, styles, iconStyles]);
+};
+export const useInputBaseStyles = (props) => {
+    const { focused, disabled, error, style: styles, hasValue, } = props;
+    const hasError = !TypeGuards.isNil(error);
+    const compositionStyles = useCompositionStyles(['leftIcon', 'rightIcon', 'icon'], styles);
+    const generalIconStyles = getIconStyles(compositionStyles?.icon, { hasError, disabled });
+    const leftIconStyles = useIconStyles(generalIconStyles, compositionStyles?.leftIcon, {
+        // @ts-expect-error
+        hasError, disabled: (disabled || props?.leftIcon?.disabled), focused,
+    });
+    const rightIconStyles = useIconStyles(generalIconStyles, compositionStyles?.rightIcon, {
+        // @ts-expect-error
+        hasError, disabled: (disabled || props?.rightIcon?.disabled), focused, hasValue,
+    });
+    const labelStyle = [
+        styles.label,
+        focused && styles['label:focus'],
+        hasError && styles['label:error'],
+        disabled && styles['label:disabled'],
+        hasValue && styles['label:typed'],
+    ];
+    const errorStyle = [
+        styles.errorMessage,
+        focused && styles['errorMessage:focus'],
+        hasError && styles['errorMessage:error'],
+        disabled && styles['errorMessage:disabled'],
+        hasValue && styles['errorMessage:typed'],
+    ];
+    const descriptionStyle = [
+        styles.description,
+        focused && styles['description:focus'],
+        hasError && styles['description:error'],
+        disabled && styles['description:disabled'],
+        hasValue && styles['description:typed'],
+    ];
+    const wrapperStyle = [
+        styles.wrapper,
+        focused && styles['wrapper:focus'],
+        error && styles['wrapper:error'],
+        disabled && styles['wrapper:disabled'],
+        hasValue && styles['wrapper:typed'],
+    ];
+    const innerWrapperStyle = [
+        styles.innerWrapper,
+        focused && styles['innerWrapper:focus'],
+        hasError && styles['innerWrapper:error'],
+        disabled && styles['innerWrapper:disabled'],
+        hasValue && styles['innerWrapper:typed'],
+    ];
+    const labelRowStyle = [
+        styles.labelRow,
+        focused && styles['labelRow:focus'],
+        hasError && styles['labelRow:error'],
+        disabled && styles['labelRow:disabled'],
+        hasValue && styles['labelRow:typed'],
+    ];
+    return {
+        wrapperStyle,
+        innerWrapperStyle,
+        leftIconStyles,
+        rightIconStyles,
+        labelStyle,
+        errorStyle,
+        descriptionStyle,
+        labelRowStyle,
+    };
+};
+//# sourceMappingURL=styles.js.map

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

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

package/dist/components/InputBase/types.js

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

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

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

package/dist/components/InputBase/useInputBase.js

@@ -0,0 +1,48 @@
+import { useMemo, useRef } from 'react';
+import { useWrappingScrollable } from '../../modules/scroll';
+import { fields, useField } from '@codeleap/form';
+import { TypeGuards } from '@codeleap/types';
+/**
+ * When both `value` and `onValueChange` are provided, the component runs in uncontrolled-by-form
+ * mode: `useField` is never called and the field ref (blur/focus/scrollIntoView) is a no-op stub.
+ * This check is frozen on mount — toggling between controlled and uncontrolled after mount is unsupported.
+ */
+export function useInputBase(field, defaultField = fields.text, internalState, params = {}, deps = []) {
+    const { value, onValueChange } = internalState;
+    const hasInternalState = useMemo(() => TypeGuards.isFunction(onValueChange) && !TypeGuards.isNil(value), []);
+    const wrapperRef = useRef(null);
+    const innerInputRef = useRef(null);
+    const scrollable = useWrappingScrollable();
+    const fieldHandle = hasInternalState ? {} : useField(field, [
+        {
+            blur() {
+                innerInputRef.current.blur();
+            },
+            focus() {
+                innerInputRef.current.focus();
+            },
+            getValue() {
+                return innerInputRef.current.state;
+            },
+            scrollIntoView() {
+                /** Requires a wrapping ScrollView registered via `useWrappingScrollable`; silently does nothing if none is found. */
+                return field.measurePosition(wrapperRef).then((measureResult) => {
+                    field.scrollTo(scrollable, measureResult);
+                });
+            },
+            ...params,
+        },
+        deps
+    ], defaultField);
+    const validation = fieldHandle?.validation;
+    return {
+        fieldHandle,
+        validation,
+        wrapperRef,
+        innerInputRef,
+        scrollable,
+        inputValue: (hasInternalState ? value : fieldHandle?.value),
+        onInputValueChange: hasInternalState ? onValueChange : fieldHandle?.setValue,
+    };
+}
+//# sourceMappingURL=useInputBase.js.map

package/dist/components/InputBase/useInputBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputBase.js","sourceRoot":"","sources":["../../../src/components/InputBase/useInputBase.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAA;AAC5D,OAAO,EAAoB,MAAM,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACnE,OAAO,EAAa,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAEvD;;;;GAIG;AACH,MAAM,UAAU,YAAY,CAC1B,KAAQ,EACR,eAA2C,MAAM,CAAC,IAAe,EACjE,aAA8D,EAC9D,SAAgC,EAAE,EAClC,OAAc,EAAE;IAEhB,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,aAAa,CAAA;IAE9C,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAA;IAE5G,MAAM,UAAU,GAAG,MAAM,CAAO,IAAI,CAAC,CAAA;IAErC,MAAM,aAAa,GAAG,MAAM,CAAY,IAAI,CAAC,CAAA;IAE7C,MAAM,UAAU,GAAG,qBAAqB,EAAE,CAAA;IAE1C,MAAM,WAAW,GAAG,gBAAgB,CAAC,CAAC,CAAC,EAA0C,CAAC,CAAC,CAAC,QAAQ,CAAO,KAAU,EAAE;QAC7G;YACE,IAAI;gBACF,aAAa,CAAC,OAAO,CAAC,IAAI,EAAE,CAAA;YAC9B,CAAC;YACD,KAAK;gBACH,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;YAC/B,CAAC;YACD,QAAQ;gBACN,OAAO,aAAa,CAAC,OAAO,CAAC,KAAU,CAAA;YACzC,CAAC;YACD,cAAc;gBACZ,qHAAqH;gBACrH,OAAO,KAAK,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,aAAa,EAAE,EAAE;oBAC9D,KAAK,CAAC,QAAQ,CAAC,UAAU,EAAE,aAAa,CAAC,CAAA;gBAC3C,CAAC,CAAC,CAAA;YACJ,CAAC;YACD,GAAG,MAAM;SACV;QACD,IAAI;KAC8B,EAAE,YAAY,CAAC,CAAA;IAEnD,MAAM,UAAU,GAAG,WAAW,EAAE,UAAU,CAAA;IAE1C,OAAO;QACL,WAAW;QACX,UAAU;QACV,UAAU;QACV,aAAa;QACb,UAAU;QACV,UAAU,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,EAAE,KAAK,CAAM;QAChE,kBAAkB,EAAE,gBAAgB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,EAAE,QAAQ;KAC7E,CAAA;AACH,CAAC"}

package/dist/components/InputBase/useInputBasePartialStyles.js

@@ -0,0 +1,35 @@
+import { useMemo } from 'react';
+/**
+ * Merges state-variant styles (e.g. `placeholder:error`) into a flat object keyed by part name.
+ * Pass a key as `[key, false]` to get only the active state overrides without the base style merged in
+ * — useful when RN props accept raw color values that must not be wrapped in a style array.
+ */
+export function useInputBasePartialStyles(styles, styleKeys, states) {
+    return useMemo(() => {
+        return styleKeys.reduce((acc, value) => {
+            const [key, overrideWithDefault] = Array.isArray(value) ? value : [value, true];
+            const result = Object.entries(states).reduce((acc, [state, is]) => {
+                if (!is)
+                    return acc;
+                const style = styles?.[`${key}:${state}`];
+                if (!style)
+                    return acc;
+                return {
+                    ...acc,
+                    ...styles[`${key}:${state}`]
+                };
+            }, {});
+            if (overrideWithDefault && !!styles?.[key]) {
+                acc[key] = {
+                    ...styles[key],
+                    ...result,
+                };
+            }
+            else {
+                acc[key] = result;
+            }
+            return acc;
+        }, {});
+    }, [states]);
+}
+//# sourceMappingURL=useInputBasePartialStyles.js.map

package/dist/components/InputBase/useInputBasePartialStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputBasePartialStyles.js","sourceRoot":"","sources":["../../../src/components/InputBase/useInputBasePartialStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAG/B;;;;GAIG;AACH,MAAM,UAAU,yBAAyB,CACvC,MAA4B,EAC5B,SAAkC,EAClC,MAAS;IAET,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;YACrC,MAAM,CAAC,GAAG,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;YAE/E,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,EAAE,EAAE;gBAChE,IAAI,CAAC,EAAE;oBAAE,OAAO,GAAG,CAAA;gBAEnB,MAAM,KAAK,GAAG,MAAM,EAAE,CAAC,GAAG,GAAG,IAAI,KAAK,EAAO,CAAC,CAAA;gBAE9C,IAAI,CAAC,KAAK;oBAAE,OAAO,GAAG,CAAA;gBAEtB,OAAO;oBACL,GAAG,GAAG;oBACN,GAAG,MAAM,CAAC,GAAG,GAAG,IAAI,KAAK,EAAO,CAAC;iBAClC,CAAA;YACH,CAAC,EAAE,EAAE,CAAC,CAAA;YAEN,IAAI,mBAAmB,IAAI,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC3C,GAAG,CAAC,GAAG,CAAC,GAAG;oBACT,GAAG,MAAM,CAAC,GAAG,CAAC;oBACd,GAAG,MAAM;iBACV,CAAA;YACH,CAAC;iBAAM,CAAC;gBACN,GAAG,CAAC,GAAG,CAAC,GAAG,MAAM,CAAA;YACnB,CAAC;YAED,OAAO,GAAG,CAAA;QACZ,CAAC,EAAE,EAAsC,CAAC,CAAA;IAC5C,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;AACd,CAAC"}

package/dist/components/InputBase/utils.js

@@ -0,0 +1,31 @@
+const varList = [
+    'label',
+    'style',
+    'error',
+    'innerWrapper',
+    'leftIcon',
+    'rightIcon',
+    'description',
+    'wrapper',
+    'children',
+    'innerWrapperProps',
+    'wrapperProps',
+    'disabled',
+    'hideErrorMessage',
+    'style',
+];
+/**
+ * Splits a merged props object so InputBase receives only its own props and the
+ * native input/control component receives the rest — prevents unknown prop warnings
+ * on native elements and avoids spread collisions between the two prop surfaces.
+ */
+export function selectInputBaseProps(props) {
+    const copy = { ...props };
+    const result = varList.reduce((acc, key) => {
+        // @ts-ignore
+        acc[key] = copy[key];
+        return acc;
+    }, {});
+    return { inputBaseProps: result, others: copy };
+}
+//# sourceMappingURL=utils.js.map

package/dist/components/InputBase/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/InputBase/utils.ts"],"names":[],"mappings":"AAYA,MAAM,OAAO,GAAkB;IAC7B,OAAO;IACP,OAAO;IACP,OAAO;IACP,cAAc;IACd,UAAU;IACV,WAAW;IACX,aAAa;IACb,SAAS;IACT,UAAU;IACV,mBAAmB;IACnB,cAAc;IACd,UAAU;IACV,kBAAkB;IAClB,OAAO;CACR,CAAA;AAED;;;;GAIG;AACH,MAAM,UAAU,oBAAoB,CAAsB,KAAQ;IAIhE,MAAM,IAAI,GAAG,EAAE,GAAG,KAAK,EAAE,CAAA;IAEzB,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;QACzC,aAAa;QACb,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAA;QAEpB,OAAO,GAAG,CAAA;IACZ,CAAC,EAAE,EAAe,CAAC,CAAA;IAEnB,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,EAAE,IAAsB,EAAE,CAAA;AACnE,CAAC"}