@sonic-equipment/ui 0.0.61 → 0.0.62

package/dist/index.js

@@ -7584,10 +7584,10 @@ function AlgoliaSortBy() {
 
 var styles$i = {"category-card":"category-card-module-4NUjH","title":"category-card-module-LEhh3","arrow":"category-card-module-hL4-A","is-selected":"category-card-module-vJ7vB","image-container":"category-card-module-oNTrK"};
 
-function CategoryCard({ href, image, isSelected = false, title, withArrow = false, }) {
+function CategoryCard({ href, image, isSelected = false, onClick, title, withArrow = false, }) {
     return (jsxs(RouteLink, { className: clsx({
             [styles$i['is-selected']]: isSelected,
-        }, styles$i['category-card']), href: href, children: [jsx("div", { className: styles$i['image-container'], children: jsx(Image, { ...image, fit: "contain" }) }), jsxs("p", { className: styles$i.title, children: [jsx("span", { children: title }), withArrow && jsx(GlyphsArrowBoldCapsRightIcon, { className: styles$i.arrow })] })] }));
+        }, styles$i['category-card']), href: href, onClick: onClick, children: [jsx("div", { className: styles$i['image-container'], children: jsx(Image, { ...image, fit: "contain" }) }), jsxs("p", { className: styles$i.title, children: [jsx("span", { children: title }), withArrow && jsx(GlyphsArrowBoldCapsRightIcon, { className: styles$i.arrow })] })] }));
 }
 
 const ProductListingPageContext = createContext({
@@ -8155,12 +8155,12 @@ function ConnectedSearchInput() {
 
 var styles$8 = {"categories-grid":"categories-grid-module-C751R","category":"categories-grid-module-7OZS1"};
 
-function CategoriesGrid({ categories }) {
+function CategoriesGrid({ categories, onItemClick, }) {
     return (jsx("div", { className: styles$8['categories-grid'], children: categories.map(category => (jsx("div", { className: styles$8['category'], children: jsx(CategoryCard, { withArrow: true, href: category.href, image: {
                     fit: 'contain',
                     image: category.image,
                     title: category.title,
-                }, title: category.title }, category.title) }, category.title))) }));
+                }, onClick: onItemClick, title: category.title }, category.title) }, category.title))) }));
 }
 
 var styles$7 = {"search-section":"search-section-module-qaTiw","header":"search-section-module-E--U2","title":"search-section-module-AHlDR","content":"search-section-module-VZlvZ"};
@@ -8186,10 +8186,11 @@ function NotFound() {
 function PopularCategoriesSection() {
     const { popularCategories: collection } = useAlgoliaSearch();
     const t = useFormattedMessage();
+    const { close } = useGlobalSearchDisclosure();
     if (!collection)
         return null;
     const { items } = collection;
-    return (jsx(SearchSection, { title: t('Explore by categories'), children: jsx("div", { className: styles$6['categories-grid-container'], children: jsx(CategoriesGrid, { categories: items }) }) }));
+    return (jsx(SearchSection, { title: t('Explore by categories'), children: jsx("div", { className: styles$6['categories-grid-container'], children: jsx(CategoriesGrid, { categories: items, onItemClick: close }) }) }));
 }
 
 function Highlight({ attribute, hit, tagName = 'mark', }) {
@@ -8245,11 +8246,12 @@ function RecentSearchesSection() {
 }
 function QuickAccessSection() {
     const { quickAccess: collection } = useAlgoliaSearch();
+    const { close } = useGlobalSearchDisclosure();
     const t = useFormattedMessage();
     if (!collection)
         return;
     const { items } = collection;
-    return (jsx(SearchSection, { title: t('Quick access'), children: jsx("div", { className: styles$3['quick-access-section'], children: jsx(Carousel, { className: styles$3['quick-access-carousel'], hasNavigation: false, hasOverflow: false, navigationButtonsPosition: "center", slides: items.map((item, index) => (jsx(RouteLink, { className: styles$3['quick-access-card'], href: item.action.url, children: jsx(Image, { height: 343, image: item.image, title: item.image.altText, width: 192 }) }, index))), spaceBetween: 16 }) }) }));
+    return (jsx(SearchSection, { title: t('Quick access'), children: jsx("div", { className: styles$3['quick-access-section'], children: jsx(Carousel, { className: styles$3['quick-access-carousel'], hasNavigation: false, hasOverflow: false, navigationButtonsPosition: "center", slides: items.map((item, index) => (jsx(RouteLink, { className: styles$3['quick-access-card'], href: item.action.url, onClick: close, children: jsx(Image, { height: 343, image: item.image, title: item.image.altText, width: 192 }) }, index))), spaceBetween: 16 }) }) }));
 }
 
 var styles$2 = {"slide":"product-carousel-module-XVTB1"};

package/dist/src/cards/category-card/category-card.d.ts

@@ -3,7 +3,8 @@ export interface CategoryCardProps {
     href: string;
     image: ImageSource;
     isSelected?: boolean;
+    onClick?: VoidFunction;
     title: string;
     withArrow?: boolean;
 }
-export declare function CategoryCard({ href, image, isSelected, title, withArrow, }: CategoryCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function CategoryCard({ href, image, isSelected, onClick, title, withArrow, }: CategoryCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/global-search/categories-grid/categories-grid.d.ts

@@ -1,5 +1,6 @@
 import { Category } from 'shared/model/category';
 export interface CategoriesGridProps {
     categories: Category[];
+    onItemClick?: VoidFunction;
 }
-export declare function CategoriesGrid({ categories }: CategoriesGridProps): import("react/jsx-runtime").JSX.Element;
+export declare function CategoriesGrid({ categories, onItemClick, }: CategoriesGridProps): import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sonic-equipment/ui",
-  "version": "0.0.61",
+  "version": "0.0.62",
   "type": "module",
   "license": "MIT",
   "engines": {