@umituz/react-native-settings 4.17.16 → 4.17.17

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "4.17.16",
-  "description": "Complete settings hub for React Native apps - consolidated package with settings, about, legal, appearance, feedback, and FAQs",
+  "version": "4.17.17",
+  "description": "Complete settings hub for React Native apps - consolidated package with settings, about, legal, appearance, feedback, FAQs, and rating",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
   "scripts": {
@@ -24,6 +24,7 @@
     "appearance",
     "feedback",
     "faqs",
+    "rating",
     "consolidated"
   ],
   "author": "Ümit UZ <umit@umituz.com>",
@@ -42,7 +43,6 @@
     "@umituz/react-native-localization": "latest",
     "@umituz/react-native-notifications": "latest",
     "@umituz/react-native-onboarding": "latest",
-    "@umituz/react-native-rating": "latest",
     "@umituz/react-native-sentry": "latest",
     "@umituz/react-native-storage": "latest",
     "react": ">=19.0.0",
@@ -61,7 +61,6 @@
     "@umituz/react-native-localization": "latest",
     "@umituz/react-native-notifications": "latest",
     "@umituz/react-native-onboarding": "latest",
-    "@umituz/react-native-rating": "latest",
     "@umituz/react-native-storage": "latest",
     "react": "19.1.0",
     "react-native": "0.81.5",

package/src/domains/rating/domain/entities/Rating.ts

@@ -0,0 +1,17 @@
+export type RatingValue = 0 | 1 | 2 | 3 | 4 | 5;
+
+export interface Rating {
+    id: string;
+    userId: string;
+    entityId: string;
+    entityType: string;
+    value: RatingValue;
+    createdAt: string;
+    updatedAt: string;
+}
+
+export interface RatingStats {
+    average: number;
+    count: number;
+    distribution: Record<RatingValue, number>;
+}

package/src/domains/rating/index.ts

@@ -0,0 +1,23 @@
+/**
+ * Rating Domain
+ * Star ratings, user reviews, and statistics
+ */
+
+// =============================================================================
+// DOMAIN LAYER - Entities
+// =============================================================================
+
+export type {
+  RatingValue,
+  Rating,
+  RatingStats,
+} from './domain/entities/Rating';
+
+// =============================================================================
+// PRESENTATION LAYER - Components
+// =============================================================================
+
+export { StarRating } from './presentation/components/StarRating';
+export type { StarRatingProps } from './presentation/components/StarRating';
+
+

package/src/domains/rating/presentation/components/StarRating.tsx

@@ -0,0 +1,69 @@
+import React, { useState } from "react";
+import { View, StyleSheet, TouchableOpacity, ViewStyle } from "react-native";
+import { useAppDesignTokens, AtomicIcon } from "@umituz/react-native-design-system";
+
+export interface StarRatingProps {
+    rating: number;
+    maxRating?: number;
+    onRatingChange?: (rating: number) => void;
+    size?: number;
+    activeColor?: string;
+    inactiveColor?: string;
+    disabled?: boolean;
+    style?: ViewStyle;
+}
+
+export const StarRating: React.FC<StarRatingProps> = ({
+    rating,
+    maxRating = 5,
+    onRatingChange,
+    size = 24,
+    activeColor,
+    inactiveColor,
+    disabled = false,
+    style,
+}) => {
+    const tokens = useAppDesignTokens();
+    const [internalRating, setInternalRating] = useState(rating);
+
+    const filledColor = activeColor || tokens.colors.warning || "#FFD700";
+    const emptyColor = inactiveColor || tokens.colors.border || "#E0E0E0";
+
+    const handlePress = (index: number) => {
+        if (disabled) return;
+        const newRating = index + 1;
+        setInternalRating(newRating);
+        onRatingChange?.(newRating);
+    };
+
+    return (
+        <View style={[styles.container, style]}>
+            {Array.from({ length: maxRating }).map((_, index) => (
+                <TouchableOpacity
+                    key={index}
+                    onPress={() => handlePress(index)}
+                    disabled={disabled}
+                    activeOpacity={0.7}
+                    style={styles.starContainer}
+                >
+                    <AtomicIcon
+                        name={index < (onRatingChange ? internalRating : rating) ? "star" : "star-outline"}
+                        customSize={size}
+                        customColor={index < (onRatingChange ? internalRating : rating) ? filledColor : emptyColor}
+                    />
+                </TouchableOpacity>
+            ))}
+        </View>
+    );
+};
+
+const styles = StyleSheet.create({
+    container: {
+        flexDirection: "row",
+        alignItems: "center",
+        gap: 4,
+    },
+    starContainer: {
+        padding: 4,
+    },
+});

package/src/index.ts

@@ -99,6 +99,9 @@ export * from './domains/feedback';
 // FAQs Domain - Frequently asked questions
 export * from './domains/faqs';
 
+// Rating Domain - Star ratings, reviews, statistics
+export * from './domains/rating';
+
 // =============================================================================
 // PRESENTATION LAYER - Re-exports from Dependencies
 // =============================================================================