decathlon-ui 0.2.2 → 0.2.3

package/dist/components/product-review/product-review.component.js

@@ -1,15 +1,18 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
 import { Text, View } from "react-native";
 import { StarIcon } from "../../icons";
 import { useProductReviewStyles } from "./product-review.styles";
-export const ProductReview = ({ reviewText, rating, userName, userAge, timeAgo, testID, }) => {
+const ProductReviewComponent = ({ reviewText, rating, userName, userAge, timeAgo, testID, }) => {
     const styles = useProductReviewStyles();
-    const renderStars = () => {
+    const renderStars = React.useCallback(() => {
         const stars = [];
         for (let i = 0; i < 5; i++) {
             stars.push(_jsx(StarIcon, { size: 20, fill: i < rating ? "#101010" : "none", color: "#101010", style: styles.starIcon, accessibilityLabel: i < rating ? "Estrela preenchida" : "Estrela vazia" }, i));
         }
         return stars;
-    };
+    }, [rating, styles.starIcon]);
     return (_jsxs(View, { style: styles.container, testID: testID, children: [_jsx(Text, { style: styles.reviewText, accessibilityLabel: `Avaliação: ${reviewText}`, children: reviewText }), _jsx(View, { style: styles.ratingContainer, accessibilityLabel: `Classificação: ${rating} de 5 estrelas`, children: renderStars() }), _jsxs(View, { style: styles.userInfoContainer, children: [_jsx(Text, { style: styles.userName, accessibilityLabel: `Nome do usuário: ${userName}`, children: userName }), userAge && (_jsxs(_Fragment, { children: [_jsx(Text, { style: styles.separator, children: "," }), _jsx(Text, { style: styles.userAge, accessibilityLabel: `Idade: ${userAge}`, children: userAge })] })), timeAgo && (_jsxs(_Fragment, { children: [_jsx(Text, { style: styles.separator, children: "|" }), _jsx(Text, { style: styles.timeAgo, accessibilityLabel: `Publicado: ${timeAgo}`, children: timeAgo })] }))] })] }));
 };
+export const ProductReview = React.memo(ProductReviewComponent);
+ProductReview.displayName = "ProductReview";

package/dist/components/quick-add-product-card/quick-add-product-card.component.d.ts

@@ -1,4 +1,4 @@
 import * as React from "react";
 import type { QuickAddProductCardProps } from "./quick-add-product-card.types";
-export declare const QuickAddProductCard: React.FC<QuickAddProductCardProps>;
+export declare const QuickAddProductCard: React.NamedExoticComponent<QuickAddProductCardProps>;
 //# sourceMappingURL=quick-add-product-card.component.d.ts.map

package/dist/components/quick-add-product-card/quick-add-product-card.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"quick-add-product-card.component.d.ts","sourceRoot":"","sources":["../../../src/components/quick-add-product-card/quick-add-product-card.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAE/E,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAmFlE,CAAC"}
+{"version":3,"file":"quick-add-product-card.component.d.ts","sourceRoot":"","sources":["../../../src/components/quick-add-product-card/quick-add-product-card.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAuF/E,eAAO,MAAM,mBAAmB,sDAA2C,CAAC"}

package/dist/components/quick-add-product-card/quick-add-product-card.component.js

@@ -3,7 +3,7 @@ import * as React from "react";
 import { Image, Text, TouchableOpacity, View } from "react-native";
 import { PlusIcon } from "../../icons";
 import { useQuickAddProductCardStyles } from "./quick-add-product-card.styles";
-export const QuickAddProductCard = ({ imageUrl, productName, price, onAddPress, onPress, testID, }) => {
+const QuickAddProductCardComponent = ({ imageUrl, productName, price, onAddPress, onPress, testID, }) => {
     const styles = useQuickAddProductCardStyles();
     const handleAddPress = React.useCallback((e) => {
         e.stopPropagation();
@@ -15,3 +15,5 @@ export const QuickAddProductCard = ({ imageUrl, productName, price, onAddPress,
     }
     return (_jsx(View, { style: styles.touchable, testID: testID, accessibilityRole: "none", accessibilityLabel: `Produto ${productName}`, children: renderContent() }));
 };
+export const QuickAddProductCard = React.memo(QuickAddProductCardComponent);
+QuickAddProductCard.displayName = "QuickAddProductCard";

package/dist/components/radio/radio.component.d.ts

@@ -1,4 +1,4 @@
 import * as React from "react";
 import type { RadioProps } from "./radio.types";
-export declare const Radio: React.FC<RadioProps>;
+export declare const Radio: React.NamedExoticComponent<RadioProps>;
 //# sourceMappingURL=radio.component.d.ts.map

package/dist/components/radio/radio.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio.component.d.ts","sourceRoot":"","sources":["../../../src/components/radio/radio.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAqDtC,CAAC"}
+{"version":3,"file":"radio.component.d.ts","sourceRoot":"","sources":["../../../src/components/radio/radio.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAyDhD,eAAO,MAAM,KAAK,wCAA6B,CAAC"}

package/dist/components/radio/radio.component.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Text, TouchableOpacity, View } from "react-native";
 import { useRadioStyles } from "./radio.styles";
-export const Radio = ({ label, value, selected = false, onChange, disabled = false, error = false, testID, }) => {
+const RadioComponent = ({ label, value, selected = false, onChange, disabled = false, error = false, testID, }) => {
     const styles = useRadioStyles();
     const handlePress = React.useCallback(() => {
         if (!disabled && onChange) {
@@ -23,3 +23,5 @@ export const Radio = ({ label, value, selected = false, onChange, disabled = fal
                     error && styles.labelError,
                 ], children: label })] }));
 };
+export const Radio = React.memo(RadioComponent);
+Radio.displayName = "Radio";

package/dist/components/range-slider/range-slider.component.d.ts

@@ -1,4 +1,4 @@
 import * as React from "react";
 import { RangeSliderProps } from "./range-slider.types";
-export declare const RangeSlider: React.FC<RangeSliderProps>;
+export declare const RangeSlider: React.NamedExoticComponent<RangeSliderProps>;
 //# sourceMappingURL=range-slider.component.d.ts.map

package/dist/components/range-slider/range-slider.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"range-slider.component.d.ts","sourceRoot":"","sources":["../../../src/components/range-slider/range-slider.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAQxD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6JlD,CAAC"}
+{"version":3,"file":"range-slider.component.d.ts","sourceRoot":"","sources":["../../../src/components/range-slider/range-slider.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAuKxD,eAAO,MAAM,WAAW,8CAAmC,CAAC"}

package/dist/components/range-slider/range-slider.component.js

@@ -7,7 +7,7 @@ if (Platform.OS === 'android') {
         UIManager.setLayoutAnimationEnabledExperimental(true);
     }
 }
-export const RangeSlider = ({ value = [0, 100], min = 0, max = 100, disabled, selected, error, onChangeValue, testID, }) => {
+const RangeSliderComponent = ({ value = [0, 100], min = 0, max = 100, disabled, selected, error, onChangeValue, testID, }) => {
     const styles = useRangeSliderStyles();
     // Referência para o container do slider
     const sliderContainerRef = React.useRef(null);
@@ -119,3 +119,5 @@ export const RangeSlider = ({ value = [0, 100], min = 0, max = 100, disabled, se
                     { transform: [{ translateX: rightThumbPosition }] },
                 ], children: _jsx(View, { style: styles.thumbDot }) })] }));
 };
+export const RangeSlider = React.memo(RangeSliderComponent);
+RangeSlider.displayName = "RangeSlider";

package/dist/components/search-button/search-button.component.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { SearchButtonProps } from "./search-button.props";
-export declare const SearchButton: React.FC<SearchButtonProps>;
+export declare const SearchButton: React.NamedExoticComponent<SearchButtonProps>;
 //# sourceMappingURL=search-button.component.d.ts.map

package/dist/components/search-button/search-button.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search-button.component.d.ts","sourceRoot":"","sources":["../../../src/components/search-button/search-button.component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAG1D,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAYpD,CAAC"}
+{"version":3,"file":"search-button.component.d.ts","sourceRoot":"","sources":["../../../src/components/search-button/search-button.component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAiB1D,eAAO,MAAM,YAAY,+CAAoC,CAAC"}

package/dist/components/search-button/search-button.component.js

@@ -1,8 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Text, TouchableOpacity } from "react-native";
+import React from "react";
 import { SearchIcon } from "../../icons";
 import { useSearchButtonStyles } from "./search-button.styles";
-export const SearchButton = ({ onPress, label = "Buscar", }) => {
+const SearchButtonComponent = ({ onPress, label = "Buscar", }) => {
     const styles = useSearchButtonStyles();
     return (_jsxs(TouchableOpacity, { style: styles.container, onPress: onPress, children: [_jsx(SearchIcon, { size: 20, color: "#3E4751" }), _jsx(Text, { style: styles.label, children: label })] }));
 };
+export const SearchButton = React.memo(SearchButtonComponent);
+SearchButton.displayName = "SearchButton";

package/dist/components/seller-box/seller-box.component.d.ts

@@ -1,4 +1,4 @@
 import * as React from "react";
 import type { SellerBoxProps } from "./seller-box.types";
-export declare const SellerBox: React.FC<SellerBoxProps>;
+export declare const SellerBox: React.NamedExoticComponent<SellerBoxProps>;
 //# sourceMappingURL=seller-box.component.d.ts.map

package/dist/components/seller-box/seller-box.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"seller-box.component.d.ts","sourceRoot":"","sources":["../../../src/components/seller-box/seller-box.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAGV,cAAc,EACf,MAAM,oBAAoB,CAAC;AAgG5B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA2B9C,CAAC"}
+{"version":3,"file":"seller-box.component.d.ts","sourceRoot":"","sources":["../../../src/components/seller-box/seller-box.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAGV,cAAc,EACf,MAAM,oBAAoB,CAAC;AA6H5B,eAAO,MAAM,SAAS,4CAAiC,CAAC"}

package/dist/components/seller-box/seller-box.component.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
 import { Text, TouchableOpacity, View } from "react-native";
 import { CheckCircleIcon } from "../../icons";
 import { useSellerBoxStyles } from "./seller-box.styles";
@@ -10,7 +11,9 @@ const Seller3PCard = ({ partnerName, partnershipTime, isVerified, salesCount, sa
     const styles = useSellerBoxStyles();
     return (_jsxs(View, { style: styles.card, children: [_jsxs(View, { style: { flexDirection: "row", alignItems: "baseline" }, children: [_jsx(Text, { style: styles.title, children: "Vendido e entregue por " }), _jsx(TouchableOpacity, { onPress: onPartnerNamePress, accessibilityLabel: `Ver detalhes do parceiro ${partnerName}`, accessibilityRole: "button", children: _jsx(Text, { style: styles.partnerName, children: partnerName }) })] }), _jsxs(Text, { style: styles.partnershipTime, children: ["Parceiro oficial ", partnershipTime] }), isVerified && (_jsxs(View, { style: styles.verifiedBadge, children: [_jsx(CheckCircleIcon, { size: 16, color: "#101010", fill: "#D3FFE3", style: styles.verifiedIcon }), _jsx(Text, { style: styles.verifiedText, children: "Vendedor verificado" })] })), _jsxs(Text, { style: styles.infoText, children: ["+ ", salesCount, " vendas nos \u00FAltimos ", salesPeriod] }), _jsxs(Text, { style: styles.infoText, children: [productsCount, " produtos em cat\u00E1logo"] }), onSaibaMaisPress && (_jsx(TouchableOpacity, { onPress: onSaibaMaisPress, style: { marginTop: 8 }, accessibilityLabel: "Saiba mais sobre o vendedor", accessibilityRole: "button", children: _jsx(Text, { style: styles.saibaMais, children: "Saiba mais" }) }))] }));
 };
-export const SellerBox = (props) => {
+const SellerBoxComponent = (props) => {
     const styles = useSellerBoxStyles();
     return (_jsx(View, { testID: props.testID, style: styles.container, children: _jsx(View, { style: styles.row, children: props.sellerType === "1P" ? (_jsx(Seller1PCard, { cashbackText: props.cashbackText, cashbackDescription: props.cashbackDescription, onSaibaMaisPress: props.onSaibaMaisPress })) : (_jsx(Seller3PCard, { partnerName: props.partnerName, partnershipTime: props.partnershipTime, isVerified: props.isVerified, salesCount: props.salesCount, salesPeriod: props.salesPeriod, productsCount: props.productsCount, onSaibaMaisPress: props.onSaibaMaisPress, onPartnerNamePress: props.onPartnerNamePress })) }) }));
 };
+export const SellerBox = React.memo(SellerBoxComponent);
+SellerBox.displayName = "SellerBox";

package/dist/components/toggle-switch/toggle-switch.component.d.ts

@@ -1,4 +1,4 @@
 import * as React from "react";
 import type { ToggleSwitchProps } from "./toggle-switch.types";
-export declare const ToggleSwitch: React.FC<ToggleSwitchProps>;
+export declare const ToggleSwitch: React.NamedExoticComponent<ToggleSwitchProps>;
 //# sourceMappingURL=toggle-switch.component.d.ts.map

package/dist/components/toggle-switch/toggle-switch.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-switch.component.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-switch/toggle-switch.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2DpD,CAAC"}
+{"version":3,"file":"toggle-switch.component.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-switch/toggle-switch.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AA+D/D,eAAO,MAAM,YAAY,+CAAoC,CAAC"}

package/dist/components/toggle-switch/toggle-switch.component.js

@@ -3,7 +3,7 @@ import * as React from "react";
 import { Text, TouchableOpacity, View } from "react-native";
 import { useTheme } from "../../themes";
 import { useToggleSwitchStyles } from "./toggle-switch.styles";
-export const ToggleSwitch = ({ isOn = false, onToggle, disabled = false, error = false, testID, label, }) => {
+const ToggleSwitchComponent = ({ isOn = false, onToggle, disabled = false, error = false, testID, label, }) => {
     const styles = useToggleSwitchStyles();
     const { colors } = useTheme();
     const handlePress = React.useCallback(() => {
@@ -29,3 +29,5 @@ export const ToggleSwitch = ({ isOn = false, onToggle, disabled = false, error =
                     error && styles.labelError,
                 ], children: label }))] }));
 };
+export const ToggleSwitch = React.memo(ToggleSwitchComponent);
+ToggleSwitch.displayName = "ToggleSwitch";

package/dist/components/typography/typography.component.d.ts

@@ -1,4 +1,4 @@
 import * as React from "react";
 import type { TypographyProps } from "./typography.types";
-export declare const Typography: React.FC<TypographyProps>;
+export declare const Typography: React.NamedExoticComponent<TypographyProps>;
 //# sourceMappingURL=typography.component.d.ts.map

package/dist/components/typography/typography.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typography.component.d.ts","sourceRoot":"","sources":["../../../src/components/typography/typography.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuChD,CAAC"}
+{"version":3,"file":"typography.component.d.ts","sourceRoot":"","sources":["../../../src/components/typography/typography.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AA2C1D,eAAO,MAAM,UAAU,6CAAkC,CAAC"}

package/dist/components/typography/typography.component.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
 import { Text } from "react-native";
 import { useTypographyStyles } from "./typography.styles";
-export const Typography = ({ children, variant = "text2", color = "primary", align = "left", bold = false, italic = false, underline = false, strikethrough = false, numberOfLines, style, testID, ...rest }) => {
+const TypographyComponent = ({ children, variant = "text2", color = "primary", align = "left", bold = false, italic = false, underline = false, strikethrough = false, numberOfLines, style, testID, ...rest }) => {
     const styles = useTypographyStyles();
     // Combinar os estilos base com os modificadores
     const textStyles = [
@@ -16,3 +17,5 @@ export const Typography = ({ children, variant = "text2", color = "primary", ali
     ];
     return (_jsx(Text, { style: textStyles, numberOfLines: numberOfLines, testID: testID, accessibilityRole: "text", ...rest, children: children }));
 };
+export const Typography = React.memo(TypographyComponent);
+Typography.displayName = "Typography";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "decathlon-ui",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "Biblioteca de componentes React Native com Storybook e documentação via GitHub Pages.",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -44,6 +44,8 @@
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-native": "^0.78.0",
+    "react-native-image-viewing": "^0.2.2",
+    "react-native-safe-area-context": "^5.5.1",
     "react-native-svg": "^15.10.0",
     "react-native-svg-web": "^1.0.9",
     "react-native-web": "^0.19.9",