@umituz/react-native-design-system 1.5.8 → 1.5.10

package/lib/presentation/atoms/AtomicInput.js

@@ -1,196 +0,0 @@
-import React, { useState } from 'react';
-import { View, TextInput, Pressable, StyleSheet } from 'react-native';
-import { useAppDesignTokens } from '@umituz/react-native-theme';
-import { AtomicIcon } from './AtomicIcon';
-import { AtomicText } from './AtomicText';
-/**
- * AtomicInput - Pure React Native Text Input
- *
- * Features:
- * - Pure React Native implementation (no Paper dependency)
- * - Lucide icons for password toggle and custom icons
- * - Outlined/filled/flat variants
- * - Error, success, disabled states
- * - Character counter
- * - Responsive sizing
- * - Full accessibility support
- */
-export const AtomicInput = ({ variant = 'outlined', state = 'default', size = 'md', label, value = '', onChangeText, placeholder, helperText, leadingIcon, trailingIcon, onTrailingIconPress, showPasswordToggle = false, secureTextEntry = false, maxLength, showCharacterCount = false, keyboardType = 'default', autoCapitalize = 'sentences', autoCorrect = true, disabled = false, style, inputStyle, testID, onBlur, onFocus, }) => {
-    const tokens = useAppDesignTokens();
-    const [isPasswordVisible, setIsPasswordVisible] = useState(false);
-    const [isFocused, setIsFocused] = useState(false);
-    const isDisabled = state === 'disabled' || disabled;
-    const characterCount = value?.toString().length || 0;
-    const hasError = state === 'error';
-    const hasSuccess = state === 'success';
-    // Size configuration
-    const sizeConfig = {
-        sm: {
-            paddingVertical: tokens.spacing.xs,
-            paddingHorizontal: tokens.spacing.sm,
-            fontSize: tokens.typography.bodySmall.fontSize,
-            iconSize: 16,
-            minHeight: 40,
-        },
-        md: {
-            paddingVertical: tokens.spacing.sm,
-            paddingHorizontal: tokens.spacing.md,
-            fontSize: tokens.typography.bodyMedium.fontSize,
-            iconSize: 20,
-            minHeight: 48,
-        },
-        lg: {
-            paddingVertical: tokens.spacing.md,
-            paddingHorizontal: tokens.spacing.lg,
-            fontSize: tokens.typography.bodyLarge.fontSize,
-            iconSize: 24,
-            minHeight: 56,
-        },
-    };
-    const config = sizeConfig[size];
-    // Get variant styles
-    const getVariantStyle = () => {
-        const baseStyle = {
-            backgroundColor: tokens.colors.surface,
-            borderRadius: tokens.borders.radius.md,
-        };
-        let borderColor = tokens.colors.border;
-        if (isFocused)
-            borderColor = tokens.colors.primary;
-        if (hasError)
-            borderColor = tokens.colors.error;
-        if (hasSuccess)
-            borderColor = tokens.colors.success;
-        if (isDisabled)
-            borderColor = tokens.colors.borderDisabled;
-        switch (variant) {
-            case 'outlined':
-                return {
-                    ...baseStyle,
-                    borderWidth: isFocused ? 2 : 1,
-                    borderColor,
-                };
-            case 'filled':
-                return {
-                    ...baseStyle,
-                    backgroundColor: tokens.colors.surfaceSecondary,
-                    borderWidth: 0,
-                    borderBottomWidth: isFocused ? 2 : 1,
-                    borderBottomColor: borderColor,
-                };
-            case 'flat':
-                return {
-                    ...baseStyle,
-                    backgroundColor: 'transparent',
-                    borderWidth: 0,
-                    borderBottomWidth: 1,
-                    borderBottomColor: borderColor,
-                    borderRadius: 0,
-                };
-            default:
-                return baseStyle;
-        }
-    };
-    // Get text color based on state
-    const getTextColor = () => {
-        if (isDisabled)
-            return tokens.colors.textDisabled;
-        if (hasError)
-            return tokens.colors.error;
-        if (hasSuccess)
-            return tokens.colors.success;
-        return tokens.colors.textPrimary;
-    };
-    const iconColor = isDisabled ? tokens.colors.textDisabled : tokens.colors.textSecondary;
-    const containerStyle = [
-        styles.container,
-        getVariantStyle(),
-        {
-            paddingVertical: config.paddingVertical,
-            paddingHorizontal: config.paddingHorizontal,
-            minHeight: config.minHeight,
-            opacity: isDisabled ? 0.5 : 1,
-        },
-        style,
-    ];
-    const textInputStyle = [
-        styles.input,
-        {
-            fontSize: config.fontSize,
-            color: getTextColor(),
-        },
-        leadingIcon ? { paddingLeft: config.iconSize + 8 } : undefined,
-        (trailingIcon || showPasswordToggle) ? { paddingRight: config.iconSize + 8 } : undefined,
-        inputStyle,
-    ];
-    return (<View testID={testID}>
-      {label && (<AtomicText type="labelMedium" color={hasError ? 'error' : hasSuccess ? 'success' : 'secondary'} style={styles.label}>
-          {label}
-        </AtomicText>)}
-
-      <View style={containerStyle}>
-        {leadingIcon && (<View style={styles.leadingIcon}>
-            <AtomicIcon name={leadingIcon} customSize={config.iconSize} customColor={iconColor}/>
-          </View>)}
-
-        <TextInput value={value} onChangeText={onChangeText} placeholder={placeholder} placeholderTextColor={tokens.colors.textSecondary} secureTextEntry={secureTextEntry && !isPasswordVisible} maxLength={maxLength} keyboardType={keyboardType} autoCapitalize={autoCapitalize} autoCorrect={autoCorrect} editable={!isDisabled} style={textInputStyle} onBlur={() => {
-            setIsFocused(false);
-            onBlur?.();
-        }} onFocus={() => {
-            setIsFocused(true);
-            onFocus?.();
-        }} testID={testID ? `${testID}-input` : undefined}/>
-
-        {(showPasswordToggle && secureTextEntry) && (<Pressable onPress={() => setIsPasswordVisible(!isPasswordVisible)} style={styles.trailingIcon}>
-            <AtomicIcon name={isPasswordVisible ? "EyeOff" : "Eye"} customSize={config.iconSize} customColor={iconColor}/>
-          </Pressable>)}
-
-        {trailingIcon && !showPasswordToggle && (<Pressable onPress={onTrailingIconPress} style={styles.trailingIcon} disabled={!onTrailingIconPress}>
-            <AtomicIcon name={trailingIcon} customSize={config.iconSize} customColor={iconColor}/>
-          </Pressable>)}
-      </View>
-
-      {(helperText || showCharacterCount) && (<View style={styles.helperRow}>
-          {helperText && (<AtomicText type="bodySmall" color={hasError ? 'error' : 'secondary'} style={styles.helperText} testID={testID ? `${testID}-helper` : undefined}>
-              {helperText}
-            </AtomicText>)}
-          {showCharacterCount && maxLength && (<AtomicText type="bodySmall" color="secondary" style={styles.characterCount} testID={testID ? `${testID}-count` : undefined}>
-              {characterCount}/{maxLength}
-            </AtomicText>)}
-        </View>)}
-    </View>);
-};
-const styles = StyleSheet.create({
-    container: {
-        flexDirection: 'row',
-        alignItems: 'center',
-    },
-    input: {
-        flex: 1,
-    },
-    label: {
-        marginBottom: 4,
-    },
-    leadingIcon: {
-        position: 'absolute',
-        left: 12,
-        zIndex: 1,
-    },
-    trailingIcon: {
-        position: 'absolute',
-        right: 12,
-        zIndex: 1,
-    },
-    helperRow: {
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-        marginTop: 4,
-    },
-    helperText: {
-        flex: 1,
-    },
-    characterCount: {
-        marginLeft: 8,
-    },
-});
-//# sourceMappingURL=AtomicInput.js.map

package/lib/presentation/atoms/AtomicInput.js.map

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

package/lib/presentation/atoms/AtomicNumberInput.d.ts

@@ -1,69 +0,0 @@
-/**
- * AtomicNumberInput Component
- *
- * A specialized number input component that wraps AtomicInput with
- * number-specific validation and keyboard handling.
- *
- * Features:
- * - Numeric keyboard (integer or decimal)
- * - Min/max validation
- * - Step increment support
- * - Automatic error states for invalid numbers
- * - Parsed number callback (onValueChange)
- * - Consistent styling with AtomicInput
- * - All AtomicInput features (variants, states, sizes)
- *
- * Usage:
- * ```tsx
- * const [age, setAge] = useState<number | null>(null);
- *
- * <AtomicNumberInput
- *   value={age?.toString() || ''}
- *   onValueChange={setAge}
- *   label="Age"
- *   min={0}
- *   max={150}
- *   helperText="Enter your age"
- * />
- * ```
- *
- * Why This Component:
- * - Separation of concerns (text vs number input)
- * - Built-in number validation
- * - Type-safe number callbacks
- * - Prevents non-numeric input via keyboard
- * - Consistent with AtomicInput styling
- *
- * @module AtomicNumberInput
- */
-import React from 'react';
-import { AtomicInputProps } from './AtomicInput';
-/**
- * Props for AtomicNumberInput component
- * Extends AtomicInput but removes text-specific props
- */
-export interface AtomicNumberInputProps extends Omit<AtomicInputProps, 'keyboardType' | 'secureTextEntry' | 'showPasswordToggle' | 'onChangeText'> {
-    /** Minimum allowed value */
-    min?: number;
-    /** Maximum allowed value */
-    max?: number;
-    /** Step increment (for spinners, future feature) */
-    step?: number;
-    /** Allow decimal numbers (default: false for integers only) */
-    allowDecimal?: boolean;
-    /** Callback when valid number is entered (null if invalid/empty) */
-    onValueChange?: (value: number | null) => void;
-    /** Callback when raw text changes (optional) */
-    onTextChange?: (text: string) => void;
-}
-/**
- * AtomicNumberInput - Specialized numeric input component
- *
- * Wraps AtomicInput with:
- * - Numeric keyboard
- * - Number validation (min, max, format)
- * - Parsed number callbacks
- * - Automatic error states
- */
-export declare const AtomicNumberInput: React.FC<AtomicNumberInputProps>;
-//# sourceMappingURL=AtomicNumberInput.d.ts.map

package/lib/presentation/atoms/AtomicNumberInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AtomicNumberInput.d.ts","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicNumberInput.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAE9D;;;GAGG;AACH,MAAM,WAAW,sBACf,SAAQ,IAAI,CACV,gBAAgB,EAChB,cAAc,GAAG,iBAAiB,GAAG,oBAAoB,GAAG,cAAc,CAC3E;IACD,4BAA4B;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,4BAA4B;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oEAAoE;IACpE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,gDAAgD;IAChD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA2G9D,CAAC"}

package/lib/presentation/atoms/AtomicNumberInput.js

@@ -1,125 +0,0 @@
-/**
- * AtomicNumberInput Component
- *
- * A specialized number input component that wraps AtomicInput with
- * number-specific validation and keyboard handling.
- *
- * Features:
- * - Numeric keyboard (integer or decimal)
- * - Min/max validation
- * - Step increment support
- * - Automatic error states for invalid numbers
- * - Parsed number callback (onValueChange)
- * - Consistent styling with AtomicInput
- * - All AtomicInput features (variants, states, sizes)
- *
- * Usage:
- * ```tsx
- * const [age, setAge] = useState<number | null>(null);
- *
- * <AtomicNumberInput
- *   value={age?.toString() || ''}
- *   onValueChange={setAge}
- *   label="Age"
- *   min={0}
- *   max={150}
- *   helperText="Enter your age"
- * />
- * ```
- *
- * Why This Component:
- * - Separation of concerns (text vs number input)
- * - Built-in number validation
- * - Type-safe number callbacks
- * - Prevents non-numeric input via keyboard
- * - Consistent with AtomicInput styling
- *
- * @module AtomicNumberInput
- */
-import React, { useState, useEffect } from 'react';
-import { AtomicInput } from './AtomicInput';
-/**
- * AtomicNumberInput - Specialized numeric input component
- *
- * Wraps AtomicInput with:
- * - Numeric keyboard
- * - Number validation (min, max, format)
- * - Parsed number callbacks
- * - Automatic error states
- */
-export const AtomicNumberInput = ({ min, max, step = 1, allowDecimal = false, onValueChange, onTextChange, value = '', state: externalState, helperText: externalHelperText, ...props }) => {
-    const [internalError, setInternalError] = useState(undefined);
-    /**
-     * Validate number and return error message if invalid
-     */
-    const validateNumber = (text) => {
-        // Empty is valid (null value)
-        if (!text || text === '' || text === '-' || text === '.') {
-            return undefined;
-        }
-        // Parse number
-        const num = parseFloat(text);
-        // Check if valid number
-        if (isNaN(num)) {
-            return 'Invalid number';
-        }
-        // Check min constraint
-        if (min !== undefined && num < min) {
-            return `Minimum value is ${min}`;
-        }
-        // Check max constraint
-        if (max !== undefined && num > max) {
-            return `Maximum value is ${max}`;
-        }
-        return undefined;
-    };
-    /**
-     * Handle text change with validation
-     */
-    const handleChangeText = (text) => {
-        // Allow empty, minus sign, and decimal point during typing
-        if (text === '' || text === '-' || (allowDecimal && text === '.')) {
-            setInternalError(undefined);
-            onTextChange?.(text);
-            onValueChange?.(null);
-            return;
-        }
-        // Validate format
-        const decimalRegex = allowDecimal ? /^-?\d*\.?\d*$/ : /^-?\d*$/;
-        if (!decimalRegex.test(text)) {
-            // Invalid format, don't update
-            return;
-        }
-        // Validate number
-        const error = validateNumber(text);
-        setInternalError(error);
-        // Call text callback
-        onTextChange?.(text);
-        // Call value callback with parsed number
-        if (!error && text !== '' && text !== '-' && text !== '.') {
-            const num = parseFloat(text);
-            onValueChange?.(isNaN(num) ? null : num);
-        }
-        else {
-            onValueChange?.(null);
-        }
-    };
-    /**
-     * Validate on mount and when value/constraints change
-     */
-    useEffect(() => {
-        if (value) {
-            const error = validateNumber(value.toString());
-            setInternalError(error);
-        }
-        else {
-            setInternalError(undefined);
-        }
-    }, [value, min, max]);
-    // Determine final state (external state overrides internal error)
-    const finalState = externalState || (internalError ? 'error' : 'default');
-    // Determine final helper text (internal error overrides external helper)
-    const finalHelperText = internalError || externalHelperText;
-    return (<AtomicInput {...props} value={value} onChangeText={handleChangeText} keyboardType={allowDecimal ? 'decimal-pad' : 'numeric'} state={finalState} helperText={finalHelperText}/>);
-};
-//# sourceMappingURL=AtomicNumberInput.js.map

package/lib/presentation/atoms/AtomicNumberInput.js.map

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

package/lib/presentation/atoms/AtomicPicker.d.ts

@@ -1,52 +0,0 @@
-/**
- * AtomicPicker Component
- *
- * A reusable option picker/dropdown component for selecting from a list of options.
- *
- * Features:
- * - Single and multi-select support
- * - Modal display mode (full-screen on mobile)
- * - Optional search/filter capability
- * - Error and disabled states
- * - Theme-aware styling
- * - Icons for options
- * - Clearable selection
- * - react-hook-form integration ready
- *
- * Architecture:
- * - Follows AtomicButton pattern with separated types and styles
- * - Uses helper functions from picker/styles/pickerStyles.ts
- * - Types defined in picker/types/index.ts
- * - Zero inline StyleSheet.create()
- *
- * Usage:
- * ```tsx
- * const [partyType, setPartyType] = useState('birthday');
- *
- * <AtomicPicker
- *   value={partyType}
- *   onChange={setPartyType}
- *   options={[
- *     { label: 'Birthday Party', value: 'birthday', icon: 'cake' },
- *     { label: 'Wedding', value: 'wedding', icon: 'heart' },
- *     { label: 'Corporate Event', value: 'corporate', icon: 'briefcase' },
- *   ]}
- *   label="Party Type"
- *   placeholder="Select party type"
- *   searchable
- * />
- * ```
- *
- * @module AtomicPicker
- */
-import React from 'react';
-import { AtomicPickerProps } from './picker/types';
-export type { AtomicPickerProps, PickerOption, PickerSize } from './picker/types';
-/**
- * AtomicPicker - Universal option picker component
- *
- * Displays a button that opens a modal for selection.
- * Supports single/multi-select, search, and custom rendering.
- */
-export declare const AtomicPicker: React.FC<AtomicPickerProps>;
-//# sourceMappingURL=AtomicPicker.d.ts.map

package/lib/presentation/atoms/AtomicPicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AtomicPicker.d.ts","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicPicker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AAEH,OAAO,KAA4B,MAAM,OAAO,CAAC;AAYjD,OAAO,EAAE,iBAAiB,EAAgB,MAAM,gBAAgB,CAAC;AAyBjE,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAElF;;;;;GAKG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkXpD,CAAC"}