chore(atomic): migration of commerce search box components

https://coveord.atlassian.net/browse/KIT-4060

Author: alexprudhomme

packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/atomic-angular.module.ts

@@ -5,8 +5,12 @@ import {APP_INITIALIZER, ModuleWithProviders, NgModule, Provider} from '@angular
 
 
 import {
+AtomicCommerceSearchBox,
 AtomicComponentError,
 AtomicIcon,
+AtomicCommerceSearchBoxInstantProducts,
+AtomicCommerceSearchBoxQuerySuggestions,
+AtomicCommerceSearchBoxRecentQueries,
 AtomicAriaLive,
 AtomicAutomaticFacet,
 AtomicAutomaticFacetGenerator,
@@ -33,10 +37,6 @@ AtomicCommerceRecommendationInterface,
 AtomicCommerceRecommendationList,
 AtomicCommerceRefineModal,
 AtomicCommerceRefineToggle,
-AtomicCommerceSearchBox,
-AtomicCommerceSearchBoxInstantProducts,
-AtomicCommerceSearchBoxQuerySuggestions,
-AtomicCommerceSearchBoxRecentQueries,
 AtomicCommerceSortDropdown,
 AtomicCommerceText,
 AtomicCommerceTimeframeFacet,
@@ -147,8 +147,12 @@ AtomicTimeframeFacet
 
 
 const DECLARATIONS = [
+AtomicCommerceSearchBox,
 AtomicComponentError,
 AtomicIcon,
+AtomicCommerceSearchBoxInstantProducts,
+AtomicCommerceSearchBoxQuerySuggestions,
+AtomicCommerceSearchBoxRecentQueries,
 AtomicAriaLive,
 AtomicAutomaticFacet,
 AtomicAutomaticFacetGenerator,
@@ -175,10 +179,6 @@ AtomicCommerceRecommendationInterface,
 AtomicCommerceRecommendationList,
 AtomicCommerceRefineModal,
 AtomicCommerceRefineToggle,
-AtomicCommerceSearchBox,
-AtomicCommerceSearchBoxInstantProducts,
-AtomicCommerceSearchBoxQuerySuggestions,
-AtomicCommerceSearchBoxRecentQueries,
 AtomicCommerceSortDropdown,
 AtomicCommerceText,
 AtomicCommerceTimeframeFacet,

packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/components.ts

@@ -1,10 +1,20 @@
 import {
+  AtomicCommerceSearchBox as LitAtomicCommerceSearchBox,
   AtomicComponentError as LitAtomicComponentError,
   AtomicIcon as LitAtomicIcon,
+  AtomicCommerceSearchBoxInstantProducts as LitAtomicCommerceSearchBoxInstantProducts,
+  AtomicCommerceSearchBoxQuerySuggestions as LitAtomicCommerceSearchBoxQuerySuggestions,
+  AtomicCommerceSearchBoxRecentQueries as LitAtomicCommerceSearchBoxRecentQueries,
 } from '@coveo/atomic/components';
 import {createComponent} from '@lit/react';
 import React from 'react';
 
+export const AtomicCommerceSearchBox = createComponent({
+  tagName: 'atomic-commerce-search-box',
+  react: React,
+  elementClass: LitAtomicCommerceSearchBox,
+});
+
 export const AtomicComponentError = createComponent({
   tagName: 'atomic-component-error',
   react: React,
@@ -16,3 +26,21 @@ export const AtomicIcon = createComponent({
   react: React,
   elementClass: LitAtomicIcon,
 });
+
+export const AtomicCommerceSearchBoxInstantProducts = createComponent({
+  tagName: 'atomic-commerce-search-box-instant-products',
+  react: React,
+  elementClass: LitAtomicCommerceSearchBoxInstantProducts,
+});
+
+export const AtomicCommerceSearchBoxQuerySuggestions = createComponent({
+  tagName: 'atomic-commerce-search-box-query-suggestions',
+  react: React,
+  elementClass: LitAtomicCommerceSearchBoxQuerySuggestions,
+});
+
+export const AtomicCommerceSearchBoxRecentQueries = createComponent({
+  tagName: 'atomic-commerce-search-box-recent-queries',
+  react: React,
+  elementClass: LitAtomicCommerceSearchBoxRecentQueries,
+});

packages/atomic-react/src/components/commerce/components.ts

@@ -28,10 +28,6 @@ export const AtomicCommerceRecommendationInterface = /*@__PURE__*/createReactCom
 export const AtomicCommerceRecommendationList = /*@__PURE__*/createReactComponent<JSX.AtomicCommerceRecommendationList, HTMLAtomicCommerceRecommendationListElement>('atomic-commerce-recommendation-list');
 export const AtomicCommerceRefineModal = /*@__PURE__*/createReactComponent<JSX.AtomicCommerceRefineModal, HTMLAtomicCommerceRefineModalElement>('atomic-commerce-refine-modal');
 export const AtomicCommerceRefineToggle = /*@__PURE__*/createReactComponent<JSX.AtomicCommerceRefineToggle, HTMLAtomicCommerceRefineToggleElement>('atomic-commerce-refine-toggle');
-export const AtomicCommerceSearchBox = /*@__PURE__*/createReactComponent<JSX.AtomicCommerceSearchBox, HTMLAtomicCommerceSearchBoxElement>('atomic-commerce-search-box');
-export const AtomicCommerceSearchBoxInstantProducts = /*@__PURE__*/createReactComponent<JSX.AtomicCommerceSearchBoxInstantProducts, HTMLAtomicCommerceSearchBoxInstantProductsElement>('atomic-commerce-search-box-instant-products');
-export const AtomicCommerceSearchBoxQuerySuggestions = /*@__PURE__*/createReactComponent<JSX.AtomicCommerceSearchBoxQuerySuggestions, HTMLAtomicCommerceSearchBoxQuerySuggestionsElement>('atomic-commerce-search-box-query-suggestions');
-export const AtomicCommerceSearchBoxRecentQueries = /*@__PURE__*/createReactComponent<JSX.AtomicCommerceSearchBoxRecentQueries, HTMLAtomicCommerceSearchBoxRecentQueriesElement>('atomic-commerce-search-box-recent-queries');
 export const AtomicCommerceSortDropdown = /*@__PURE__*/createReactComponent<JSX.AtomicCommerceSortDropdown, HTMLAtomicCommerceSortDropdownElement>('atomic-commerce-sort-dropdown');
 export const AtomicCommerceText = /*@__PURE__*/createReactComponent<JSX.AtomicCommerceText, HTMLAtomicCommerceTextElement>('atomic-commerce-text');
 export const AtomicCommerceTimeframeFacet = /*@__PURE__*/createReactComponent<JSX.AtomicCommerceTimeframeFacet, HTMLAtomicCommerceTimeframeFacetElement>('atomic-commerce-timeframe-facet');