From d7214c7b988e169ccb4bb9b84a4b471721f329cb Mon Sep 17 00:00:00 2001 From: Louis Bompart Date: Mon, 17 Jun 2024 13:55:05 -0400 Subject: [PATCH] fix: expose atomic-commerce-load-more-products to react (#4097) --- .../atomic-angular.module.ts | 2 ++ .../src/lib/stencil-generated/components.ts | 21 +++++++++++++++++++ .../stencil-generated/commerce/index.ts | 1 + packages/atomic/src/components.d.ts | 4 ++++ .../atomic-commerce-load-more-products.tsx | 2 +- 5 files changed, 29 insertions(+), 1 deletion(-) diff --git a/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/atomic-angular.module.ts b/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/atomic-angular.module.ts index afa95b9b85c..152c04d402f 100644 --- a/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/atomic-angular.module.ts +++ b/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/atomic-angular.module.ts @@ -11,6 +11,7 @@ AtomicAutomaticFacetGenerator, AtomicBreadbox, AtomicCategoryFacet, AtomicColorFacet, +AtomicCommerceLoadMoreProducts, AtomicCommerceSearchBox, AtomicComponentError, AtomicDidYouMean, @@ -109,6 +110,7 @@ AtomicAutomaticFacetGenerator, AtomicBreadbox, AtomicCategoryFacet, AtomicColorFacet, +AtomicCommerceLoadMoreProducts, AtomicCommerceSearchBox, AtomicComponentError, AtomicDidYouMean, diff --git a/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/components.ts b/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/components.ts index 3844ee543ed..661919c87e8 100644 --- a/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/components.ts +++ b/packages/atomic-angular/projects/atomic-angular/src/lib/stencil-generated/components.ts @@ -138,6 +138,27 @@ export class AtomicColorFacet { export declare interface AtomicColorFacet extends Components.AtomicColorFacet {} +@ProxyCmp({ +}) +@Component({ + selector: 'atomic-commerce-load-more-products', + changeDetection: ChangeDetectionStrategy.OnPush, + template: '', + // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property + inputs: [], +}) +export class AtomicCommerceLoadMoreProducts { + protected el: HTMLElement; + constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { + c.detach(); + this.el = r.nativeElement; + } +} + + +export declare interface AtomicCommerceLoadMoreProducts extends Components.AtomicCommerceLoadMoreProducts {} + + @ProxyCmp({ inputs: ['clearFilters', 'disableSearch', 'minimumQueryLength', 'numberOfQueries', 'redirectionUrl', 'suggestionDelay', 'suggestionTimeout'] }) diff --git a/packages/atomic-react/src/components/stencil-generated/commerce/index.ts b/packages/atomic-react/src/components/stencil-generated/commerce/index.ts index 93c21900075..2c41933dc36 100644 --- a/packages/atomic-react/src/components/stencil-generated/commerce/index.ts +++ b/packages/atomic-react/src/components/stencil-generated/commerce/index.ts @@ -13,6 +13,7 @@ export const AtomicCommerceFacet = /*@__PURE__*/createReactComponent('atomic-commerce-facets'); export const AtomicCommerceInterface = /*@__PURE__*/createReactComponent('atomic-commerce-interface'); export const AtomicCommerceLayout = /*@__PURE__*/createReactComponent('atomic-commerce-layout'); +export const AtomicCommerceLoadMoreProducts = /*@__PURE__*/createReactComponent('atomic-commerce-load-more-products'); export const AtomicCommerceNoProducts = /*@__PURE__*/createReactComponent('atomic-commerce-no-products'); export const AtomicCommerceNumericFacet = /*@__PURE__*/createReactComponent('atomic-commerce-numeric-facet'); export const AtomicCommercePager = /*@__PURE__*/createReactComponent('atomic-commerce-pager'); diff --git a/packages/atomic/src/components.d.ts b/packages/atomic/src/components.d.ts index 4ffa7d7b3b6..5e5ee24d848 100644 --- a/packages/atomic/src/components.d.ts +++ b/packages/atomic/src/components.d.ts @@ -389,6 +389,7 @@ export namespace Components { } /** * The `atomic-commerce-load-more-products` component allows the user to load additional products if more are available. + * @alpha */ interface AtomicCommerceLoadMoreProducts { } @@ -3523,6 +3524,7 @@ declare global { }; /** * The `atomic-commerce-load-more-products` component allows the user to load additional products if more are available. + * @alpha */ interface HTMLAtomicCommerceLoadMoreProductsElement extends Components.AtomicCommerceLoadMoreProducts, HTMLStencilElement { } @@ -5787,6 +5789,7 @@ declare namespace LocalJSX { } /** * The `atomic-commerce-load-more-products` component allows the user to load additional products if more are available. + * @alpha */ interface AtomicCommerceLoadMoreProducts { } @@ -8796,6 +8799,7 @@ declare module "@stencil/core" { "atomic-commerce-layout": LocalJSX.AtomicCommerceLayout & JSXBase.HTMLAttributes; /** * The `atomic-commerce-load-more-products` component allows the user to load additional products if more are available. + * @alpha */ "atomic-commerce-load-more-products": LocalJSX.AtomicCommerceLoadMoreProducts & JSXBase.HTMLAttributes; "atomic-commerce-no-products": LocalJSX.AtomicCommerceNoProducts & JSXBase.HTMLAttributes; diff --git a/packages/atomic/src/components/commerce/atomic-commerce-load-more-products/atomic-commerce-load-more-products.tsx b/packages/atomic/src/components/commerce/atomic-commerce-load-more-products/atomic-commerce-load-more-products.tsx index f6f51cf81aa..2ea38015f90 100644 --- a/packages/atomic/src/components/commerce/atomic-commerce-load-more-products/atomic-commerce-load-more-products.tsx +++ b/packages/atomic/src/components/commerce/atomic-commerce-load-more-products/atomic-commerce-load-more-products.tsx @@ -29,7 +29,7 @@ import {CommerceBindings} from '../atomic-commerce-interface/atomic-commerce-int * @part progress-bar - The progress bar displaying a percentage of results shown over the total number of products available. * @part load-more-results-button - The "Load more products" button. * - * @internal + * @alpha */ @Component({ tag: 'atomic-commerce-load-more-products',