@envive-ai/react-toolkit 0.2.8 → 0.2.10

package/dist/Spinner/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/Spinner/Spinner.d.ts
 type SpinnerProps = {
@@ -6,6 +6,6 @@ type SpinnerProps = {
 };
 declare const Spinner: ({
   className
-}: SpinnerProps) => react_jsx_runtime5.JSX.Element;
+}: SpinnerProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Spinner };

package/dist/SuggestionButton/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime28 from "react/jsx-runtime";
+import * as react_jsx_runtime23 from "react/jsx-runtime";
 import { TestProps } from "@envive-ai/react-hooks/types";
 
 //#region src/components/SuggestionButton/types.d.ts
@@ -30,6 +30,6 @@ declare const SuggestionButton: ({
   dataAttributes,
   dataTestId,
   onClick
-}: SuggestionButtonProps) => react_jsx_runtime28.JSX.Element;
+}: SuggestionButtonProps) => react_jsx_runtime23.JSX.Element;
 //#endregion
 export { SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS, SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS, SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS, SuggestionButton, SuggestionButtonVariant };

package/dist/SuggestionButton/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 import { TestProps } from "@envive-ai/react-hooks/types";
 
 //#region src/components/SuggestionButton/types.d.ts
@@ -30,6 +30,6 @@ declare const SuggestionButton: ({
   dataAttributes,
   dataTestId,
   onClick
-}: SuggestionButtonProps) => react_jsx_runtime0.JSX.Element;
+}: SuggestionButtonProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 export { SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS, SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS, SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS, SuggestionButton, SuggestionButtonVariant };

package/dist/ToggleButton/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime27 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 
 //#region src/components/ToggleButton/ToggleButton.d.ts
 type ToggleButtonProps = {
@@ -25,6 +25,6 @@ declare const ToggleButton: ({
   icon,
   iconClassName,
   variant
-}: ToggleButtonProps) => react_jsx_runtime27.JSX.Element;
+}: ToggleButtonProps) => react_jsx_runtime8.JSX.Element;
 //#endregion
 export { ToggleButton, ToggleButtonProps, ToggleButtonVariant };

package/dist/{index-CY3-7i6i.d.cts → index-BB4Qbpmg.d.ts}

@@ -1,6 +1,6 @@
-import * as react_jsx_runtime22 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_runtime22.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_runtime22.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_runtime22.JSX.Element;
+}: ProductCardProps) => react_jsx_runtime18.JSX.Element;
 //#endregion
 //#region src/components/ProductCard/ProductCardSkeleton.d.ts
 declare const ProductCardSkeleton: FC<ProductCardSkeletonProps>;

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

@@ -1,6 +1,6 @@
-import { FC } from "react";
-import * as react_jsx_runtime16 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_runtime16.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_runtime16.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_runtime16.JSX.Element;
+}: ProductCardProps) => react_jsx_runtime12.JSX.Element;
 //#endregion
 //#region src/components/ProductCard/ProductCardSkeleton.d.ts
 declare const ProductCardSkeleton: FC<ProductCardSkeletonProps>;

package/dist/{index-OpwPXBH6.d.ts → index-Dfe_lkL2.d.cts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime1 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_runtime8.JSX.Element;
+}: SearchResultsFilterProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 export { CloseIconVariant$1 as CloseIconVariant, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses };

package/dist/{index-4KapT-qa.d.cts → index-DmvaMYbj.d.ts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime5 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_runtime5.JSX.Element;
+}: SearchResultsFilterProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 export { CloseIconVariant$1 as CloseIconVariant, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@envive-ai/react-toolkit",
-  "version": "0.2.8",
+  "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>
       ))}

package/src/components/RadioButton/RadioButton.tsx

@@ -1,6 +1,7 @@
 import classNames from 'classnames';
 import { useState } from 'react';
 import { TestProps } from '@envive-ai/react-hooks/types';
+import { Typography } from '../Typography';
 
 interface RadioButtonProps extends TestProps {
   isDisabled?: boolean;
@@ -55,7 +56,13 @@ export const RadioButton = ({
   };
 
   return (
-    <>
+    <label
+      className={containerClassName}
+      onMouseEnter={() => !isDisabled && setIsHovered(true)}
+      onMouseLeave={() => setIsHovered(false)}
+      aria-label={label}
+      htmlFor={id}
+    >
       <div className="spiffy-tw-relative">
         <input
           type="radio"
@@ -80,15 +87,7 @@ export const RadioButton = ({
           {checked && <circle cx="12" cy="12" r="9" fill={getFillColor()} />}
         </svg>
       </div>
-      <label
-        className={containerClassName}
-        onMouseEnter={() => !isDisabled && setIsHovered(true)}
-        onMouseLeave={() => setIsHovered(false)}
-        aria-label={label}
-        htmlFor={id}
-      >
-        {label}
-      </label>
-    </>
+      <Typography variant="body3">{label}</Typography>
+    </label>
   );
 };