@envive-ai/react-toolkit 0.2.9 → 0.2.10

package/dist/ToggleButton/index.js

@@ -1,4 +1,4 @@
 import "../Typography-D3vDkBMS.js";
-import { ToggleButton } from "../ToggleButton-8P9eNKy1.js";
+import { ToggleButton } from "../ToggleButton-Br6MgjiG.js";
 
 export { ToggleButton };

package/dist/{index-Dz7MKQfH.d.cts → index-BB4Qbpmg.d.ts}

@@ -1,6 +1,6 @@
-import * as react_jsx_runtime20 from "react/jsx-runtime";
-import { TestProps } from "@envive-ai/react-hooks/types";
 import { FC } from "react";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
+import { TestProps } from "@envive-ai/react-hooks/types";
 import { ResponseCategory, SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
 
 //#region src/util/trim.d.ts
@@ -261,7 +261,7 @@ declare const RatingSummary: ({
   stars,
   reviewCount,
   className
-}: RatingSummaryProps) => react_jsx_runtime20.JSX.Element;
+}: RatingSummaryProps) => react_jsx_runtime18.JSX.Element;
 interface PriceSectionProps {
   originalPrice?: string;
   salePrice?: string;
@@ -271,7 +271,7 @@ declare const PriceSection: ({
   originalPrice,
   salePrice,
   pricePrefix
-}: PriceSectionProps) => react_jsx_runtime20.JSX.Element;
+}: PriceSectionProps) => react_jsx_runtime18.JSX.Element;
 interface ProductCardProps extends TestProps {
   productCardConfig?: ProductCardConfig;
   merchantShortName: string;
@@ -308,7 +308,7 @@ declare const ProductCard: ({
   aspectRatio,
   growWithContainer,
   onClick
-}: ProductCardProps) => react_jsx_runtime20.JSX.Element;
+}: ProductCardProps) => react_jsx_runtime18.JSX.Element;
 //#endregion
 //#region src/components/ProductCard/ProductCardSkeleton.d.ts
 declare const ProductCardSkeleton: FC<ProductCardSkeletonProps>;

package/dist/{index-Wd_cQHmW.d.ts → index-BqARXvZ6.d.cts}

@@ -1,6 +1,6 @@
-import { FC } from "react";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 import { TestProps } from "@envive-ai/react-hooks/types";
+import { FC } from "react";
 import { ResponseCategory, SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
 
 //#region src/util/trim.d.ts
@@ -261,7 +261,7 @@ declare const RatingSummary: ({
   stars,
   reviewCount,
   className
-}: RatingSummaryProps) => react_jsx_runtime6.JSX.Element;
+}: RatingSummaryProps) => react_jsx_runtime12.JSX.Element;
 interface PriceSectionProps {
   originalPrice?: string;
   salePrice?: string;
@@ -271,7 +271,7 @@ declare const PriceSection: ({
   originalPrice,
   salePrice,
   pricePrefix
-}: PriceSectionProps) => react_jsx_runtime6.JSX.Element;
+}: PriceSectionProps) => react_jsx_runtime12.JSX.Element;
 interface ProductCardProps extends TestProps {
   productCardConfig?: ProductCardConfig;
   merchantShortName: string;
@@ -308,7 +308,7 @@ declare const ProductCard: ({
   aspectRatio,
   growWithContainer,
   onClick
-}: ProductCardProps) => react_jsx_runtime6.JSX.Element;
+}: ProductCardProps) => react_jsx_runtime12.JSX.Element;
 //#endregion
 //#region src/components/ProductCard/ProductCardSkeleton.d.ts
 declare const ProductCardSkeleton: FC<ProductCardSkeletonProps>;

package/dist/{index-DL1kptAp.d.ts → index-DmvaMYbj.d.ts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime28 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 import { SearchFilterDatum, SelectFilterItem } from "@envive-ai/react-hooks/types";
 
 //#region src/components/SearchResultsFilterSidebar/types.d.ts
@@ -41,6 +41,6 @@ declare const SearchResultsFilter: ({
   onSelectFilterItem,
   onClearAllFilters,
   filterButtonText
-}: SearchResultsFilterProps) => react_jsx_runtime28.JSX.Element;
+}: SearchResultsFilterProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 export { CloseIconVariant$1 as CloseIconVariant, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses };

package/dist/{searchFilterSidebarVariants-B1P8YS86.cjs → searchFilterSidebarVariants-DzCf_sfh.cjs}

@@ -1,4 +1,4 @@
-const require_colorsConfig = require('./colorsConfig-BjmNL7s7.cjs');
+const require_colorsConfig = require('./colorsConfig-B3-SMUSx.cjs');
 
 //#region src/components/SearchResultsFilterSidebar/searchFilterSidebarVariants.ts
 const searchFilterSidebarVariantClasses = {

package/dist/{searchFilterSidebarVariants-CN9_kzJ8.js → searchFilterSidebarVariants-f9PS9fl6.js}

@@ -1,4 +1,4 @@
-import { ColorNames, colorVar } from "./colorsConfig-E7w6Ol6W.js";
+import { ColorNames, colorVar } from "./colorsConfig-DZ-GSPWy.js";
 
 //#region src/components/SearchResultsFilterSidebar/searchFilterSidebarVariants.ts
 const searchFilterSidebarVariantClasses = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@envive-ai/react-toolkit",
-  "version": "0.2.9",
+  "version": "0.2.10",
   "description": "React component library for Envive services.",
   "keywords": [
     "react",

package/src/components/ProductGrid/ProductGrid.tsx

@@ -10,6 +10,7 @@ interface ProductGridProps {
   productCardConfig: ProductCardConfig;
   merchantShortName: string;
   cardsGrowWithContainer?: boolean;
+  onProductClick?: (product: SearchResponseProductAttributes['attributes'], index: number) => void;
 }
 
 export const ProductGrid = ({
@@ -19,6 +20,7 @@ export const ProductGrid = ({
   productCardConfig,
   merchantShortName,
   cardsGrowWithContainer = true,
+  onProductClick,
 }: ProductGridProps) => {
   const {
     productCardVariant,
@@ -35,7 +37,7 @@ export const ProductGrid = ({
 
   return (
     <div className={productGridClasses}>
-      {productList.map((product: (typeof productList)[0]) => (
+      {productList.map((product: (typeof productList)[0], index: number) => (
         <div key={product.id} className={cardContainerClasses}>
           <ProductCard
             productCardConfig={productCardConfig}
@@ -53,6 +55,7 @@ export const ProductGrid = ({
             zoomOnHover={zoomOnHover}
             aspectRatio={productCardImageAspectRatio}
             growWithContainer={cardsGrowWithContainer}
+            onClick={() => onProductClick?.(product, index)}
           />
         </div>
       ))}