@wix/patterns 1.324.0 → 1.325.0

package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MultipleDragOverlayEffect2349309335";
+var _namespace_ = "MultipleDragOverlayEffect3760073984";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MultipleDragOverlayEffect2349309335__root" };
+export var classes = { "root": "MultipleDragOverlayEffect3760073984__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "NestedTableDragAndDropRow737617853";
+var _namespace_ = "NestedTableDragAndDropRow2976497727";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "NestedTableDragAndDropRow737617853__root" };
+export var classes = { "root": "NestedTableDragAndDropRow2976497727__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"NestedTableDragAndDropRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,oCAAoC,CAAC;AACvD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,0CAA0C,EAAC,CAAC;AACzE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"NestedTableDragAndDropRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,qCAAqC,CAAC;AACxD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,2CAA2C,EAAC,CAAC;AAC1E,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/PickerContent/PickerContent.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "PickerContent2017000944";
+var _namespace_ = "PickerContent3108120277";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "PickerContent2017000944__root" };
+export var classes = { "root": "PickerContent3108120277__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/PickerContent/PickerContentAdditionalStep.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "PickerContentAdditionalStep21172298";
+var _namespace_ = "PickerContentAdditionalStep4199282124";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "PickerContentAdditionalStep21172298__root", "titles": "PickerContentAdditionalStep21172298__titles", "suffix": "PickerContentAdditionalStep21172298__suffix" };
+export var classes = { "root": "PickerContentAdditionalStep4199282124__root", "titles": "PickerContentAdditionalStep4199282124__titles", "suffix": "PickerContentAdditionalStep4199282124__suffix" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/PickerContent/PickerContentAdditionalStep.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"PickerContentAdditionalStep.st.css.js","sourceRoot":"","sources":["../../../../src/components/PickerContent/PickerContentAdditionalStep.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,qCAAqC,CAAC;AACxD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,2CAA2C,EAAC,QAAQ,EAAC,6CAA6C,EAAC,QAAQ,EAAC,6CAA6C,EAAC,CAAC;AACxL,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"PickerContentAdditionalStep.st.css.js","sourceRoot":"","sources":["../../../../src/components/PickerContent/PickerContentAdditionalStep.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,uCAAuC,CAAC;AAC1D,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,6CAA6C,EAAC,QAAQ,EAAC,+CAA+C,EAAC,QAAQ,EAAC,+CAA+C,EAAC,CAAC;AAC9L,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/PickerTableListItem/PickerTableListItem.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "PickerTableListItem3587473997";
+var _namespace_ = "PickerTableListItem2983769481";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "PickerTableListItem3587473997__root" };
+export var classes = { "root": "PickerTableListItem2983769481__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ScrollableContent585524193";
+var _namespace_ = "ScrollableContent980648129";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ScrollableContent585524193__root" };
+export var classes = { "root": "ScrollableContent980648129__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/SkeletonCard/SkeletonCard.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SkeletonCard2899189437";
+var _namespace_ = "SkeletonCard1226407146";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "SkeletonCard2899189437__root", "headerLoading": "SkeletonCard2899189437__headerLoading" };
+export var classes = { "root": "SkeletonCard1226407146__root", "headerLoading": "SkeletonCard1226407146__headerLoading" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/SlidingModal/SlidingModal.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SlidingModal2850069453";
+var _namespace_ = "SlidingModal3040154923";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "SlidingModal2850069453__root" };
+export var classes = { "root": "SlidingModal3040154923__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Suggestions/DESIGN_BI_REPORTING.md

@@ -0,0 +1,73 @@
+# Suggestions BI Reporting - Design Doc
+
+## Overview
+
+Implement BI (Business Intelligence) reporting for the Suggestions component to track user interactions and component lifecycle events.
+
+## Events to Report
+
+| Event | Description |
+|-------|-------------|
+| **LOAD** | Offers successfully fetched from dealer service |
+| **VIEW** | Offer card becomes visible to the user |
+| **CLICK** | User clicks on an offer card CTA |
+
+## Reporting Targets
+
+1. **Cairo BI** - Standard internal analytics via `reportBi`
+2. **Dealer API** - External package for dealer-specific tracking (TBD)
+
+## Key Requirements
+
+- [ ] VIEW events should fire only once per offer (not on every scroll)
+- [ ] Infrastructure should be extensible for future event types
+- [ ] Must include unit tests
+- [ ] Performance validation required
+
+## Technical Approach
+
+- Use `IntersectionObserver` for VIEW event detection (see existing `IntersectionObserverState`)
+- Follow existing BIReporter patterns (e.g., `ToolbarBIReporter`, `KanbanStateBIReporter`)
+
+---
+
+## Progress:
+ - [X] Implemented basic IntersectionObsever for view events 
+ - [X] Decide how to report viw events: callback for each card, general callback + additional array that saves data (hook becomes very spesific) - Descidion is callback
+ - [X] Finalize dealer view rportings 
+ - [X] Finalize cairo reporting
+ - [X] add tests
+ - [X] understand if dealer has bi testtkit (It does not)
+ - [] mock IntersectionObserver properly for dealer BI
+ - [] add more dealer events (main cta clicked)
+
+## Notes & Findings
+
+- For BI, should create a new BIlogger class and use it inside the state.
+state should expose different handlers for actions in UI (onView, onCtaClick, onLoad...) and I just call it in UI. the state class handles the bi logging with the BI logger, I should not expose it outside to the compoennts or users themselves.
+
+### Dealer API Research
+- Package name: TBD
+- Available methods: TBD
+- Required payload structure: TBD
+
+### IntersectionObserver Investigation
+- it is the way, we can set the suggestions container as observer
+- we can use unobserve once an element was "viewed" and the event fired.
+
+
+### Performance Considerations
+- 
+
+### Open Questions
+- What specific data fields are required for each event?
+- What is the exact dealer reporting package to use?
+- Should VIEW tracking be opt-in or opt-out?
+
+---
+
+## References
+
+- `packages/cairo/src/state/IntersectionObserverState.ts`
+- `packages/cairo/src/state/ToolbarBIReporter.ts`
+- `packages/cairo/src/state/Suggestions/SuggestionsState.ts`

package/dist/esm/components/Suggestions/MarketingCard.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { forwardRef } from 'react';
 import { Box, MarketingLayout, SkeletonLine, Card, Button, Image, Text, TextButton, Badge, SkeletonRectangle, } from '@wix/design-system';
 const getCardWidth = (totalOffers) => {
     if (totalOffers === 1) {
@@ -9,7 +9,7 @@ const getCardWidth = (totalOffers) => {
     }
     return '550px';
 };
-const MarketingCardInternal = ({ schema, totalOffers, }) => {
+const MarketingCardInternal = forwardRef(({ schema, totalOffers }, ref) => {
     const { title, description: descriptionData, imageUrl, ctaButton: ctaButtonData, badge: badgeData, } = schema;
     const handleCtaClick = () => {
         if (ctaButtonData?.link) {
@@ -29,10 +29,10 @@ const MarketingCardInternal = ({ schema, totalOffers, }) => {
     const ctaButton = ctaButtonData ? (React.createElement(Button, { size: "small", skin: ctaButtonData.skin || 'standard', priority: ctaButtonData.priority || 'secondary', dataHook: "suggestions-card-button", onClick: handleCtaClick }, ctaButtonData.text)) : null;
     const badge = badgeData ? (React.createElement(Badge, { skin: badgeData.skin || 'general', size: "small", dataHook: "suggestion-card-badge", uppercase: false }, badgeData.text)) : null;
     const image = (React.createElement(Image, { src: imageUrl, width: 96, height: 96, borderRadius: "8px", dataHook: "suggestions-card-image" }));
-    return (React.createElement(Box, { dataHook: "suggestions-card", width: getCardWidth(totalOffers) },
+    return (React.createElement(Box, { dataHook: "suggestions-card", width: getCardWidth(totalOffers), ref: ref },
         React.createElement(Card, { stretchVertically: true },
             React.createElement(MarketingLayout, { title: title, description: description, image: image, actions: [ctaButton], badge: badge, hiddenBadge: !badge }))));
-};
+});
 /**
  * Creates a render function for marketing cards.
  * @param translateOffer - Optional function to transform offer data into MarketingCardSchema.
@@ -45,6 +45,7 @@ export const renderMarketingCard = (translateOffer) => (props) => {
         : props.offer?.asset?.creative;
     const requiredFieldsExist = schema?.title && schema?.imageUrl && schema?.description?.text;
     if (!requiredFieldsExist) {
+        console.error(`Can't render MarketingCard for offer ${props.offer.offerGuid} - missing required fields (title, imageUrl, description.text) in schema:`, schema);
         return null;
     }
     return (React.createElement(MarketingCardInternal, { schema: schema, totalOffers: props.totalOffers }));

package/dist/esm/components/Suggestions/MarketingCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarketingCard.js","sourceRoot":"","sources":["../../../../src/components/Suggestions/MarketingCard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MarketingCard.js","sourceRoot":"","sources":["../../../../src/components/Suggestions/MarketingCard.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Suggestions/Suggestions.js

@@ -4,6 +4,7 @@ import { SuggestionsState } from '../../state/Suggestions/SuggestionsState';
 import { observer } from 'mobx-react-lite';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { MarketingCardSkeleton } from './MarketingCard';
+import { VisibilityTrackedCard } from './VisibilityTrackedCard';
 const defaultCarouselProps = {
     hideDots: true,
     infinite: false,
@@ -21,24 +22,29 @@ const SuggestionsContainer = ({ count, children, carouselProps, dataHook, dataSt
     return (React.createElement("div", { "data-hook": dataHook },
         React.createElement(CarouselWIP, { dataHook: `${dataHook}-carousel-${dataState}`, ...defaultCarouselProps, ...carouselProps }, children)));
 };
+export const SuggestionItem = ({ children, dataId, }) => (React.createElement("div", { "data-hook": "suggestion-item", "data-id": dataId, style: { display: 'contents' } }, children));
 export const Suggestions = observer(({ placementId, renderCard, CardSkeleton = MarketingCardSkeleton, carouselProps, skeletonsNumber = 4, dataHook = 'suggestions', maxInlineItems = 2, }) => {
-    const { httpClient } = useWixPatternsContainer();
-    const [state] = useState(() => new SuggestionsState({ placementId, httpClient }));
+    const container = useWixPatternsContainer();
+    const [state] = useState(() => new SuggestionsState({ placementId, container }));
     useEffect(() => {
         return state.init();
     }, [state]);
     if (state.hasOffers) {
         const cardCount = state.offers.length;
         const cards = state.offers
-            .map((offer, index) => ({
-            key: offer.offerGuid || `suggestion-${index}`,
-            element: renderCard({
-                offer,
-                index,
-                totalOffers: state.offers.length,
-            }),
-        }))
-            .filter(({ element }) => element !== null);
+            .map((offer, index) => {
+            const key = offer.offerGuid || `suggestion-${index}`;
+            return {
+                key,
+                offerGuid: offer.offerGuid,
+                element: renderCard({
+                    offer,
+                    index,
+                    totalOffers: state.offers.length,
+                }),
+            };
+        })
+            .filter((card) => card.element != null);
         // Return null if all cards filtered out
         if (cards.length === 0) {
             return null;
@@ -47,10 +53,12 @@ export const Suggestions = observer(({ placementId, renderCard, CardSkeleton = M
         // use initial cards count for container, to match the count the cards get rendered with
         , { 
             // use initial cards count for container, to match the count the cards get rendered with
-            count: cardCount, carouselProps: carouselProps, dataHook: dataHook, dataState: "idle", maxInlineItems: maxInlineItems }, cards.map(({ key, element }) => (React.createElement(React.Fragment, { key: key }, element)))));
+            count: cardCount, carouselProps: carouselProps, dataHook: dataHook, dataState: "idle", maxInlineItems: maxInlineItems }, cards.map(({ key, offerGuid, element }) => (React.createElement(SuggestionItem, { key: key, dataId: key },
+            React.createElement(VisibilityTrackedCard, { itemKey: key, element: element, onObserved: () => offerGuid && state.onOfferViewed(offerGuid) }))))));
     }
     if (state.isFetching) {
-        const skeletons = Array.from({ length: skeletonsNumber }).map((_, index) => (React.createElement(CardSkeleton, { index: index, totalOffers: skeletonsNumber, key: index })));
+        const skeletons = Array.from({ length: skeletonsNumber }).map((_, index) => (React.createElement(SuggestionItem, { key: index },
+            React.createElement(CardSkeleton, { index: index, totalOffers: skeletonsNumber }))));
         return (React.createElement(SuggestionsContainer, { count: skeletonsNumber, carouselProps: { ...carouselProps, controlsPosition: 'none' }, dataHook: dataHook, dataState: "loading", maxInlineItems: maxInlineItems }, skeletons));
     }
     return null;

package/dist/esm/components/Suggestions/Suggestions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Suggestions.js","sourceRoot":"","sources":["../../../../src/components/Suggestions/Suggestions.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Suggestions.js","sourceRoot":"","sources":["../../../../src/components/Suggestions/Suggestions.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Suggestions/Suggestions.uni.driver.js

@@ -1,8 +1,7 @@
 import { CarouselWIPUniDriver } from '@wix/design-system/dist/testkit/unidriver';
 import { baseUniDriverFactory, } from '@wix/wix-ui-test-utils/unidriver';
-export const SuggestionsUniDriver = (base, body, options = {}) => {
-    const dataHook = options.dataHook ?? 'suggestions';
-    const cardDataHook = options.cardDataHook ?? 'suggestions-card';
+export const SuggestionsUniDriver = (base, body) => {
+    const dataHook = 'suggestions';
     const carouselIdle = CarouselWIPUniDriver(base.$(`[data-hook="${dataHook}-carousel-idle"]`), body);
     const carouselLoading = CarouselWIPUniDriver(base.$(`[data-hook="${dataHook}-carousel-loading"]`), body);
     const containerIdle = base.$(`[data-hook="${dataHook}-container-idle"]`);
@@ -18,10 +17,10 @@ export const SuggestionsUniDriver = (base, body, options = {}) => {
     };
     const getContainerChildren = async () => {
         if (await containerIdle.exists()) {
-            return containerIdle.$$(`[data-hook="${cardDataHook}"]`);
+            return containerIdle.$$(`[data-hook="suggestion-item"]`);
         }
         if (await containerLoading.exists()) {
-            return containerLoading.$$(`[data-hook="${cardDataHook}"]`);
+            return containerLoading.$$(`[data-hook="suggestion-item"]`);
         }
         return null;
     };

package/dist/esm/components/Suggestions/Suggestions.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"file":"Suggestions.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/Suggestions/Suggestions.uni.driver.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Suggestions.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/Suggestions/Suggestions.uni.driver.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/Suggestions/VisibilityTrackedCard.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { useIntersectionObserver } from '../../hooks/useIntersectionObserver';
+export const VisibilityTrackedCard = ({ itemKey, element, onObserved, }) => {
+    const { elementRef } = useIntersectionObserver(onObserved);
+    return React.cloneElement(element, {
+        key: itemKey,
+        ref: elementRef,
+    });
+};
+//# sourceMappingURL=VisibilityTrackedCard.js.map

package/dist/esm/components/Suggestions/VisibilityTrackedCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisibilityTrackedCard.js","sourceRoot":"","sources":["../../../../src/components/Suggestions/VisibilityTrackedCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAQ9E,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CAAC,EAC1E,OAAO,EACP,OAAO,EACP,UAAU,GACX,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,GAAG,uBAAuB,CAAC,UAAU,CAAC,CAAC;IAC3D,OAAO,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE;QACjC,GAAG,EAAE,OAAO;QACZ,GAAG,EAAE,UAAU;KAChB,CAAC,CAAC;AACL,CAAC,CAAC"}

package/dist/esm/components/TabsFilter/TabsFilter.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "TabsFilter1535445293";
+var _namespace_ = "TabsFilter494994749";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "TabsFilter1535445293__root", "title": "TabsFilter1535445293__title" };
+export var classes = { "root": "TabsFilter494994749__root", "title": "TabsFilter494994749__title" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/TabsFilter/TabsFilter.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsFilter.st.css.js","sourceRoot":"","sources":["../../../../src/components/TabsFilter/TabsFilter.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,sBAAsB,CAAC;AACzC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,4BAA4B,EAAC,OAAO,EAAC,6BAA6B,EAAC,CAAC;AACjG,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"TabsFilter.st.css.js","sourceRoot":"","sources":["../../../../src/components/TabsFilter/TabsFilter.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,qBAAqB,CAAC;AACxC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,2BAA2B,EAAC,OAAO,EAAC,4BAA4B,EAAC,CAAC;AAC/F,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "ManageTagsModal3898350931";
+var _namespace_ = "ManageTagsModal2750172858";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ManageTagsModal3898350931__root" };
+export var classes = { "root": "ManageTagsModal2750172858__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/ToolbarItem/ToolbarItem.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ToolbarItem3741416254";
+var _namespace_ = "ToolbarItem2717057697";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ToolbarItem3741416254__root" };
+export var classes = { "root": "ToolbarItem2717057697__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/ToolbarItemBox/ToolbarItemBox.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ToolbarItemBox3494125805";
+var _namespace_ = "ToolbarItemBox4200702974";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ToolbarItemBox3494125805__root" };
+export var classes = { "root": "ToolbarItemBox4200702974__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/common.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../stylable-esm-runtime.js";
-var _namespace_ = "common1732706577";
+var _namespace_ = "common1210614291";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "common1732706577__root", "column": "common1732706577__column", "fullHeight": "common1732706577__fullHeight" };
+export var classes = { "root": "common1210614291__root", "column": "common1210614291__column", "fullHeight": "common1210614291__fullHeight" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/exports/testkit/unidriver.js

@@ -27,6 +27,6 @@ export { default as RequestIdUniDriver } from '../../components/RequestId/Reques
 export { SearchableCollectionContentUniDriver } from '../../components/SearchableCollectionContent/SearchableCollectionContent.uni.driver';
 export { MoreActionsUniDriver } from '../../components/MoreActions/MoreActions.uni.driver';
 export { CollectionDropdownFilterUniDriver } from '../../components/DropdownFilter/CollectionDropdownFilter.uni.driver';
-export { SuggestionsUniDriver, } from '../../components/Suggestions/Suggestions.uni.driver';
+export { SuggestionsUniDriver } from '../../components/Suggestions/Suggestions.uni.driver';
 export { MarketingCardUniDriver } from '../../components/Suggestions/MarketingCard.uni.driver';
 //# sourceMappingURL=unidriver.js.map

package/dist/esm/exports/testkit/unidriver.js.map

@@ -1 +1 @@
-{"version":3,"file":"unidriver.js","sourceRoot":"","sources":["../../../../src/exports/testkit/unidriver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,+DAA+D,CAAC;AACrH,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AACtG,OAAO,EAAE,gCAAgC,EAAE,MAAM,6EAA6E,CAAC;AAC/H,OAAO,EAAE,gCAAgC,EAAE,MAAM,6FAA6F,CAAC;AAC/I,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,6DAA6D,CAAC;AACvG,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAC/F,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AACzG,OAAO,EAAE,OAAO,IAAI,+BAA+B,EAAE,MAAM,2EAA2E,CAAC;AACvI,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,MAAM,mEAAmE,CAAC;AAC3H,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,+BAA+B,EAAE,MAAM,uEAAuE,CAAC;AACnI,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AACnG,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AACxF,OAAO,EAAE,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,8DAA8D,CAAC;AAClH,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AACzG,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AAChG,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2DAA2D,CAAC;AAC/G,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,yDAAyD,CAAC;AAC5G,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uDAAuD,CAAC;AACrG,OAAO,EAAE,yBAAyB,EAAE,MAAM,+DAA+D,CAAC;AAC1G,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AAChG,OAAO,EAAE,oCAAoC,EAAE,MAAM,qFAAqF,CAAC;AAC3I,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,iCAAiC,EAAE,MAAM,qEAAqE,CAAC;AACxH,OAAO,EACL,oBAAoB,GAErB,MAAM,qDAAqD,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,uDAAuD,CAAC"}
+{"version":3,"file":"unidriver.js","sourceRoot":"","sources":["../../../../src/exports/testkit/unidriver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,+DAA+D,CAAC;AACrH,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AACtG,OAAO,EAAE,gCAAgC,EAAE,MAAM,6EAA6E,CAAC;AAC/H,OAAO,EAAE,gCAAgC,EAAE,MAAM,6FAA6F,CAAC;AAC/I,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,6DAA6D,CAAC;AACvG,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAC/F,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AACzG,OAAO,EAAE,OAAO,IAAI,+BAA+B,EAAE,MAAM,2EAA2E,CAAC;AACvI,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,MAAM,mEAAmE,CAAC;AAC3H,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,+BAA+B,EAAE,MAAM,uEAAuE,CAAC;AACnI,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AACnG,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AACxF,OAAO,EAAE,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,8DAA8D,CAAC;AAClH,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AACzG,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AAChG,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2DAA2D,CAAC;AAC/G,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,yDAAyD,CAAC;AAC5G,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uDAAuD,CAAC;AACrG,OAAO,EAAE,yBAAyB,EAAE,MAAM,+DAA+D,CAAC;AAC1G,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AAChG,OAAO,EAAE,oCAAoC,EAAE,MAAM,qFAAqF,CAAC;AAC3I,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,iCAAiC,EAAE,MAAM,qEAAqE,CAAC;AACxH,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,sBAAsB,EAAE,MAAM,uDAAuD,CAAC"}

package/dist/esm/hooks/useCollectionTableResize.js

@@ -1,11 +1,12 @@
 import { useMemo } from 'react';
 import { useIsMobile } from './useIsMobile';
-export function useCollectionTableResize({ columns, horizontalScroll, userResizeProps, columnSizesState, }) {
+export function useCollectionTableResize({ columns, horizontalScroll, userResizeProps, columnSizesState, isVirtualized, }) {
     const experimentEnabled = columnSizesState?.isResizeExperimentEnabled ?? false;
     const isMobile = useIsMobile();
     const areAllColumnsPixelWidth = useMemo(() => columns.every((col) => col.width?.toString().match(/^\d+px$/)), [columns]);
     const isResizable = experimentEnabled &&
         !isMobile &&
+        !isVirtualized &&
         !!horizontalScroll &&
         areAllColumnsPixelWidth;
     const resizePlaceholderColumn = useMemo(() => ({ title: '', width: '100%', render: () => null }), []);

package/dist/esm/hooks/useCollectionTableResize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCollectionTableResize.js","sourceRoot":"","sources":["../../../src/hooks/useCollectionTableResize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI5C,MAAM,UAAU,wBAAwB,CAAC,EACvC,OAAO,EACP,gBAAgB,EAChB,eAAe,EACf,gBAAgB,GAMjB;IACC,MAAM,iBAAiB,GACrB,gBAAgB,EAAE,yBAAyB,IAAI,KAAK,CAAC;IACvD,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,uBAAuB,GAAG,OAAO,CACrC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EACpE,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,MAAM,WAAW,GACf,iBAAiB;QACjB,CAAC,QAAQ;QACT,CAAC,CAAC,gBAAgB;QAClB,uBAAuB,CAAC;IAE1B,MAAM,uBAAuB,GAAG,OAAO,CACrC,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,CAAC,EACxD,EAAE,CACH,CAAC;IAEF,MAAM,gBAAgB,GAA0C,WAAW;QACzE,CAAC,CAAC;YACE,GAAG,eAAe;YAClB,cAAc,EAAE,eAAe,EAAE,cAAc,IAAI,EAAE;YACrD,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK;gBACzC,gBAAgB,EAAE,iBAAiB,CAAC,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;gBAChE,eAAe,EAAE,iBAAiB,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;YAClE,CAAC;SACF;QACH,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO;QACL,WAAW;QACX,gBAAgB;QAChB,uBAAuB;KACxB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"useCollectionTableResize.js","sourceRoot":"","sources":["../../../src/hooks/useCollectionTableResize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI5C,MAAM,UAAU,wBAAwB,CAAC,EACvC,OAAO,EACP,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,aAAa,GAOd;IACC,MAAM,iBAAiB,GACrB,gBAAgB,EAAE,yBAAyB,IAAI,KAAK,CAAC;IACvD,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,uBAAuB,GAAG,OAAO,CACrC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EACpE,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,MAAM,WAAW,GACf,iBAAiB;QACjB,CAAC,QAAQ;QACT,CAAC,aAAa;QACd,CAAC,CAAC,gBAAgB;QAClB,uBAAuB,CAAC;IAE1B,MAAM,uBAAuB,GAAG,OAAO,CACrC,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,CAAC,EACxD,EAAE,CACH,CAAC;IAEF,MAAM,gBAAgB,GAA0C,WAAW;QACzE,CAAC,CAAC;YACE,GAAG,eAAe;YAClB,cAAc,EAAE,eAAe,EAAE,cAAc,IAAI,EAAE;YACrD,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK;gBACzC,gBAAgB,EAAE,iBAAiB,CAAC,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;gBAChE,eAAe,EAAE,iBAAiB,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;YAClE,CAAC;SACF;QACH,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO;QACL,WAAW;QACX,gBAAgB;QAChB,uBAAuB;KACxB,CAAC;AACJ,CAAC"}

package/dist/esm/hooks/useIntersectionObserver.js

@@ -0,0 +1,32 @@
+import { useEffect, useRef, useState } from 'react';
+export function useIntersectionObserver(callback, threshold = 0.9) {
+    const elementRef = useRef(null);
+    const [intersectionObserver] = useState(() => {
+        // in jsdom, IntersectionObserver is not implemeted
+        if (typeof IntersectionObserver === 'undefined') {
+            return null;
+        }
+        return new IntersectionObserver(([entry]) => {
+            if (entry.isIntersecting) {
+                callback();
+                intersectionObserver?.disconnect();
+            }
+        }, {
+            threshold,
+        });
+    });
+    useEffect(() => {
+        const element = elementRef.current;
+        if (!element || !intersectionObserver) {
+            return;
+        }
+        intersectionObserver.observe(element);
+        return () => {
+            intersectionObserver.disconnect();
+        };
+    }, []);
+    return {
+        elementRef,
+    };
+}
+//# sourceMappingURL=useIntersectionObserver.js.map

package/dist/esm/hooks/useIntersectionObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIntersectionObserver.js","sourceRoot":"","sources":["../../../src/hooks/useIntersectionObserver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEpD,MAAM,UAAU,uBAAuB,CACrC,QAAoB,EACpB,YAAoB,GAAG;IAEvB,MAAM,UAAU,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IACpD,MAAM,CAAC,oBAAoB,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC3C,mDAAmD;QACnD,IAAI,OAAO,oBAAoB,KAAK,WAAW,EAAE;YAC/C,OAAO,IAAI,CAAC;SACb;QAED,OAAO,IAAI,oBAAoB,CAC7B,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE;YACV,IAAI,KAAK,CAAC,cAAc,EAAE;gBACxB,QAAQ,EAAE,CAAC;gBACX,oBAAoB,EAAE,UAAU,EAAE,CAAC;aACpC;QACH,CAAC,EACD;YACE,SAAS;SACV,CACF,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;QAEnC,IAAI,CAAC,OAAO,IAAI,CAAC,oBAAoB,EAAE;YACrC,OAAO;SACR;QAED,oBAAoB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAEtC,OAAO,GAAG,EAAE;YACV,oBAAoB,CAAC,UAAU,EAAE,CAAC;QACpC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,UAAU;KACX,CAAC;AACJ,CAAC"}

package/dist/esm/state/CollectionPage/CollectionPageHeader.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionPageHeader4131588040";
+var _namespace_ = "CollectionPageHeader736711144";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CollectionPageHeader4131588040__root" };
+export var classes = { "root": "CollectionPageHeader736711144__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/state/CollectionPage/CollectionPageHeader.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionPageHeader.st.css.js","sourceRoot":"","sources":["../../../../src/state/CollectionPage/CollectionPageHeader.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,gCAAgC,CAAC;AACnD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sCAAsC,EAAC,CAAC;AACrE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"CollectionPageHeader.st.css.js","sourceRoot":"","sources":["../../../../src/state/CollectionPage/CollectionPageHeader.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,+BAA+B,CAAC;AAClD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,qCAAqC,EAAC,CAAC;AACpE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}