@umituz/react-native-design-system 4.28.11 → 4.28.13

package/src/organisms/FormContainer.tsx

@@ -97,6 +97,9 @@ export const FormContainer: React.FC<FormContainerProps> = ({
   showsVerticalScrollIndicator = false,
   testID,
   showBorder = true,
+  accessibilityLabel,
+  accessibilityHint,
+  accessible,
 }) => {
   const tokens = useAppDesignTokens();
   const insets = useSafeAreaInsets();
@@ -138,7 +141,14 @@ export const FormContainer: React.FC<FormContainerProps> = ({
   );
 
   return (
-    <View style={[styles.container, containerStyle]} testID={testID}>
+    <View
+      style={[styles.container, containerStyle]}
+      testID={testID}
+      accessibilityLabel={accessibilityLabel}
+      accessibilityHint={accessibilityHint}
+      accessible={accessible !== false}
+      accessibilityRole="form"
+    >
       <View style={styles.surface}>
         <ScrollView
           style={styles.scrollView}

package/src/tanstack/domain/utils/ErrorHelpers.ts

@@ -146,8 +146,8 @@ export function getErrorCode(error: unknown): string | null {
 /**
  * Log error in development
  */
-export function logError(_context: string, _error: unknown): void {
+export function logError(context: string, error: unknown): void {
   if (__DEV__) {
-    
+    console.error(`[${context}]`, error);
   }
 }

package/src/tanstack/domain/utils/MetricsCalculator.ts

@@ -22,7 +22,12 @@ export class MetricsCalculator {
    * Calculates fetch time for a query
    */
   static calculateFetchTime(query: Query): number {
-    return Date.now() - (query.state.dataUpdatedAt ?? Date.now());
+    const now = Date.now();
+    const updatedAt = query.state.dataUpdatedAt ?? now;
+    const fetchTime = now - updatedAt;
+
+    // Ensure non-negative (handles cases where dataUpdatedAt is in the future)
+    return Math.max(0, fetchTime);
   }
 
   /**

package/src/theme/core/colors/ColorUtils.ts

@@ -34,10 +34,13 @@ export const withAlpha = (hexColor: string, alpha: number): string => {
     return hexColor;
   }
 
-  // Convert 3-digit hex to 6-digit
-  const hex = hexColor.length === 4 
-    ? hexColor.split('').map(c => c + c).join('')
-    : hexColor;
+  let hex = hexColor;
+
+  // Convert 3-digit hex to 6-digit (e.g., #RGB → #RRGGBB)
+  if (hex.length === 4) {
+    // Remove # and double each character, then add # back
+    hex = '#' + hex.slice(1).split('').map(c => c + c).join('');
+  }
 
   const alphaHex = Math.round(alpha * 255)
     .toString(16)

package/src/utils/formatters/stringFormatter.ts

@@ -22,10 +22,19 @@ export function formatFileSize(bytes: number, options: FileSizeFormatOptions = {
   const { decimals = 1, locale = 'en-US' } = options;
 
   if (bytes === 0) return '0 Bytes';
+  if (bytes < 0) {
+    if (__DEV__) {
+      console.warn(`[formatFileSize] File size cannot be negative (received: ${bytes}), treating as 0`);
+    }
+    return '0 Bytes';
+  }
 
   const k = 1024;
-  const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB'];
-  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB']; // Added EB for safety
+  const i = Math.min(
+    Math.floor(Math.log(bytes) / Math.log(k)),
+    sizes.length - 1 // Prevent array out of bounds
+  );
 
   return `${formatNumber(bytes / Math.pow(k, i), { decimals, locale })} ${sizes[i]}`;
 }
@@ -130,10 +139,16 @@ export function formatPhone(phone: string, options: PhoneFormatOptions = {}): st
  * @returns Truncated text
  */
 export function truncateText(text: string, maxLength: number, suffix: string = '...'): string {
-  if (!text || text.length <= maxLength) {
+  if (!text) return '';
+  if (text.length <= maxLength) {
     return text;
   }
 
+  // Ensure we don't end up with negative slice length
+  if (maxLength <= suffix.length) {
+    return suffix.slice(0, maxLength);
+  }
+
   return text.slice(0, maxLength - suffix.length) + suffix;
 }
 

package/src/utils/index.ts

@@ -118,10 +118,9 @@ export {
   type AsyncOperationState,
   type AsyncOperationActions,
   type AsyncOperationReturn,
+  type ErrorHandler as AsyncErrorHandler,
 } from './hooks';
 
-export type { ErrorHandler as AsyncErrorHandler } from './hooks';
-
 // =============================================================================
 // ERROR HANDLING
 // =============================================================================
@@ -130,8 +129,11 @@ export {
   DesignSystemError,
   ErrorCodes,
   ErrorCategory,
-  type ErrorCode,
-  type ErrorMetadata,
+} from './errors';
+
+export type {
+  ErrorCode,
+  ErrorMetadata,
 } from './errors';
 
 export { ErrorHandler } from './errors/ErrorHandler';

package/src/utils/math/CalculationUtils.ts

@@ -109,5 +109,14 @@ export function mapRange(
   outMin: number,
   outMax: number
 ): number {
-  return ((value - inMin) * (outMax - outMin)) / (inMax - inMin) + outMin;
+  const range = inMax - inMin;
+  if (range === 0) {
+    // When input range is zero, return output minimum
+    // This prevents division by zero (Infinity/NaN)
+    if (__DEV__) {
+      console.warn(`[mapRange] Input range is zero (inMin=${inMin}, inMax=${inMax}), returning outMin=${outMin}`);
+    }
+    return outMin;
+  }
+  return ((value - inMin) * (outMax - outMin)) / range + outMin;
 }