@beyondcorp/beyond-ui 1.1.97 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -5,7 +5,7 @@ import { Button } from '../Button/Button.js';
|
|
|
5
5
|
import { ShoppingCart, Heart, Share2 } from 'lucide-react';
|
|
6
6
|
import { cn } from '../../utils/cn.js';
|
|
7
7
|
|
|
8
|
-
const ProductCard = ({ product, onClick, onAddToCart, onWishlist, onShare, className, }) => (jsxs(Card, { className: cn('flex flex-col overflow-hidden transition-all shadow-md rounded-lg', className), variant: "elevated", padding: "md", children: [jsxs(CardHeader, { children: [jsx("div", { className: "aspect-square bg-gray-100 rounded-lg mb-4 flex items-center justify-center cursor-pointer w-full", onClick: onClick, title: product.name, children: product.images && product.images[0] ? (jsx("img", { src: product.images[0], alt: product.name, className: "object-contain w-full h-full max-h-32 max-w-full" })) : (jsx(ShoppingCart, { className: "h-12 w-12 text-gray-400" })) }), jsxs("div", { className: "flex items-center space-x-2 mb-2", children: [jsx(Badge, { variant: product.inStock ? 'success' : 'danger', children: product.inStock ? 'In Stock' : 'Out of Stock' }), product.discount && (jsx(Badge, { variant: "danger", children: product.discount }))] }), jsx(CardTitle, { className: "mb-1 truncate", children: product.name })] }), jsxs(CardContent, { children: [jsx(CardDescription, { className: "mb-2 line-clamp-2 break-words", children: product.description }), jsxs("div", { className: "flex items-center space-x-2 mb-4", children: [jsxs("span", { className: "text-xl font-bold text-gray-900", children: ["$", product.price.toFixed(2)] }), product.oldPrice && (jsxs("span", { className: "text-sm text-gray-500 line-through", children: ["$", product.oldPrice.toFixed(2)] }))] })] }), jsxs(CardFooter, { className: "mt-auto flex flex-col sm:flex-row gap-2", children: [jsxs(Button, { variant: "primary", size: "sm", className: "flex-1", onClick: onAddToCart, disabled: !product.inStock, children: [jsx(ShoppingCart, { className: "mr-1 h-4 w-4" }), "Add"] }), jsx(Button, { variant: "outline", size: "sm", onClick: onWishlist, "aria-label": "Wishlist", children: jsx(Heart, { className: "h-4 w-4" }) }), jsx(Button, { variant: "outline", size: "sm", onClick: onShare, "aria-label": "Share", children: jsx(Share2, { className: "h-4 w-4" }) })] })] }));
|
|
8
|
+
const ProductCard = ({ product, onClick, onAddToCart, onWishlist, onShare, className, }) => (jsxs(Card, { className: cn('flex flex-col h-full w-full overflow-hidden transition-all shadow-md rounded-lg', className), variant: "elevated", padding: "md", children: [jsxs(CardHeader, { children: [jsx("div", { className: "aspect-square bg-gray-100 rounded-lg mb-4 flex items-center justify-center cursor-pointer w-full", onClick: onClick, title: product.name, children: product.images && product.images[0] ? (jsx("img", { src: product.images[0], alt: product.name, className: "object-contain w-full h-full max-h-32 max-w-full" })) : (jsx(ShoppingCart, { className: "h-12 w-12 text-gray-400" })) }), jsxs("div", { className: "flex items-center space-x-2 mb-2", children: [jsx(Badge, { variant: product.inStock ? 'success' : 'danger', children: product.inStock ? 'In Stock' : 'Out of Stock' }), product.discount && (jsx(Badge, { variant: "danger", children: product.discount }))] }), jsx(CardTitle, { className: "mb-1 truncate", children: product.name })] }), jsxs(CardContent, { children: [jsx(CardDescription, { className: "mb-2 line-clamp-2 break-words", children: product.description }), jsxs("div", { className: "flex items-center space-x-2 mb-4", children: [jsxs("span", { className: "text-xl font-bold text-gray-900", children: ["$", product.price.toFixed(2)] }), product.oldPrice && (jsxs("span", { className: "text-sm text-gray-500 line-through", children: ["$", product.oldPrice.toFixed(2)] }))] })] }), jsxs(CardFooter, { className: "mt-auto flex flex-col sm:flex-row gap-2", children: [jsxs(Button, { variant: "primary", size: "sm", className: "flex-1", onClick: onAddToCart, disabled: !product.inStock, children: [jsx(ShoppingCart, { className: "mr-1 h-4 w-4" }), "Add"] }), jsx(Button, { variant: "outline", size: "sm", onClick: onWishlist, "aria-label": "Wishlist", children: jsx(Heart, { className: "h-4 w-4" }) }), jsx(Button, { variant: "outline", size: "sm", onClick: onShare, "aria-label": "Share", children: jsx(Share2, { className: "h-4 w-4" }) })] })] }));
|
|
9
9
|
|
|
10
10
|
export { ProductCard };
|
|
11
11
|
//# sourceMappingURL=ProductCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductCard.js","sources":["../../../src/components/AllProductsView/ProductCard.tsx"],"sourcesContent":["import React from 'react';\r\nimport { CardHeader, CardFooter, CardTitle, CardDescription, CardContent } from '../Card';\r\nimport { Card } from '../Card';\r\nimport { Badge } from '../Badge';\r\nimport { Button } from '../Button';\r\nimport { Heart, ShoppingCart, Share2 } from 'lucide-react';\r\nimport { ProductData } from '../SingleProductView/SingleProductView';\r\nimport { cn } from '../../utils/cn';\r\n\r\nexport interface ProductCardProps {\r\n product: ProductData;\r\n onClick?: () => void;\r\n onAddToCart?: () => void;\r\n onWishlist?: () => void;\r\n onShare?: () => void;\r\n className?: string;\r\n}\r\n\r\nexport const ProductCard: React.FC<ProductCardProps> = ({\r\n product,\r\n onClick,\r\n onAddToCart,\r\n onWishlist,\r\n onShare,\r\n className,\r\n}) => (\r\n <Card\r\n className={cn(\r\n 'flex flex-col overflow-hidden transition-all shadow-md rounded-lg',\r\n className\r\n )}\r\n variant=\"elevated\"\r\n padding=\"md\"\r\n >\r\n <CardHeader>\r\n <div\r\n className=\"aspect-square bg-gray-100 rounded-lg mb-4 flex items-center justify-center cursor-pointer w-full\"\r\n onClick={onClick}\r\n title={product.name}\r\n >\r\n {product.images && product.images[0] ? (\r\n <img\r\n src={product.images[0]}\r\n alt={product.name}\r\n className=\"object-contain w-full h-full max-h-32 max-w-full\"\r\n />\r\n ) : (\r\n <ShoppingCart className=\"h-12 w-12 text-gray-400\" />\r\n )}\r\n </div>\r\n <div className=\"flex items-center space-x-2 mb-2\">\r\n <Badge variant={product.inStock ? 'success' : 'danger'}>\r\n {product.inStock ? 'In Stock' : 'Out of Stock'}\r\n </Badge>\r\n {product.discount && (\r\n <Badge variant=\"danger\">{product.discount}</Badge>\r\n )}\r\n </div>\r\n <CardTitle className=\"mb-1 truncate\">{product.name}</CardTitle>\r\n </CardHeader>\r\n <CardContent>\r\n <CardDescription className=\"mb-2 line-clamp-2 break-words\">\r\n {product.description}\r\n </CardDescription>\r\n <div className=\"flex items-center space-x-2 mb-4\">\r\n <span className=\"text-xl font-bold text-gray-900\">${product.price.toFixed(2)}</span>\r\n {product.oldPrice && (\r\n <span className=\"text-sm text-gray-500 line-through\">\r\n ${product.oldPrice.toFixed(2)}\r\n </span>\r\n )}\r\n </div>\r\n </CardContent>\r\n <CardFooter className=\"mt-auto flex flex-col sm:flex-row gap-2\">\r\n <Button\r\n variant=\"primary\"\r\n size=\"sm\"\r\n className=\"flex-1\"\r\n onClick={onAddToCart}\r\n disabled={!product.inStock}\r\n >\r\n <ShoppingCart className=\"mr-1 h-4 w-4\" />\r\n Add\r\n </Button>\r\n <Button\r\n variant=\"outline\"\r\n size=\"sm\"\r\n onClick={onWishlist}\r\n aria-label=\"Wishlist\"\r\n >\r\n <Heart className=\"h-4 w-4\" />\r\n </Button>\r\n <Button\r\n variant=\"outline\"\r\n size=\"sm\"\r\n onClick={onShare}\r\n aria-label=\"Share\"\r\n >\r\n <Share2 className=\"h-4 w-4\" />\r\n </Button>\r\n </CardFooter>\r\n </Card>\r\n);"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAkBO,MAAM,WAAW,GAA+B,CAAC,EACtD,OAAO,EACP,OAAO,EACP,WAAW,EACX,UAAU,EACV,OAAO,EACP,SAAS,GACV,MACCA,IAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAE,EAAE,CACX,
|
|
1
|
+
{"version":3,"file":"ProductCard.js","sources":["../../../src/components/AllProductsView/ProductCard.tsx"],"sourcesContent":["import React from 'react';\r\nimport { CardHeader, CardFooter, CardTitle, CardDescription, CardContent } from '../Card';\r\nimport { Card } from '../Card';\r\nimport { Badge } from '../Badge';\r\nimport { Button } from '../Button';\r\nimport { Heart, ShoppingCart, Share2 } from 'lucide-react';\r\nimport { ProductData } from '../SingleProductView/SingleProductView';\r\nimport { cn } from '../../utils/cn';\r\n\r\nexport interface ProductCardProps {\r\n product: ProductData;\r\n onClick?: () => void;\r\n onAddToCart?: () => void;\r\n onWishlist?: () => void;\r\n onShare?: () => void;\r\n className?: string;\r\n}\r\n\r\nexport const ProductCard: React.FC<ProductCardProps> = ({\r\n product,\r\n onClick,\r\n onAddToCart,\r\n onWishlist,\r\n onShare,\r\n className,\r\n}) => (\r\n <Card\r\n className={cn(\r\n 'flex flex-col h-full w-full overflow-hidden transition-all shadow-md rounded-lg',\r\n className\r\n )}\r\n variant=\"elevated\"\r\n padding=\"md\"\r\n >\r\n <CardHeader>\r\n <div\r\n className=\"aspect-square bg-gray-100 rounded-lg mb-4 flex items-center justify-center cursor-pointer w-full\"\r\n onClick={onClick}\r\n title={product.name}\r\n >\r\n {product.images && product.images[0] ? (\r\n <img\r\n src={product.images[0]}\r\n alt={product.name}\r\n className=\"object-contain w-full h-full max-h-32 max-w-full\"\r\n />\r\n ) : (\r\n <ShoppingCart className=\"h-12 w-12 text-gray-400\" />\r\n )}\r\n </div>\r\n <div className=\"flex items-center space-x-2 mb-2\">\r\n <Badge variant={product.inStock ? 'success' : 'danger'}>\r\n {product.inStock ? 'In Stock' : 'Out of Stock'}\r\n </Badge>\r\n {product.discount && (\r\n <Badge variant=\"danger\">{product.discount}</Badge>\r\n )}\r\n </div>\r\n <CardTitle className=\"mb-1 truncate\">{product.name}</CardTitle>\r\n </CardHeader>\r\n <CardContent>\r\n <CardDescription className=\"mb-2 line-clamp-2 break-words\">\r\n {product.description}\r\n </CardDescription>\r\n <div className=\"flex items-center space-x-2 mb-4\">\r\n <span className=\"text-xl font-bold text-gray-900\">${product.price.toFixed(2)}</span>\r\n {product.oldPrice && (\r\n <span className=\"text-sm text-gray-500 line-through\">\r\n ${product.oldPrice.toFixed(2)}\r\n </span>\r\n )}\r\n </div>\r\n </CardContent>\r\n <CardFooter className=\"mt-auto flex flex-col sm:flex-row gap-2\">\r\n <Button\r\n variant=\"primary\"\r\n size=\"sm\"\r\n className=\"flex-1\"\r\n onClick={onAddToCart}\r\n disabled={!product.inStock}\r\n >\r\n <ShoppingCart className=\"mr-1 h-4 w-4\" />\r\n Add\r\n </Button>\r\n <Button\r\n variant=\"outline\"\r\n size=\"sm\"\r\n onClick={onWishlist}\r\n aria-label=\"Wishlist\"\r\n >\r\n <Heart className=\"h-4 w-4\" />\r\n </Button>\r\n <Button\r\n variant=\"outline\"\r\n size=\"sm\"\r\n onClick={onShare}\r\n aria-label=\"Share\"\r\n >\r\n <Share2 className=\"h-4 w-4\" />\r\n </Button>\r\n </CardFooter>\r\n </Card>\r\n);"],"names":["_jsxs","_jsx"],"mappings":"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"}
|