@constructor-io/constructorio-ui-autocomplete 1.24.0 → 1.25.1

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

@@ -43,10 +43,11 @@ const DefaultRenderSectionItemsList = function ({ section }) {
     return (react_1.default.createElement("li", Object.assign({}, getSectionProps(section)),
         react_1.default.createElement("h5", { className: 'cio-section-name cio-sectionName', "aria-hidden": true }, (0, format_1.camelToStartCase)(sectionTitle)),
         react_1.default.createElement("ul", { className: 'cio-section-items', role: 'none' }, (_c = section === null || section === void 0 ? void 0 : section.data) === null || _c === void 0 ? void 0 : _c.map((item) => {
+            var _a, _b;
             if (typeof (section === null || section === void 0 ? void 0 : section.renderItem) === 'function') {
-                return (react_1.default.createElement(CustomSectionItem_1.default, { renderItem: section.renderItem, item: item, query: query, key: item.id }));
+                return (react_1.default.createElement(CustomSectionItem_1.default, { renderItem: section.renderItem, item: item, query: query, key: ((_a = item === null || item === void 0 ? void 0 : item.data) === null || _a === void 0 ? void 0 : _a.variation_id) || (item === null || item === void 0 ? void 0 : item.id) }));
             }
-            return (react_1.default.createElement(SectionItem_1.default, { item: item, key: item === null || item === void 0 ? void 0 : item.id, displaySearchTermHighlights: section.displaySearchTermHighlights }));
+            return (react_1.default.createElement(SectionItem_1.default, { item: item, key: ((_b = item === null || item === void 0 ? void 0 : item.data) === null || _b === void 0 ? void 0 : _b.variation_id) || (item === null || item === void 0 ? void 0 : item.id), displaySearchTermHighlights: section.displaySearchTermHighlights }));
         })),
         displayShowAllResultsButton &&
             (typeof type === 'undefined' || type === 'autocomplete') &&

package/lib/cjs/utils/helpers.js

@@ -63,7 +63,7 @@ const disableStoryActions = (story) => {
 exports.disableStoryActions = disableStoryActions;
 const getCioClient = (apiKey, cioJsClientOptions) => {
     if (apiKey && typeof window !== 'undefined') {
-        const cioClient = new constructorio_client_javascript_1.default(Object.assign({ apiKey, sendTrackingEvents: true, version: `cio-ui-autocomplete-${version_1.default}` }, cioJsClientOptions));
+        const cioClient = new constructorio_client_javascript_1.default(Object.assign(Object.assign({ apiKey, sendTrackingEvents: true, version: `cio-ui-autocomplete-${version_1.default}` }, cioJsClientOptions), { eventDispatcher: { waitForBeacon: false } }));
         // eslint-disable-next-line no-console
         cioClient.tracker.on('error', (error) => console.error(error));
         return cioClient;

package/lib/cjs/version.js

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

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

@@ -40,9 +40,9 @@ const DefaultRenderSectionItemsList = function ({ section }) {
         React.createElement("h5", { className: 'cio-section-name cio-sectionName', "aria-hidden": true }, camelToStartCase(sectionTitle)),
         React.createElement("ul", { className: 'cio-section-items', role: 'none' }, section?.data?.map((item) => {
             if (typeof section?.renderItem === 'function') {
-                return (React.createElement(CustomSectionItem, { renderItem: section.renderItem, item: item, query: query, key: item.id }));
+                return (React.createElement(CustomSectionItem, { renderItem: section.renderItem, item: item, query: query, key: item?.data?.variation_id || item?.id }));
             }
-            return (React.createElement(SectionItem, { item: item, key: item?.id, displaySearchTermHighlights: section.displaySearchTermHighlights }));
+            return (React.createElement(SectionItem, { item: item, key: item?.data?.variation_id || item?.id, displaySearchTermHighlights: section.displaySearchTermHighlights }));
         })),
         displayShowAllResultsButton &&
             (typeof type === 'undefined' || type === 'autocomplete') &&

package/lib/mjs/utils/helpers.js

@@ -57,6 +57,7 @@ export const getCioClient = (apiKey, cioJsClientOptions) => {
             sendTrackingEvents: true,
             version: `cio-ui-autocomplete-${version}`,
             ...cioJsClientOptions,
+            eventDispatcher: { waitForBeacon: false },
         });
         // eslint-disable-next-line no-console
         cioClient.tracker.on('error', (error) => console.error(error));

package/lib/mjs/version.js

@@ -1 +1 @@
-export default '1.24.0';
+export default '1.25.1';

package/lib/types/components/Autocomplete/AutocompleteResults/AutocompleteResults.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { Item, Section } from '../../../types';
 export type RenderResults = (renderResultsArguments: {
     sections: Section[];
@@ -7,5 +7,5 @@ export type RenderResults = (renderResultsArguments: {
 type AutocompleteResultsProps = {
     children?: RenderResults | ReactNode;
 };
-export default function AutocompleteResults(props: AutocompleteResultsProps): React.JSX.Element;
+export default function AutocompleteResults(props: AutocompleteResultsProps): JSX.Element;
 export {};

package/lib/types/components/Autocomplete/AutocompleteResults/CloseIcon.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export default function CloseIcon(props: any): React.JSX.Element;
+/// <reference types="react" />
+export default function CloseIcon(props: any): JSX.Element;

package/lib/types/components/Autocomplete/AutocompleteResults/NoResults.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export default function NoResults(): React.JSX.Element;
+/// <reference types="react" />
+export default function NoResults(): JSX.Element;

package/lib/types/components/Autocomplete/CioAutocomplete/CioAutocomplete.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { CioAutocompleteProps } from '../../../types';
-export default function CioAutocomplete(props: CioAutocompleteProps): React.JSX.Element;
+export default function CioAutocomplete(props: CioAutocompleteProps): JSX.Element;

package/lib/types/components/Autocomplete/CioAutocompleteProvider.d.ts

@@ -33,4 +33,4 @@ export declare const CioAutocompleteContext: React.Context<{
     advancedParameters: import("../../types").AdvancedParameters | undefined;
     getSearchResultsUrl: ((item: import("../../types").SearchSuggestion) => string) | undefined;
 }>;
-export default function CioAutocompleteProvider(props: CioAutocompleteProps): React.JSX.Element;
+export default function CioAutocompleteProvider(props: CioAutocompleteProps): JSX.Element;

package/lib/types/components/Autocomplete/SearchInput/SearchInput.d.ts

@@ -1,7 +1,7 @@
-import React, { ReactElement } from 'react';
+import { ReactElement } from 'react';
 import { CioAutocompleteProps } from '../../../types';
 type SearchInputProps = {
     children?: (args: Partial<Omit<CioAutocompleteProps, 'children'>>) => ReactElement;
 };
-export default function SearchInput(props: SearchInputProps): React.JSX.Element;
+export default function SearchInput(props: SearchInputProps): JSX.Element;
 export {};

package/lib/types/components/Autocomplete/SectionItem/CustomSectionItem.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { Item } from '../../../types';
 interface CustomItemProps {
     item: Item;
@@ -9,5 +9,5 @@ interface CustomItemProps {
     }) => HTMLElement | ReactNode;
     query: string;
 }
-export default function CustomSectionItem(props: CustomItemProps): React.JSX.Element | null;
+export default function CustomSectionItem(props: CustomItemProps): JSX.Element | null;
 export {};

package/lib/types/components/Autocomplete/SectionItem/SearchSuggestionItem.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import { SearchSuggestion } from '../../../types';
 interface SearchSuggestionItemProps {
     item: SearchSuggestion;
     displaySearchTermHighlights?: boolean;
 }
-export default function SearchSuggestionItem(props: SearchSuggestionItemProps): React.JSX.Element;
+export default function SearchSuggestionItem(props: SearchSuggestionItemProps): JSX.Element;
 export {};

package/lib/types/components/Autocomplete/SectionItem/SectionItem.d.ts

@@ -1,9 +1,8 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { Item } from '../../../types';
 export interface SectionItemProps {
     item: Item;
     children?: ReactNode;
-    key?: string;
     displaySearchTermHighlights?: boolean;
 }
-export default function SectionItem(props: SectionItemProps): React.JSX.Element;
+export default function SectionItem(props: SectionItemProps): JSX.Element;

package/lib/types/components/Autocomplete/SectionItem/SectionItemText.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import { Item } from '../../../types';
 export interface SectionItemTextProps {
     item: Item;
     query: string;
     highlightSearchTerm?: boolean;
 }
-export default function SectionItemText({ item, query, highlightSearchTerm, }: SectionItemTextProps): React.JSX.Element;
+export default function SectionItemText({ item, query, highlightSearchTerm, }: SectionItemTextProps): JSX.Element;

package/lib/types/components/Autocomplete/SectionItemsList/SectionItemsList.d.ts

@@ -6,7 +6,6 @@ export type RenderSectionItemsList = (renderResultsArguments: {
 type SectionItemsListProps = {
     section: Section;
     children?: RenderSectionItemsList;
-    key?: string;
 };
 export default function SectionItemsList(props: SectionItemsListProps): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 export {};

package/lib/types/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.24.0";
+declare const _default: "1.25.1";
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@constructor-io/constructorio-ui-autocomplete",
-  "version": "1.24.0",
+  "version": "1.25.1",
   "description": "Constructor.io Autocomplete UI library for web applications",
   "main": "lib/cjs/index.js",
   "module": "lib/mjs/index.js",
@@ -112,7 +112,7 @@
     "whatwg-fetch": "^3.6.20"
   },
   "peerDependencies": {
-    "@constructor-io/constructorio-client-javascript": "^2.64.0",
+    "@constructor-io/constructorio-client-javascript": "^2.67.6",
     "downshift": "^7.2.1",
     "react": ">=16.12.0",
     "react-dom": ">=16.12.0",