@constructor-io/constructorio-ui-autocomplete 1.23.10 → 1.23.11

package/lib/cjs/components/Autocomplete/SectionItem/SectionItem.js

@@ -7,15 +7,15 @@ const typeGuards_1 = require("../../../typeGuards");
 const SectionItemText_1 = tslib_1.__importDefault(require("./SectionItemText"));
 const utils_1 = require("../../../utils");
 function SectionItem(props) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     const { item, children, displaySearchTermHighlights } = props;
     const { getItemProps, advancedParameters, query, featureToggles } = (0, react_1.useContext)(CioAutocompleteProvider_1.CioAutocompleteContext);
     const { featureDisplaySearchSuggestionImages, featureDisplaySearchSuggestionResultCounts } = featureToggles;
     const { displaySearchSuggestionImages = featureDisplaySearchSuggestionImages, displaySearchSuggestionResultCounts = featureDisplaySearchSuggestionResultCounts, translations, } = advancedParameters || {};
     let defaultChildren;
     if ((0, typeGuards_1.isProduct)(item)) {
-        defaultChildren = (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("img", { "data-testid": 'cio-img', src: (_a = item.data) === null || _a === void 0 ? void 0 : _a.image_url, alt: item.value, className: 'cio-product-image' }),
+        defaultChildren = (react_1.default.createElement("a", { href: (_a = item.data) === null || _a === void 0 ? void 0 : _a.url },
+            react_1.default.createElement("img", { "data-testid": 'cio-img', src: (_b = item.data) === null || _b === void 0 ? void 0 : _b.image_url, alt: item.value, className: 'cio-product-image' }),
             react_1.default.createElement("p", { "data-testid": 'cio-text', className: 'cio-product-text' },
                 react_1.default.createElement(SectionItemText_1.default, { item: item, query: query, highlightSearchTerm: displaySearchTermHighlights }))));
     }
@@ -27,12 +27,12 @@ function SectionItem(props) {
     }
     else if ((0, typeGuards_1.isSearchSuggestion)(item)) {
         defaultChildren = (react_1.default.createElement(react_1.default.Fragment, null,
-            displaySearchSuggestionImages && ((_b = item.data) === null || _b === void 0 ? void 0 : _b.image_url) && (react_1.default.createElement("img", { src: (_c = item.data) === null || _c === void 0 ? void 0 : _c.image_url, alt: item.value, className: 'cio-suggestion-image' })),
+            displaySearchSuggestionImages && ((_c = item.data) === null || _c === void 0 ? void 0 : _c.image_url) && (react_1.default.createElement("img", { src: (_d = item.data) === null || _d === void 0 ? void 0 : _d.image_url, alt: item.value, className: 'cio-suggestion-image' })),
             react_1.default.createElement("p", { className: 'cio-suggestion-text' },
                 react_1.default.createElement(SectionItemText_1.default, { item: item, query: query, highlightSearchTerm: displaySearchTermHighlights })),
-            displaySearchSuggestionResultCounts && ((_d = item.data) === null || _d === void 0 ? void 0 : _d.total_num_results) && (react_1.default.createElement("p", { className: 'cio-suggestion-count' },
-                "(", (_e = item.data) === null || _e === void 0 ? void 0 :
-                _e.total_num_results,
+            displaySearchSuggestionResultCounts && ((_e = item.data) === null || _e === void 0 ? void 0 : _e.total_num_results) && (react_1.default.createElement("p", { className: 'cio-suggestion-count' },
+                "(", (_f = item.data) === null || _f === void 0 ? void 0 :
+                _f.total_num_results,
                 ")"))));
     }
     else {

package/lib/cjs/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = '1.23.10';
+exports.default = '1.23.11';

package/lib/mjs/components/Autocomplete/SectionItem/SectionItem.js

@@ -10,7 +10,7 @@ export default function SectionItem(props) {
     const { displaySearchSuggestionImages = featureDisplaySearchSuggestionImages, displaySearchSuggestionResultCounts = featureDisplaySearchSuggestionResultCounts, translations, } = advancedParameters || {};
     let defaultChildren;
     if (isProduct(item)) {
-        defaultChildren = (React.createElement(React.Fragment, null,
+        defaultChildren = (React.createElement("a", { href: item.data?.url },
             React.createElement("img", { "data-testid": 'cio-img', src: item.data?.image_url, alt: item.value, className: 'cio-product-image' }),
             React.createElement("p", { "data-testid": 'cio-text', className: 'cio-product-text' },
                 React.createElement(SectionItemText, { item: item, query: query, highlightSearchTerm: displaySearchTermHighlights }))));

package/lib/mjs/version.js

@@ -1 +1 @@
-export default '1.23.10';
+export default '1.23.11';

package/lib/styles.css

@@ -91,6 +91,13 @@
   border-bottom: 3px solid transparent;
 }
 
+.cio-autocomplete .cio-item a {
+  color: inherit;
+  display: inline-flex;
+  text-decoration: inherit;
+  flex-direction: column;
+}
+
 .cio-autocomplete .cio-item[aria-selected='true'] {
   background-color: hsl(0, 0%, 90%);
   border-radius: 4px;
@@ -122,6 +129,7 @@
   width: 100%;
   max-width: 100px;
   max-height: 100px;
+  align-self: center;
 }
 
 .cio-autocomplete .cio-term-in-group {

package/lib/types/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.23.10";
+declare const _default: "1.23.11";
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@constructor-io/constructorio-ui-autocomplete",
-  "version": "1.23.10",
+  "version": "1.23.11",
   "description": "Constructor.io Autocomplete UI library for web applications",
   "main": "lib/cjs/index.js",
   "module": "lib/mjs/index.js",