@wix/patterns 1.324.0 → 1.325.0

package/dist/types/hooks/useIntersectionObserver.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare function useIntersectionObserver(callback: () => void, threshold?: number): {
+    elementRef: import("react").MutableRefObject<HTMLElement | null>;
+};
+//# sourceMappingURL=useIntersectionObserver.d.ts.map

package/dist/types/hooks/useIntersectionObserver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIntersectionObserver.d.ts","sourceRoot":"","sources":["../../../src/hooks/useIntersectionObserver.ts"],"names":[],"mappings":";AAEA,wBAAgB,uBAAuB,CACrC,QAAQ,EAAE,MAAM,IAAI,EACpB,SAAS,GAAE,MAAY;;EAuCxB"}

package/dist/types/state/CollectionPage/CollectionPageHeader.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionPageHeader.st.css.d.ts","sourceRoot":"","sources":["../../../../src/state/CollectionPage/CollectionPageHeader.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAAkD,CAAC;AACrE,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"CollectionPageHeader.st.css.d.ts","sourceRoot":"","sources":["../../../../src/state/CollectionPage/CollectionPageHeader.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAAiD,CAAC;AACpE,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/state/FormPage/FormPageHeader.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormPageHeader.st.css.d.ts","sourceRoot":"","sources":["../../../../src/state/FormPage/FormPageHeader.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAA2C,CAAC;AAC9D,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"FormPageHeader.st.css.d.ts","sourceRoot":"","sources":["../../../../src/state/FormPage/FormPageHeader.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAA4C,CAAC;AAC/D,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/state/Suggestions/SuggestionsBIReporter.d.ts

@@ -0,0 +1,16 @@
+import { ReportBI, WixPatternsContainerParams } from '@wix/bex-core';
+export interface SuggestionsBIReporterParams {
+    reportBI: ReportBI;
+    realEstateId: string;
+    httpClient: WixPatternsContainerParams['httpClient'];
+}
+export declare class SuggestionsBIReporter {
+    readonly reportBI: ReportBI;
+    readonly httpClient: WixPatternsContainerParams['httpClient'];
+    readonly realEstateId: string;
+    constructor(params: SuggestionsBIReporterParams);
+    loadStart(): void;
+    loadEnd(startTime: DOMHighResTimeStamp): void;
+    reportOfferViewed(offerId: string): void;
+}
+//# sourceMappingURL=SuggestionsBIReporter.d.ts.map

package/dist/types/state/Suggestions/SuggestionsBIReporter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuggestionsBIReporter.d.ts","sourceRoot":"","sources":["../../../../src/state/Suggestions/SuggestionsBIReporter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAC;AAKrE,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,QAAQ,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,0BAA0B,CAAC,YAAY,CAAC,CAAC;CACtD;AAED,qBAAa,qBAAqB;IAChC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC5B,QAAQ,CAAC,UAAU,EAAE,0BAA0B,CAAC,YAAY,CAAC,CAAC;IAC9D,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;gBAElB,MAAM,EAAE,2BAA2B;IAM/C,SAAS;IAIT,OAAO,CAAC,SAAS,EAAE,mBAAmB;IAMtC,iBAAiB,CAAC,OAAO,EAAE,MAAM;CAWlC"}

package/dist/types/state/Suggestions/SuggestionsState.d.ts

@@ -1,18 +1,23 @@
 import { Offer } from '@wix/bex-utils/@wix/ambassador-dealer-v1-serving-offer/types';
-import { TaskState, WixPatternsContainerParams } from '@wix/bex-core';
+import { ReportBI, TaskState, WixPatternsContainer, WixPatternsContainerParams } from '@wix/bex-core';
+import { SuggestionsBIReporter } from './SuggestionsBIReporter';
 export interface SuggestionsStateParams {
     placementId: string;
-    httpClient: WixPatternsContainerParams['httpClient'];
+    container: WixPatternsContainer;
 }
 export declare class SuggestionsState {
     readonly placementId: string;
-    readonly httpClient: WixPatternsContainerParams['httpClient'];
+    readonly container: WixPatternsContainer;
     readonly fetchOffersTask: TaskState<Offer[]>;
+    readonly reportBI: ReportBI;
+    readonly bi: SuggestionsBIReporter;
+    readonly httpClient: WixPatternsContainerParams['httpClient'];
     constructor(params: SuggestionsStateParams);
     init: () => void;
     private _fetchOffers;
     get offers(): Offer[];
     get isFetching(): boolean;
     get hasOffers(): boolean;
+    onOfferViewed(offerId: string): void;
 }
 //# sourceMappingURL=SuggestionsState.d.ts.map

package/dist/types/state/Suggestions/SuggestionsState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SuggestionsState.d.ts","sourceRoot":"","sources":["../../../../src/state/Suggestions/SuggestionsState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,8DAA8D,CAAC;AAGrF,OAAO,EAAE,SAAS,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAC;AAEtE,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,0BAA0B,CAAC,YAAY,CAAC,CAAC;CACtD;AAED,qBAAa,gBAAgB;IAC3B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,UAAU,EAAE,0BAA0B,CAAC,YAAY,CAAC,CAAC;IAC9D,QAAQ,CAAC,eAAe,qBAA4B;gBAExC,MAAM,EAAE,sBAAsB;IAW1C,IAAI,aAEF;IAEF,OAAO,CAAC,YAAY,CAOlB;IAEF,IAAI,MAAM,IAAI,KAAK,EAAE,CAIpB;IAED,IAAI,UAAU,IAAI,OAAO,CAExB;IAED,IAAI,SAAS,YAEZ;CACF"}
+{"version":3,"file":"SuggestionsState.d.ts","sourceRoot":"","sources":["../../../../src/state/Suggestions/SuggestionsState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,8DAA8D,CAAC;AAGrF,OAAO,EACL,QAAQ,EACR,SAAS,EACT,oBAAoB,EACpB,0BAA0B,EAC3B,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,oBAAoB,CAAC;CACjC;AAED,qBAAa,gBAAgB;IAC3B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,SAAS,EAAE,oBAAoB,CAAC;IACzC,QAAQ,CAAC,eAAe,qBAA4B;IACpD,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAE5B,QAAQ,CAAC,EAAE,EAAE,qBAAqB,CAAC;IACnC,QAAQ,CAAC,UAAU,EAAE,0BAA0B,CAAC,YAAY,CAAC,CAAC;gBAElD,MAAM,EAAE,sBAAsB;IAsB1C,IAAI,aAUF;IAEF,OAAO,CAAC,YAAY,CAOlB;IAEF,IAAI,MAAM,IAAI,KAAK,EAAE,CAIpB;IAED,IAAI,UAAU,IAAI,OAAO,CAExB;IAED,IAAI,SAAS,YAEZ;IAED,aAAa,CAAC,OAAO,EAAE,MAAM;CAG9B"}

package/dist/types/test-utils/DealerBIMock.d.ts

@@ -0,0 +1,71 @@
+/**
+ * Testkit for testing dealer BI events.
+ *
+ * Provides a singleton-style API similar to biTestkit from @wix/bex-core/bi/testkit.
+ * Captures dealer reportEvent HTTP calls and provides utilities to assert on events.
+ *
+ * @example
+ * ```typescript
+ * import dealerBITestkit from '../test-utils/DealerBIMock';
+ *
+ * describe('MyComponent', () => {
+ *   const setup = () => {
+ *     const driver = new MyDriver({
+ *       httpMocks: [
+ *         // ... other mocks
+ *         dealerBITestkit.httpMock,
+ *       ],
+ *     });
+ *     return { driver };
+ *   };
+ *
+ *   it('sends view event', async () => {
+ *     setup();
+ *     // ... trigger the view event
+ *
+ *     expect(dealerBITestkit.view.last()).toEqual(
+ *       expect.objectContaining({
+ *         offerId: 'offer-1',
+ *       }),
+ *     );
+ *   });
+ * });
+ * ```
+ */
+import type { AnyScenario } from '@wix/http-client-testkit';
+export { EventType } from '@wix/bex-utils/@wix/ambassador-dealer-v1-offer-event/types';
+interface ReportEventData {
+    event?: {
+        type?: string;
+        offerId?: string;
+        realEstateId?: string;
+        [key: string]: unknown;
+    };
+    [key: string]: unknown;
+}
+interface EventTypeAccessor {
+    /** Get all events of this type */
+    all: () => ReportEventData[];
+    /** Get the last event of this type */
+    last: () => ReportEventData | undefined;
+    /** Get event count of this type */
+    count: () => number;
+}
+interface DealerBITestkit {
+    /** The HTTP mock - add this to your driver's httpMocks array */
+    httpMock: AnyScenario;
+    /** Access VIEW events */
+    view: EventTypeAccessor;
+    /** Access CLICK events */
+    click: EventTypeAccessor;
+    /** Get all captured events (any type) */
+    all: () => ReportEventData[];
+    /** Get the last captured event (any type) */
+    last: () => ReportEventData | undefined;
+    /** Clear all captured events - call in beforeEach for test isolation */
+    clear: () => void;
+}
+declare const dealerBITestkit: DealerBITestkit;
+export default dealerBITestkit;
+export { dealerBITestkit };
+//# sourceMappingURL=DealerBIMock.d.ts.map

package/dist/types/test-utils/DealerBIMock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DealerBIMock.d.ts","sourceRoot":"","sources":["../../../src/test-utils/DealerBIMock.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AAIH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,EAAE,SAAS,EAAE,MAAM,4DAA4D,CAAC;AAEvF,UAAU,eAAe;IACvB,KAAK,CAAC,EAAE;QACN,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;KACxB,CAAC;IACF,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,UAAU,iBAAiB;IACzB,kCAAkC;IAClC,GAAG,EAAE,MAAM,eAAe,EAAE,CAAC;IAC7B,sCAAsC;IACtC,IAAI,EAAE,MAAM,eAAe,GAAG,SAAS,CAAC;IACxC,mCAAmC;IACnC,KAAK,EAAE,MAAM,MAAM,CAAC;CACrB;AAED,UAAU,eAAe;IACvB,gEAAgE;IAChE,QAAQ,EAAE,WAAW,CAAC;IAEtB,yBAAyB;IACzB,IAAI,EAAE,iBAAiB,CAAC;IACxB,0BAA0B;IAC1B,KAAK,EAAE,iBAAiB,CAAC;IAEzB,yCAAyC;IACzC,GAAG,EAAE,MAAM,eAAe,EAAE,CAAC;IAC7B,6CAA6C;IAC7C,IAAI,EAAE,MAAM,eAAe,GAAG,SAAS,CAAC;IACxC,wEAAwE;IACxE,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AA6BD,QAAA,MAAM,eAAe,EAAE,eAYtB,CAAC;AAEF,eAAe,eAAe,CAAC;AAG/B,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/types/test-utils/IntersectionObserverMock.d.ts

@@ -0,0 +1,93 @@
+/**
+ * Mock implementation of IntersectionObserver for jsdom testing environment.
+ *
+ * jsdom does not implement IntersectionObserver, so this mock allows testing
+ * components that rely on intersection detection (e.g., lazy loading, view tracking).
+ *
+ * @example
+ * ```typescript
+ * import {
+ *   setupIntersectionObserverMock,
+ *   teardownIntersectionObserverMock,
+ *   resetIntersectionObserverMock,
+ *   triggerIntersection,
+ *   triggerAllIntersections,
+ * } from '../test-utils/IntersectionObserverMock';
+ *
+ * describe('MyComponent', () => {
+ *   beforeAll(() => {
+ *     setupIntersectionObserverMock();
+ *   });
+ *
+ *   afterAll(() => {
+ *     teardownIntersectionObserverMock();
+ *   });
+ *
+ *   beforeEach(() => {
+ *     resetIntersectionObserverMock();
+ *   });
+ *
+ *   it('tracks element visibility', async () => {
+ *     render(<MyComponent />);
+ *     const element = screen.getByTestId('tracked-element');
+ *
+ *     triggerIntersection(element);
+ *
+ *     expect(onVisibleSpy).toHaveBeenCalled();
+ *   });
+ * });
+ * ```
+ */
+declare class MockIntersectionObserverInstance implements IntersectionObserver {
+    root: Element | Document | null;
+    rootMargin: string;
+    thresholds: readonly number[];
+    private callback;
+    private observedElements;
+    constructor(callback: IntersectionObserverCallback);
+    observe(target: Element): void;
+    unobserve(target: Element): void;
+    disconnect(): void;
+    takeRecords(): IntersectionObserverEntry[];
+    /**
+     * Test helper: trigger intersection for a specific element on this observer.
+     * Calls the observer callback with isIntersecting: true for the given element.
+     */
+    triggerIntersection(element: Element): void;
+    /**
+     * Test helper: trigger intersection for all observed elements on this observer.
+     */
+    triggerAllIntersections(): void;
+}
+/**
+ * Trigger intersection for a specific element across all observer instances.
+ * Use this when you know which element you want to mark as visible.
+ */
+export declare const triggerIntersection: (element: Element) => void;
+/**
+ * Trigger intersection for all observed elements across all observer instances.
+ * Use this to simulate all tracked elements becoming visible at once.
+ */
+export declare const triggerAllIntersections: () => void;
+/**
+ * Set up the IntersectionObserver mock on the global object.
+ * Call this in beforeAll() before your tests run.
+ */
+export declare const setupIntersectionObserverMock: () => void;
+/**
+ * Tear down the IntersectionObserver mock from the global object.
+ * Call this in afterAll() after your tests complete.
+ */
+export declare const teardownIntersectionObserverMock: () => void;
+/**
+ * Reset all observer instances between tests.
+ * Call this in beforeEach() to ensure test isolation.
+ */
+export declare const resetIntersectionObserverMock: () => void;
+/**
+ * Get all currently active observer instances.
+ * Useful for debugging or advanced test scenarios.
+ */
+export declare const getObserverInstances: () => Set<MockIntersectionObserverInstance>;
+export {};
+//# sourceMappingURL=IntersectionObserverMock.d.ts.map

package/dist/types/test-utils/IntersectionObserverMock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntersectionObserverMock.d.ts","sourceRoot":"","sources":["../../../src/test-utils/IntersectionObserverMock.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AAKH,cAAM,gCAAiC,YAAW,oBAAoB;IACpE,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,IAAI,CAAQ;IACvC,UAAU,EAAE,MAAM,CAAM;IACxB,UAAU,EAAE,SAAS,MAAM,EAAE,CAAM;IAEnC,OAAO,CAAC,QAAQ,CAA+B;IAC/C,OAAO,CAAC,gBAAgB,CAA2B;gBAEvC,QAAQ,EAAE,4BAA4B;IAKlD,OAAO,CAAC,MAAM,EAAE,OAAO;IAIvB,SAAS,CAAC,MAAM,EAAE,OAAO;IAIzB,UAAU;IAKV,WAAW,IAAI,yBAAyB,EAAE;IAI1C;;;OAGG;IACH,mBAAmB,CAAC,OAAO,EAAE,OAAO;IAkBpC;;OAEG;IACH,uBAAuB;CAKxB;AAED;;;GAGG;AACH,eAAO,MAAM,mBAAmB,YAAa,OAAO,SAInD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,YAEnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,6BAA6B,YAGzC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gCAAgC,YAG5C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,6BAA6B,YAEzC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,6CAA0B,CAAC"}

package/dist/types/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "patterns@1.324.0";
+export declare const version = "patterns@1.325.0";
 //# sourceMappingURL=version.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/patterns",
-  "version": "1.324.0",
+  "version": "1.325.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -205,8 +205,8 @@
   ],
   "dependencies": {
     "@wix/agent-platform-bm-sdk": "^1.0.0",
-    "@wix/bex-core": "2.254.0",
-    "@wix/bex-utils": "2.78.0",
+    "@wix/bex-core": "2.255.0",
+    "@wix/bex-utils": "2.79.0",
     "@wix/essentials": "^0.1.26",
     "@wix/sdk": "^1.15.22",
     "@wix/wix-style-react-incubator": "3.13.0",
@@ -423,5 +423,5 @@
   "wallaby": {
     "autoDetect": true
   },
-  "falconPackageHash": "71886d0c0f14488b45a8edc03a1867119d82fdad470fc5a96b618ecc"
+  "falconPackageHash": "75d3153e936e6a6d6a1bea9c6ad39f1ac07570d5c7beb991a83d07b4"
 }

package/src/components/CardContainer/CardContainer.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CardContainer2170180015";
+var _namespace_ = "CardContainer312641811";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CardContainer2170180015__root"};
+export var classes = {"root":"CardContainer312641811__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Collapse/Collapse.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Collapse2302586638";
+var _namespace_ = "Collapse635544407";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Collapse2302586638__root","exit":"Collapse2302586638__exit"};
+export var classes = {"root":"Collapse635544407__root","exit":"Collapse635544407__exit"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionPageNew/CollectionPage.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionPage462372587";
+var _namespace_ = "CollectionPage3558163292";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CollectionPage462372587__root"};
+export var classes = {"root":"CollectionPage3558163292__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionTable/CollectionTable.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionTable764384252";
+var _namespace_ = "CollectionTable967591821";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CollectionTable764384252__root"};
+export var classes = {"root":"CollectionTable967591821__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionTable/CollectionTable.tsx

@@ -212,13 +212,15 @@ function _CollectionTable<T, F extends FiltersMap = FiltersMap>(
     ? bulkActionToolbar != null
     : showSelectionProp ?? bulkActionToolbar != null;
 
+  const isVirtualized = !!BodyElementType;
+
   useTableCollectionSyncProps({
     ...props,
     dataExtension,
     showSelection,
     customColumns,
     tags,
-    isUsingTableVirtualization: !!BodyElementType,
+    isUsingTableVirtualization: isVirtualized,
   });
 
   const { collection, internalScroll } = state;
@@ -233,6 +235,7 @@ function _CollectionTable<T, F extends FiltersMap = FiltersMap>(
       userResizeProps: resizeProps,
       horizontalScroll,
       columnSizesState: state.columnSizesState,
+      isVirtualized,
     });
 
   const createWSRColumnBase = useCreateWSRColumnBase({ horizontalScroll });

package/src/components/CollectionToolbar/CollectionToolbar.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionToolbar1427703721";
+var _namespace_ = "CollectionToolbar2765748828";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CollectionToolbar1427703721__root","left":"CollectionToolbar1427703721__left","right":"CollectionToolbar1427703721__right","fullWidth":"CollectionToolbar1427703721__fullWidth"};
+export var classes = {"root":"CollectionToolbar2765748828__root","left":"CollectionToolbar2765748828__left","right":"CollectionToolbar2765748828__right","fullWidth":"CollectionToolbar2765748828__fullWidth"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SearchOrCustomFilter3667856890";
+var _namespace_ = "SearchOrCustomFilter676053826";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"SearchOrCustomFilter3667856890__root","search":"SearchOrCustomFilter3667856890__search","searchMobile":"SearchOrCustomFilter3667856890__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter676053826__root","search":"SearchOrCustomFilter676053826__search","searchMobile":"SearchOrCustomFilter676053826__searchMobile"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "AutoCompleteReadonly3174350507";
+var _namespace_ = "AutoCompleteReadonly2136975089";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"AutoCompleteReadonly3174350507__root"};
+export var classes = {"root":"AutoCompleteReadonly2136975089__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ViewsDropdown3394695892";
+var _namespace_ = "ViewsDropdown1562602937";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ViewsDropdown3394695892__root"};
+export var classes = {"root":"ViewsDropdown1562602937__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/DragHandle/DragHandle.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "DragHandle1654597455";
+var _namespace_ = "DragHandle1680406004";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"DragHandle1654597455__root"};
+export var classes = {"root":"DragHandle1680406004__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EntityPage/EntityPagePlain.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPagePlain3313101122";
+var _namespace_ = "EntityPagePlain2129186045";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"EntityPagePlain3313101122__root"};
+export var classes = {"root":"EntityPagePlain2129186045__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Fade/Fade.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Fade940409182";
+var _namespace_ = "Fade2580742614";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Fade940409182__root"};
+export var classes = {"root":"Fade2580742614__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Heading/Heading.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Heading3697161820";
+var _namespace_ = "Heading1552734931";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Heading3697161820__root"};
+export var classes = {"root":"Heading1552734931__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/InputOverflow/InputOverflow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "InputOverflow2254481690";
+var _namespace_ = "InputOverflow1980064947";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"InputOverflow2254481690__root"};
+export var classes = {"root":"InputOverflow1980064947__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/LoadingRow/LoadingRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "LoadingRow697099013";
+var _namespace_ = "LoadingRow72311180";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"LoadingRow697099013__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow697099013__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow72311180__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow72311180__gradientSwoosh"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 

package/src/components/MaxHeightText/MaxHeightText.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MaxHeightText1628925456";
+var _namespace_ = "MaxHeightText2940241560";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MaxHeightText1628925456__root"};
+export var classes = {"root":"MaxHeightText2940241560__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/MaxLines/MaxLines.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MaxLines3474561681";
+var _namespace_ = "MaxLines1993089027";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MaxLines3474561681__root"};
+export var classes = {"root":"MaxLines1993089027__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultiBulkActionToolbar68419382";
+var _namespace_ = "MultiBulkActionToolbar3117766984";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MultiBulkActionToolbar68419382__root","leftGroupWrapper":"MultiBulkActionToolbar68419382__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar68419382__selectedCountItem","selectedCountText":"MultiBulkActionToolbar68419382__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar3117766984__root","leftGroupWrapper":"MultiBulkActionToolbar3117766984__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar3117766984__selectedCountItem","selectedCountText":"MultiBulkActionToolbar3117766984__selectedCountText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};