@nicolassancho/storybook-core 3.0.11 → 3.0.13

package/dist/components/Molecules/ProductCard/ProductCard.js

@@ -18,7 +18,7 @@ const productCardStyles = tv({
         action: "relative z-10 mt-2",
     },
 });
-export const ProductCard = ({ imageUrl, title, brand, price, tag, buttonLabel = "Add to Cart", onClick = undefined, onProductClick, href, LinkComponent = "a", ImageComponent, imageProps, className, }) => {
+export const ProductCard = ({ imageUrl, title, brand, price, tag, buttonLabel = "Add to Cart", onClick, onProductClick, href, LinkComponent = "a", ImageComponent, imageProps, className, }) => {
     const styles = productCardStyles();
     let titleContent = title;
     if (href) {

package/dist/components/Organisms/ProductGrid/ProductGrid.d.ts

@@ -15,6 +15,10 @@ export interface ProductGridProps {
      * `ImageComponent`. See `ProductCard`.
      */
     ImageComponent?: ProductCardProps["ImageComponent"];
+    /**
+     * Returns the click handler for a product, called with the product and its index. It is
+     * the fallback: a product that sets its own `onProductClick` keeps it. See `ProductCard`.
+     */
     getOnProductClick?: (product: ProductCardProps, index: number) => () => void;
 }
 export declare const ProductGrid: React.FC<ProductGridProps>;

package/dist/components/Organisms/ProductGrid/ProductGrid.js

@@ -5,10 +5,9 @@ import { ProductCard } from "../../Molecules/ProductCard/ProductCard";
 const productGridStyles = tv({
     base: "xs:grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4",
 });
-export const ProductGrid = ({ products, columns = 3, gap = "medium", className, LinkComponent, ImageComponent, getOnProductClick = () => undefined, // optional click handler for each product card
- }) => {
+export const ProductGrid = ({ products, columns = 3, gap = "medium", className, LinkComponent, ImageComponent, getOnProductClick, }) => {
     return (_jsx(Grid, { columns: columns, gap: gap, className: productGridStyles({ className }), children: products.map((product, idx) => {
-            var _a;
-            return (_jsx(ProductCard, Object.assign({ LinkComponent: LinkComponent, ImageComponent: ImageComponent }, product, { onProductClick: getOnProductClick === null || getOnProductClick === void 0 ? void 0 : getOnProductClick(product, idx) }), (_a = product.id) !== null && _a !== void 0 ? _a : product.title));
+            var _a, _b;
+            return (_jsx(ProductCard, Object.assign({ LinkComponent: LinkComponent, ImageComponent: ImageComponent }, product, { onProductClick: (_a = product.onProductClick) !== null && _a !== void 0 ? _a : getOnProductClick === null || getOnProductClick === void 0 ? void 0 : getOnProductClick(product, idx) }), (_b = product.id) !== null && _b !== void 0 ? _b : product.title));
         }) }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nicolassancho/storybook-core",
-  "version": "3.0.11",
+  "version": "3.0.13",
   "description": "Accessible React + Tailwind component library built with tailwind-variants and documented in Storybook.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",