Skip to content

chore(atomic): migrate commerce search box components #5152

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wants to merge 11 commits into
base: KIT-4060-2
Choose a base branch
from
+825 −820
Draft

chore(atomic): migrate commerce search box components #5152

Show file tree
Hide file tree
Changes from 9 commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
bf82fb2
chore(atomic): add functional components for search box elements
alexprudhomme Apr 9, 2025
fdf6645
chore(atomic): improvement for vitest and tailwind with lit
alexprudhomme Apr 9, 2025
591e4e0
chore(atomic): add functional components for search box elements
alexprudhomme Apr 9, 2025
cbbb116
chore(atomic): improvement for vitest and tailwind with lit
alexprudhomme Apr 9, 2025
1af5477
chore(atomic): migration of commerce search box components
alexprudhomme Apr 9, 2025
23d1eec
Add generated files
Apr 9, 2025
f1efe27
chore(atomic): migration of commerce search box components
alexprudhomme Apr 9, 2025
ac9adf2
Add generated files
Apr 9, 2025
3c7c31e
clean up
alexprudhomme Apr 10, 2025
08d5ee1
Merge branch 'KIT-4060-2' into KIT-4060-4
alexprudhomme Apr 10, 2025
d8c97fc
merge
alexprudhomme Apr 10, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 8 additions & 8 deletions ...atomic-angular/projects/atomic-angular/src/lib/stencil-generated/atomic-angular.module.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,12 @@ import {APP_INITIALIZER, ModuleWithProviders, NgModule, Provider} from '@angular


import {
AtomicCommerceSearchBox,
AtomicComponentError,
AtomicIcon,
AtomicCommerceSearchBoxInstantProducts,
AtomicCommerceSearchBoxQuerySuggestions,
AtomicCommerceSearchBoxRecentQueries,
AtomicAriaLive,
AtomicAutomaticFacet,
AtomicAutomaticFacetGenerator,
Expand All @@ -33,10 +37,6 @@ AtomicCommerceRecommendationInterface,
AtomicCommerceRecommendationList,
AtomicCommerceRefineModal,
AtomicCommerceRefineToggle,
AtomicCommerceSearchBox,
AtomicCommerceSearchBoxInstantProducts,
AtomicCommerceSearchBoxQuerySuggestions,
AtomicCommerceSearchBoxRecentQueries,
AtomicCommerceSortDropdown,
AtomicCommerceText,
AtomicCommerceTimeframeFacet,
Expand Down Expand Up @@ -147,8 +147,12 @@ AtomicTimeframeFacet


const DECLARATIONS = [
AtomicCommerceSearchBox,
AtomicComponentError,
AtomicIcon,
AtomicCommerceSearchBoxInstantProducts,
AtomicCommerceSearchBoxQuerySuggestions,
AtomicCommerceSearchBoxRecentQueries,
AtomicAriaLive,
AtomicAutomaticFacet,
AtomicAutomaticFacetGenerator,
Expand All @@ -175,10 +179,6 @@ AtomicCommerceRecommendationInterface,
AtomicCommerceRecommendationList,
AtomicCommerceRefineModal,
AtomicCommerceRefineToggle,
AtomicCommerceSearchBox,
AtomicCommerceSearchBoxInstantProducts,
AtomicCommerceSearchBoxQuerySuggestions,
AtomicCommerceSearchBoxRecentQueries,
AtomicCommerceSortDropdown,
AtomicCommerceText,
AtomicCommerceTimeframeFacet,
Expand Down
213 changes: 102 additions & 111 deletions packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/components.ts
View file
Open in desktop

Large diffs are not rendered by default.

28 changes: 28 additions & 0 deletions packages/atomic-react/src/components/commerce/components.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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,
Expand All @@ -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,
});
4 changes: 0 additions & 4 deletions packages/atomic-react/src/components/stencil-generated/commerce/index.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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');
Expand Down
Loading
Loading