@wix/patterns 1.323.0 → 1.325.0

package/dist/cjs/components/Suggestions/Suggestions.js

@@ -2,7 +2,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.Suggestions = void 0;
+exports.Suggestions = exports.SuggestionItem = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
@@ -10,6 +10,7 @@ var _SuggestionsState = require("../../state/Suggestions/SuggestionsState");
 var _mobxReactLite = require("mobx-react-lite");
 var _react2 = require("@wix/bex-core/react");
 var _MarketingCard = require("./MarketingCard");
+var _VisibilityTrackedCard = require("./VisibilityTrackedCard");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/Suggestions/Suggestions.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const defaultCarouselProps = {
@@ -35,7 +36,7 @@ const SuggestionsContainer = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 43,
+        lineNumber: 55,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -45,7 +46,7 @@ const SuggestionsContainer = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 44,
+        lineNumber: 56,
         columnNumber: 9
       }
     }, children));
@@ -55,7 +56,7 @@ const SuggestionsContainer = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 56,
+      lineNumber: 68,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.CarouselWIP, (0, _extends2.default)({
@@ -64,11 +65,28 @@ const SuggestionsContainer = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 57,
+      lineNumber: 69,
       columnNumber: 7
     }
   }), children));
 };
+const SuggestionItem = ({
+  children,
+  dataId
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  "data-hook": "suggestion-item",
+  "data-id": dataId,
+  style: {
+    display: 'contents'
+  },
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 84,
+    columnNumber: 3
+  }
+}, children);
+exports.SuggestionItem = SuggestionItem;
 const Suggestions = exports.Suggestions = (0, _mobxReactLite.observer)(({
   placementId,
   renderCard,
@@ -78,28 +96,28 @@ const Suggestions = exports.Suggestions = (0, _mobxReactLite.observer)(({
   dataHook = 'suggestions',
   maxInlineItems = 2
 }) => {
-  const {
-    httpClient
-  } = (0, _react2.useWixPatternsContainer)();
+  const container = (0, _react2.useWixPatternsContainer)();
   const [state] = (0, _react.useState)(() => new _SuggestionsState.SuggestionsState({
     placementId,
-    httpClient
+    container
   }));
   (0, _react.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);
+    const cards = state.offers.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) {
@@ -116,36 +134,55 @@ const Suggestions = exports.Suggestions = (0, _mobxReactLite.observer)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 107,
+        lineNumber: 139,
         columnNumber: 9
       }
     }, cards.map(({
       key,
+      offerGuid,
       element
-    }) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+    }) => /*#__PURE__*/_react.default.createElement(SuggestionItem, {
       key: key,
+      dataId: key,
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 116,
+        lineNumber: 148,
         columnNumber: 13
       }
-    }, element)));
+    }, /*#__PURE__*/_react.default.createElement(_VisibilityTrackedCard.VisibilityTrackedCard, {
+      itemKey: key,
+      element: element,
+      onObserved: () => offerGuid && state.onOfferViewed(offerGuid),
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 149,
+        columnNumber: 15
+      }
+    }))));
   }
   if (state.isFetching) {
     const skeletons = Array.from({
       length: skeletonsNumber
-    }).map((_, index) => /*#__PURE__*/_react.default.createElement(CardSkeleton, {
-      index: index,
-      totalOffers: skeletonsNumber,
+    }).map((_, index) => /*#__PURE__*/_react.default.createElement(SuggestionItem, {
       key: index,
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 125,
+        lineNumber: 163,
         columnNumber: 11
       }
-    }));
+    }, /*#__PURE__*/_react.default.createElement(CardSkeleton, {
+      index: index,
+      totalOffers: skeletonsNumber,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 164,
+        columnNumber: 13
+      }
+    })));
     return /*#__PURE__*/_react.default.createElement(SuggestionsContainer, {
       count: skeletonsNumber,
       carouselProps: {
@@ -158,7 +195,7 @@ const Suggestions = exports.Suggestions = (0, _mobxReactLite.observer)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 134,
+        lineNumber: 170,
         columnNumber: 9
       }
     }, skeletons);

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_SuggestionsState","_mobxReactLite","_react2","_MarketingCard","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","defaultCarouselProps","hideDots","infinite","variableWidth","controlsPosition","showControlsShadow","sidesGradientColor","COLOR_TOKENS","controlsStartEnd","SuggestionsContainer","count","children","carouselProps","dataHook","dataState","maxInlineItems","createElement","__self","__source","fileName","lineNumber","columnNumber","Box","direction","gap","CarouselWIP","_extends2","Suggestions","exports","observer","placementId","renderCard","CardSkeleton","MarketingCardSkeleton","skeletonsNumber","httpClient","useWixPatternsContainer","state","useState","SuggestionsState","useEffect","init","hasOffers","cardCount","offers","length","cards","map","offer","index","key","offerGuid","element","totalOffers","filter","Fragment","isFetching","skeletons","Array","from","_"],"sources":["../../../../src/components/Suggestions/Suggestions.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  CarouselWIP,\n  CarouselWIPProps,\n  COLOR_TOKENS,\n  Box,\n} from '@wix/design-system';\nimport { SuggestionsState } from '../../state/Suggestions/SuggestionsState';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { MarketingCardSkeleton } from './MarketingCard';\nimport { SuggestionsProps } from './types';\n\nconst defaultCarouselProps: CarouselWIPProps = {\n  hideDots: true,\n  infinite: false,\n  variableWidth: false,\n  controlsPosition: 'overlay',\n  showControlsShadow: true,\n  sidesGradientColor: COLOR_TOKENS['--wsr-color-D70'],\n  controlsStartEnd: 'hidden',\n};\n\ninterface SuggestionsContainerProps {\n  count: number;\n  children: React.ReactNode;\n  carouselProps?: CarouselWIPProps;\n  dataHook: string;\n  dataState: 'idle' | 'loading';\n  maxInlineItems: number;\n}\n\nconst SuggestionsContainer: React.FC<SuggestionsContainerProps> = ({\n  count,\n  children,\n  carouselProps,\n  dataHook,\n  dataState,\n  maxInlineItems,\n}) => {\n  if (count <= maxInlineItems) {\n    return (\n      <div data-hook={dataHook}>\n        <Box\n          direction=\"horizontal\"\n          gap=\"SP4\"\n          dataHook={`${dataHook}-container-${dataState}`}\n        >\n          {children}\n        </Box>\n      </div>\n    );\n  }\n\n  return (\n    <div data-hook={dataHook}>\n      <CarouselWIP\n        dataHook={`${dataHook}-carousel-${dataState}`}\n        {...defaultCarouselProps}\n        {...carouselProps}\n      >\n        {children}\n      </CarouselWIP>\n    </div>\n  );\n};\n\nexport const Suggestions: React.FC<SuggestionsProps> = observer(\n  ({\n    placementId,\n    renderCard,\n    CardSkeleton = MarketingCardSkeleton,\n    carouselProps,\n    skeletonsNumber = 4,\n    dataHook = 'suggestions',\n    maxInlineItems = 2,\n  }) => {\n    const { httpClient } = useWixPatternsContainer();\n\n    const [state] = useState(\n      () => new SuggestionsState({ placementId, httpClient }),\n    );\n\n    useEffect(() => {\n      return state.init();\n    }, [state]);\n\n    if (state.hasOffers) {\n      const cardCount = state.offers.length;\n      const cards = state.offers\n        .map((offer, index) => ({\n          key: offer.offerGuid || `suggestion-${index}`,\n          element: renderCard({\n            offer,\n            index,\n            totalOffers: state.offers.length,\n          }),\n        }))\n        .filter(({ element }) => element !== null);\n\n      // Return null if all cards filtered out\n      if (cards.length === 0) {\n        return null;\n      }\n\n      return (\n        <SuggestionsContainer\n          // use initial cards count for container, to match the count the cards get rendered with\n          count={cardCount}\n          carouselProps={carouselProps}\n          dataHook={dataHook}\n          dataState=\"idle\"\n          maxInlineItems={maxInlineItems}\n        >\n          {cards.map(({ key, element }) => (\n            <React.Fragment key={key}>{element}</React.Fragment>\n          ))}\n        </SuggestionsContainer>\n      );\n    }\n\n    if (state.isFetching) {\n      const skeletons = Array.from({ length: skeletonsNumber }).map(\n        (_, index) => (\n          <CardSkeleton\n            index={index}\n            totalOffers={skeletonsNumber}\n            key={index}\n          />\n        ),\n      );\n\n      return (\n        <SuggestionsContainer\n          count={skeletonsNumber}\n          carouselProps={{ ...carouselProps, controlsPosition: 'none' }}\n          dataHook={dataHook}\n          dataState=\"loading\"\n          maxInlineItems={maxInlineItems}\n        >\n          {skeletons}\n        </SuggestionsContainer>\n      );\n    }\n\n    return null;\n  },\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_SuggestionsState","_mobxReactLite","_react2","_MarketingCard","_VisibilityTrackedCard","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","defaultCarouselProps","hideDots","infinite","variableWidth","controlsPosition","showControlsShadow","sidesGradientColor","COLOR_TOKENS","controlsStartEnd","SuggestionsContainer","count","children","carouselProps","dataHook","dataState","maxInlineItems","createElement","__self","__source","fileName","lineNumber","columnNumber","Box","direction","gap","CarouselWIP","_extends2","SuggestionItem","dataId","style","display","exports","Suggestions","observer","placementId","renderCard","CardSkeleton","MarketingCardSkeleton","skeletonsNumber","container","useWixPatternsContainer","state","useState","SuggestionsState","useEffect","init","hasOffers","cardCount","offers","length","cards","map","offer","index","key","offerGuid","element","totalOffers","filter","card","VisibilityTrackedCard","itemKey","onObserved","onOfferViewed","isFetching","skeletons","Array","from","_"],"sources":["../../../../src/components/Suggestions/Suggestions.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  CarouselWIP,\n  CarouselWIPProps,\n  COLOR_TOKENS,\n  Box,\n} from '@wix/design-system';\nimport { SuggestionsState } from '../../state/Suggestions/SuggestionsState';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { MarketingCardSkeleton } from './MarketingCard';\nimport { SuggestionsProps } from './types';\nimport { VisibilityTrackedCard } from './VisibilityTrackedCard';\n\nconst defaultCarouselProps: CarouselWIPProps = {\n  hideDots: true,\n  infinite: false,\n  variableWidth: false,\n  controlsPosition: 'overlay',\n  showControlsShadow: true,\n  sidesGradientColor: COLOR_TOKENS['--wsr-color-D70'],\n  controlsStartEnd: 'hidden',\n};\n\ninterface SuggestionsContainerProps {\n  count: number;\n  children: React.ReactNode;\n  carouselProps?: CarouselWIPProps;\n  dataHook: string;\n  dataState: 'idle' | 'loading';\n  maxInlineItems: number;\n}\n\nexport interface SuggestionItemProps {\n  children: React.ReactNode;\n  dataId?: string;\n}\n\nexport interface NonNullableElementCard<T> {\n  key: string;\n  offerGuid: string | undefined;\n  element: T;\n}\n\nconst SuggestionsContainer: React.FC<SuggestionsContainerProps> = ({\n  count,\n  children,\n  carouselProps,\n  dataHook,\n  dataState,\n  maxInlineItems,\n}) => {\n  if (count <= maxInlineItems) {\n    return (\n      <div data-hook={dataHook}>\n        <Box\n          direction=\"horizontal\"\n          gap=\"SP4\"\n          dataHook={`${dataHook}-container-${dataState}`}\n        >\n          {children}\n        </Box>\n      </div>\n    );\n  }\n\n  return (\n    <div data-hook={dataHook}>\n      <CarouselWIP\n        dataHook={`${dataHook}-carousel-${dataState}`}\n        {...defaultCarouselProps}\n        {...carouselProps}\n      >\n        {children}\n      </CarouselWIP>\n    </div>\n  );\n};\n\nexport const SuggestionItem: React.FC<SuggestionItemProps> = ({\n  children,\n  dataId,\n}) => (\n  <div\n    data-hook=\"suggestion-item\"\n    data-id={dataId}\n    style={{ display: 'contents' }}\n  >\n    {children}\n  </div>\n);\n\nexport const Suggestions: React.FC<SuggestionsProps> = observer(\n  ({\n    placementId,\n    renderCard,\n    CardSkeleton = MarketingCardSkeleton,\n    carouselProps,\n    skeletonsNumber = 4,\n    dataHook = 'suggestions',\n    maxInlineItems = 2,\n  }) => {\n    const container = useWixPatternsContainer();\n\n    const [state] = useState(\n      () => new SuggestionsState({ placementId, container }),\n    );\n\n    useEffect(() => {\n      return state.init();\n    }, [state]);\n\n    if (state.hasOffers) {\n      const cardCount = state.offers.length;\n      const cards = state.offers\n        .map((offer, index) => {\n          const key = offer.offerGuid || `suggestion-${index}`;\n          return {\n            key,\n            offerGuid: offer.offerGuid,\n            element: renderCard({\n              offer,\n              index,\n              totalOffers: state.offers.length,\n            }),\n          };\n        })\n        .filter(\n          (card): card is NonNullableElementCard<React.ReactElement> =>\n            card.element != null,\n        );\n\n      // Return null if all cards filtered out\n      if (cards.length === 0) {\n        return null;\n      }\n\n      return (\n        <SuggestionsContainer\n          // use initial cards count for container, to match the count the cards get rendered with\n          count={cardCount}\n          carouselProps={carouselProps}\n          dataHook={dataHook}\n          dataState=\"idle\"\n          maxInlineItems={maxInlineItems}\n        >\n          {cards.map(({ key, offerGuid, element }) => (\n            <SuggestionItem key={key} dataId={key}>\n              <VisibilityTrackedCard\n                itemKey={key}\n                element={element}\n                onObserved={() => offerGuid && state.onOfferViewed(offerGuid)}\n              />\n            </SuggestionItem>\n          ))}\n        </SuggestionsContainer>\n      );\n    }\n\n    if (state.isFetching) {\n      const skeletons = Array.from({ length: skeletonsNumber }).map(\n        (_, index) => (\n          <SuggestionItem key={index}>\n            <CardSkeleton index={index} totalOffers={skeletonsNumber} />\n          </SuggestionItem>\n        ),\n      );\n\n      return (\n        <SuggestionsContainer\n          count={skeletonsNumber}\n          carouselProps={{ ...carouselProps, controlsPosition: 'none' }}\n          dataHook={dataHook}\n          dataState=\"loading\"\n          maxInlineItems={maxInlineItems}\n        >\n          {skeletons}\n        </SuggestionsContainer>\n      );\n    }\n\n    return null;\n  },\n);\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,9 +4,8 @@ exports.__esModule = true;
 exports.SuggestionsUniDriver = void 0;
 var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
 var _unidriver2 = require("@wix/wix-ui-test-utils/unidriver");
-const SuggestionsUniDriver = (base, body, options = {}) => {
-  const dataHook = options.dataHook ?? 'suggestions';
-  const cardDataHook = options.cardDataHook ?? 'suggestions-card';
+const SuggestionsUniDriver = (base, body) => {
+  const dataHook = 'suggestions';
   const carouselIdle = (0, _unidriver.CarouselWIPUniDriver)(base.$(`[data-hook="${dataHook}-carousel-idle"]`), body);
   const carouselLoading = (0, _unidriver.CarouselWIPUniDriver)(base.$(`[data-hook="${dataHook}-carousel-loading"]`), body);
   const containerIdle = base.$(`[data-hook="${dataHook}-container-idle"]`);
@@ -22,10 +21,10 @@ 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/cjs/components/Suggestions/Suggestions.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_unidriver2","SuggestionsUniDriver","base","body","options","dataHook","cardDataHook","carouselIdle","CarouselWIPUniDriver","$","carouselLoading","containerIdle","containerLoading","getCarouselChildren","exists","getChildren","getContainerChildren","$$","isLoadingState","isContainerLoading","isCarouselLoading","baseUniDriverFactory","isLoading","hasOffers","carouselExists","containerExists","isEmpty","getCardsCounts","carouselChildren","length","containerChildren","count","getCardAt","index","at","Error","carousel","container","exports"],"sources":["../../../../src/components/Suggestions/Suggestions.uni.driver.ts"],"sourcesContent":["import { CarouselWIPUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport {\n  baseUniDriverFactory,\n  UniDriver,\n} from '@wix/wix-ui-test-utils/unidriver';\n\nexport interface SuggestionsUniDriverOptions {\n  /** Data hook for the Suggestions component (default: 'suggestions') */\n  dataHook?: string;\n  /** Data hook for individual cards (default: 'suggestions-card' for MarketingCard) */\n  cardDataHook?: string;\n}\n\nexport const SuggestionsUniDriver = (\n  base: UniDriver,\n  body: UniDriver,\n  options: SuggestionsUniDriverOptions = {},\n) => {\n  const dataHook = options.dataHook ?? 'suggestions';\n  const cardDataHook = options.cardDataHook ?? 'suggestions-card';\n\n  const carouselIdle = CarouselWIPUniDriver(\n    base.$(`[data-hook=\"${dataHook}-carousel-idle\"]`),\n    body,\n  );\n  const carouselLoading = CarouselWIPUniDriver(\n    base.$(`[data-hook=\"${dataHook}-carousel-loading\"]`),\n    body,\n  );\n\n  const containerIdle = base.$(`[data-hook=\"${dataHook}-container-idle\"]`);\n  const containerLoading = base.$(\n    `[data-hook=\"${dataHook}-container-loading\"]`,\n  );\n\n  const getCarouselChildren = async (): Promise<UniDriver[] | null> => {\n    if (await carouselIdle.exists()) {\n      return carouselIdle.getChildren();\n    }\n    if (await carouselLoading.exists()) {\n      return carouselLoading.getChildren();\n    }\n    return null;\n  };\n\n  const getContainerChildren = async () => {\n    if (await containerIdle.exists()) {\n      return containerIdle.$$(`[data-hook=\"${cardDataHook}\"]`);\n    }\n    if (await containerLoading.exists()) {\n      return containerLoading.$$(`[data-hook=\"${cardDataHook}\"]`);\n    }\n    return null;\n  };\n\n  const isLoadingState = async () => {\n    const isContainerLoading = await containerLoading.exists();\n    const isCarouselLoading = await carouselLoading.exists();\n    return isContainerLoading || isCarouselLoading;\n  };\n\n  return {\n    ...baseUniDriverFactory(base),\n    isLoading: isLoadingState,\n    hasOffers: async () => {\n      const carouselExists = await carouselIdle.exists();\n      const containerExists = await containerIdle.exists();\n      return carouselExists || containerExists;\n    },\n    isEmpty: async () => {\n      const carouselExists = await carouselIdle.exists();\n      const containerExists = await containerIdle.exists();\n      return !carouselExists && !containerExists;\n    },\n    getCardsCounts: async () => {\n      const carouselChildren = await getCarouselChildren();\n      if (carouselChildren) {\n        return carouselChildren.length;\n      }\n      const containerChildren = await getContainerChildren();\n      if (containerChildren) {\n        return containerChildren.count();\n      }\n      return 0;\n    },\n    getCardAt: async (index: number) => {\n      const carouselChildren = await getCarouselChildren();\n      if (carouselChildren) {\n        return carouselChildren[index];\n      }\n      const containerChildren = await getContainerChildren();\n      if (containerChildren) {\n        return containerChildren.at(index);\n      }\n      throw new Error(`No cards found at index ${index}`);\n    },\n    carousel: async () =>\n      (await carouselIdle.exists()) ? carouselIdle : carouselLoading,\n    container: async () =>\n      (await containerIdle.exists()) ? containerIdle : containerLoading,\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_unidriver2","SuggestionsUniDriver","base","body","dataHook","carouselIdle","CarouselWIPUniDriver","$","carouselLoading","containerIdle","containerLoading","getCarouselChildren","exists","getChildren","getContainerChildren","$$","isLoadingState","isContainerLoading","isCarouselLoading","baseUniDriverFactory","isLoading","hasOffers","carouselExists","containerExists","isEmpty","getCardsCounts","carouselChildren","length","containerChildren","count","getCardAt","index","at","Error","carousel","container","exports"],"sources":["../../../../src/components/Suggestions/Suggestions.uni.driver.ts"],"sourcesContent":["import { CarouselWIPUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport {\n  baseUniDriverFactory,\n  UniDriver,\n} from '@wix/wix-ui-test-utils/unidriver';\n\nexport const SuggestionsUniDriver = (base: UniDriver, body: UniDriver) => {\n  const dataHook = 'suggestions';\n\n  const carouselIdle = CarouselWIPUniDriver(\n    base.$(`[data-hook=\"${dataHook}-carousel-idle\"]`),\n    body,\n  );\n  const carouselLoading = CarouselWIPUniDriver(\n    base.$(`[data-hook=\"${dataHook}-carousel-loading\"]`),\n    body,\n  );\n\n  const containerIdle = base.$(`[data-hook=\"${dataHook}-container-idle\"]`);\n  const containerLoading = base.$(\n    `[data-hook=\"${dataHook}-container-loading\"]`,\n  );\n\n  const getCarouselChildren = async (): Promise<UniDriver[] | null> => {\n    if (await carouselIdle.exists()) {\n      return carouselIdle.getChildren();\n    }\n    if (await carouselLoading.exists()) {\n      return carouselLoading.getChildren();\n    }\n    return null;\n  };\n\n  const getContainerChildren = async () => {\n    if (await containerIdle.exists()) {\n      return containerIdle.$$(`[data-hook=\"suggestion-item\"]`);\n    }\n    if (await containerLoading.exists()) {\n      return containerLoading.$$(`[data-hook=\"suggestion-item\"]`);\n    }\n    return null;\n  };\n\n  const isLoadingState = async () => {\n    const isContainerLoading = await containerLoading.exists();\n    const isCarouselLoading = await carouselLoading.exists();\n    return isContainerLoading || isCarouselLoading;\n  };\n\n  return {\n    ...baseUniDriverFactory(base),\n    isLoading: isLoadingState,\n    hasOffers: async () => {\n      const carouselExists = await carouselIdle.exists();\n      const containerExists = await containerIdle.exists();\n      return carouselExists || containerExists;\n    },\n    isEmpty: async () => {\n      const carouselExists = await carouselIdle.exists();\n      const containerExists = await containerIdle.exists();\n      return !carouselExists && !containerExists;\n    },\n    getCardsCounts: async () => {\n      const carouselChildren = await getCarouselChildren();\n      if (carouselChildren) {\n        return carouselChildren.length;\n      }\n      const containerChildren = await getContainerChildren();\n      if (containerChildren) {\n        return containerChildren.count();\n      }\n      return 0;\n    },\n    getCardAt: async (index: number) => {\n      const carouselChildren = await getCarouselChildren();\n      if (carouselChildren) {\n        return carouselChildren[index];\n      }\n      const containerChildren = await getContainerChildren();\n      if (containerChildren) {\n        return containerChildren.at(index);\n      }\n      throw new Error(`No cards found at index ${index}`);\n    },\n    carousel: async () =>\n      (await carouselIdle.exists()) ? carouselIdle : carouselLoading,\n    container: async () =>\n      (await containerIdle.exists()) ? containerIdle : containerLoading,\n  };\n};\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKO,MAAME,oBAAoB,GAAGA,CAACC,IAAe,EAAEC,IAAe,KAAK;EACxE,MAAMC,QAAQ,GAAG,aAAa;EAE9B,MAAMC,YAAY,GAAG,IAAAC,+BAAoB,EACvCJ,IAAI,CAACK,CAAC,CAAC,eAAeH,QAAQ,kBAAkB,CAAC,EACjDD,IACF,CAAC;EACD,MAAMK,eAAe,GAAG,IAAAF,+BAAoB,EAC1CJ,IAAI,CAACK,CAAC,CAAC,eAAeH,QAAQ,qBAAqB,CAAC,EACpDD,IACF,CAAC;EAED,MAAMM,aAAa,GAAGP,IAAI,CAACK,CAAC,CAAC,eAAeH,QAAQ,mBAAmB,CAAC;EACxE,MAAMM,gBAAgB,GAAGR,IAAI,CAACK,CAAC,CAC7B,eAAeH,QAAQ,sBACzB,CAAC;EAED,MAAMO,mBAAmB,GAAG,MAAAA,CAAA,KAAyC;IACnE,IAAI,MAAMN,YAAY,CAACO,MAAM,CAAC,CAAC,EAAE;MAC/B,OAAOP,YAAY,CAACQ,WAAW,CAAC,CAAC;IACnC;IACA,IAAI,MAAML,eAAe,CAACI,MAAM,CAAC,CAAC,EAAE;MAClC,OAAOJ,eAAe,CAACK,WAAW,CAAC,CAAC;IACtC;IACA,OAAO,IAAI;EACb,CAAC;EAED,MAAMC,oBAAoB,GAAG,MAAAA,CAAA,KAAY;IACvC,IAAI,MAAML,aAAa,CAACG,MAAM,CAAC,CAAC,EAAE;MAChC,OAAOH,aAAa,CAACM,EAAE,CAAC,+BAA+B,CAAC;IAC1D;IACA,IAAI,MAAML,gBAAgB,CAACE,MAAM,CAAC,CAAC,EAAE;MACnC,OAAOF,gBAAgB,CAACK,EAAE,CAAC,+BAA+B,CAAC;IAC7D;IACA,OAAO,IAAI;EACb,CAAC;EAED,MAAMC,cAAc,GAAG,MAAAA,CAAA,KAAY;IACjC,MAAMC,kBAAkB,GAAG,MAAMP,gBAAgB,CAACE,MAAM,CAAC,CAAC;IAC1D,MAAMM,iBAAiB,GAAG,MAAMV,eAAe,CAACI,MAAM,CAAC,CAAC;IACxD,OAAOK,kBAAkB,IAAIC,iBAAiB;EAChD,CAAC;EAED,OAAO;IACL,GAAG,IAAAC,gCAAoB,EAACjB,IAAI,CAAC;IAC7BkB,SAAS,EAAEJ,cAAc;IACzBK,SAAS,EAAE,MAAAA,CAAA,KAAY;MACrB,MAAMC,cAAc,GAAG,MAAMjB,YAAY,CAACO,MAAM,CAAC,CAAC;MAClD,MAAMW,eAAe,GAAG,MAAMd,aAAa,CAACG,MAAM,CAAC,CAAC;MACpD,OAAOU,cAAc,IAAIC,eAAe;IAC1C,CAAC;IACDC,OAAO,EAAE,MAAAA,CAAA,KAAY;MACnB,MAAMF,cAAc,GAAG,MAAMjB,YAAY,CAACO,MAAM,CAAC,CAAC;MAClD,MAAMW,eAAe,GAAG,MAAMd,aAAa,CAACG,MAAM,CAAC,CAAC;MACpD,OAAO,CAACU,cAAc,IAAI,CAACC,eAAe;IAC5C,CAAC;IACDE,cAAc,EAAE,MAAAA,CAAA,KAAY;MAC1B,MAAMC,gBAAgB,GAAG,MAAMf,mBAAmB,CAAC,CAAC;MACpD,IAAIe,gBAAgB,EAAE;QACpB,OAAOA,gBAAgB,CAACC,MAAM;MAChC;MACA,MAAMC,iBAAiB,GAAG,MAAMd,oBAAoB,CAAC,CAAC;MACtD,IAAIc,iBAAiB,EAAE;QACrB,OAAOA,iBAAiB,CAACC,KAAK,CAAC,CAAC;MAClC;MACA,OAAO,CAAC;IACV,CAAC;IACDC,SAAS,EAAE,MAAOC,KAAa,IAAK;MAClC,MAAML,gBAAgB,GAAG,MAAMf,mBAAmB,CAAC,CAAC;MACpD,IAAIe,gBAAgB,EAAE;QACpB,OAAOA,gBAAgB,CAACK,KAAK,CAAC;MAChC;MACA,MAAMH,iBAAiB,GAAG,MAAMd,oBAAoB,CAAC,CAAC;MACtD,IAAIc,iBAAiB,EAAE;QACrB,OAAOA,iBAAiB,CAACI,EAAE,CAACD,KAAK,CAAC;MACpC;MACA,MAAM,IAAIE,KAAK,CAAC,2BAA2BF,KAAK,EAAE,CAAC;IACrD,CAAC;IACDG,QAAQ,EAAE,MAAAA,CAAA,KACR,CAAC,MAAM7B,YAAY,CAACO,MAAM,CAAC,CAAC,IAAIP,YAAY,GAAGG,eAAe;IAChE2B,SAAS,EAAE,MAAAA,CAAA,KACT,CAAC,MAAM1B,aAAa,CAACG,MAAM,CAAC,CAAC,IAAIH,aAAa,GAAGC;EACrD,CAAC;AACH,CAAC;AAAC0B,OAAA,CAAAnC,oBAAA,GAAAA,oBAAA","ignoreList":[]}

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

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.VisibilityTrackedCard = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _useIntersectionObserver = require("../../hooks/useIntersectionObserver");
+const VisibilityTrackedCard = ({
+  itemKey,
+  element,
+  onObserved
+}) => {
+  const {
+    elementRef
+  } = (0, _useIntersectionObserver.useIntersectionObserver)(onObserved);
+  return /*#__PURE__*/_react.default.cloneElement(element, {
+    key: itemKey,
+    ref: elementRef
+  });
+};
+exports.VisibilityTrackedCard = VisibilityTrackedCard;
+//# sourceMappingURL=VisibilityTrackedCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_useIntersectionObserver","VisibilityTrackedCard","itemKey","element","onObserved","elementRef","useIntersectionObserver","React","cloneElement","key","ref","exports"],"sources":["../../../../src/components/Suggestions/VisibilityTrackedCard.tsx"],"sourcesContent":["import React from 'react';\nimport { useIntersectionObserver } from '../../hooks/useIntersectionObserver';\n\nexport interface VisibilityTrackedCardProps {\n  itemKey: string;\n  element: React.ReactElement;\n  onObserved: () => void;\n}\n\nexport const VisibilityTrackedCard: React.FC<VisibilityTrackedCardProps> = ({\n  itemKey,\n  element,\n  onObserved,\n}) => {\n  const { elementRef } = useIntersectionObserver(onObserved);\n  return React.cloneElement(element, {\n    key: itemKey,\n    ref: elementRef,\n  });\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,wBAAA,GAAAD,OAAA;AAQO,MAAME,qBAA2D,GAAGA,CAAC;EAC1EC,OAAO;EACPC,OAAO;EACPC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAW,CAAC,GAAG,IAAAC,gDAAuB,EAACF,UAAU,CAAC;EAC1D,oBAAOG,cAAK,CAACC,YAAY,CAACL,OAAO,EAAE;IACjCM,GAAG,EAAEP,OAAO;IACZQ,GAAG,EAAEL;EACP,CAAC,CAAC;AACJ,CAAC;AAACM,OAAA,CAAAV,qBAAA,GAAAA,qBAAA","ignoreList":[]}

package/dist/cjs/components/Suggestions/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/components/Suggestions/types.ts"],"sourcesContent":["import { CarouselWIPProps } from '@wix/design-system';\nimport { Offer } from '@wix/bex-utils/@wix/ambassador-dealer-v1-serving-offer/types';\n\n// Re-export Offer for external consumers\nexport type { Offer };\n\n/**\n * Base props passed to card components\n */\nexport interface BaseCardComponentProps {\n  /** Index of the card in the list */\n  index: number;\n  /** Total number of offers received from the dealer service */\n  totalOffers: number;\n}\n\n/**\n * Props passed to the renderCard function\n */\nexport interface SuggestionsCardProps extends BaseCardComponentProps {\n  /** The offer data from the dealer service */\n  offer: Offer;\n}\n\n/**\n * Props for the Suggestions component\n */\nexport interface SuggestionsProps {\n  /** The placement ID to fetch offers for */\n  placementId: string;\n  /** Props to pass to the carousel component */\n  carouselProps?: CarouselWIPProps;\n  /** Render function for each offer card */\n  renderCard: (props: SuggestionsCardProps) => React.ReactNode | null;\n  /** Skeleton component to render when loading */\n  CardSkeleton?: React.ComponentType<BaseCardComponentProps>;\n  /** Number of skeletons to render when loading */\n  skeletonsNumber?: number;\n  /** Data hook to use for the suggestions component */\n  dataHook?: string;\n  /** Maximum number of items to display inline (Box layout). Above this, Carousel is used. */\n  maxInlineItems?: number;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../src/components/Suggestions/types.ts"],"sourcesContent":["import { CarouselWIPProps } from '@wix/design-system';\nimport { Offer } from '@wix/bex-utils/@wix/ambassador-dealer-v1-serving-offer/types';\n\n// Re-export Offer for external consumers\nexport type { Offer };\n\n/**\n * Base props passed to card components\n */\nexport interface BaseCardComponentProps {\n  /** Index of the card in the list */\n  index: number;\n  /** Total number of offers received from the dealer service */\n  totalOffers: number;\n}\n\n/**\n * Props passed to the renderCard function\n */\nexport interface SuggestionsCardProps extends BaseCardComponentProps {\n  /** The offer data from the dealer service */\n  offer: Offer;\n}\n\n/**\n * Props for the Suggestions component\n */\nexport interface SuggestionsProps {\n  /** The placement ID to fetch offers for */\n  placementId: string;\n  /** Props to pass to the carousel component */\n  carouselProps?: CarouselWIPProps;\n  /**\n   * Render function for each offer card.\n   * The returned element must be a forwardRef component.\n   */\n  renderCard: (props: SuggestionsCardProps) => React.ReactElement | null;\n  /** Skeleton component to render when loading */\n  CardSkeleton?: React.ComponentType<BaseCardComponentProps>;\n  /** Number of skeletons to render when loading */\n  skeletonsNumber?: number;\n  /** Data hook to use for the suggestions component */\n  dataHook?: string;\n  /** Maximum number of items to display inline (Box layout). Above this, Carousel is used. */\n  maxInlineItems?: number;\n}\n"],"mappings":"","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "TabsFilter1345177777";
+var _namespace_ = "TabsFilter494994749";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "TabsFilter1345177777__root",
-  "title": "TabsFilter1345177777__title"
+  "root": "TabsFilter494994749__root",
+  "title": "TabsFilter494994749__title"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter1345177777\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"TabsFilter1345177777__root\",\"title\":\"TabsFilter1345177777__title\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,4BAA4B;EAAC,OAAO,EAAC;AAA6B,CAAC;AACzF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter494994749\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"TabsFilter494994749__root\",\"title\":\"TabsFilter494994749__title\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,qBAAqB;AACvC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,2BAA2B;EAAC,OAAO,EAAC;AAA4B,CAAC;AACvF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ManageTagsModal3024155593";
+var _namespace_ = "ManageTagsModal2750172858";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ManageTagsModal3024155593__root"
+  "root": "ManageTagsModal2750172858__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal3024155593\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ManageTagsModal3024155593__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiC,CAAC;AACxD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal2750172858\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ManageTagsModal2750172858__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiC,CAAC;AACxD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ToolbarItem1084120392";
+var _namespace_ = "ToolbarItem2717057697";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ToolbarItem1084120392__root"
+  "root": "ToolbarItem2717057697__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem1084120392\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ToolbarItem1084120392__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA6B,CAAC;AACpD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem2717057697\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ToolbarItem2717057697__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA6B,CAAC;AACpD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ToolbarItemBox1023738829";
+var _namespace_ = "ToolbarItemBox4200702974";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ToolbarItemBox1023738829__root"
+  "root": "ToolbarItemBox4200702974__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox1023738829\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ToolbarItemBox1023738829__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox4200702974\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ToolbarItemBox4200702974__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "common1495039995";
+var _namespace_ = "common1210614291";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "common1495039995__root",
-  "column": "common1495039995__column",
-  "fullHeight": "common1495039995__fullHeight"
+  "root": "common1210614291__root",
+  "column": "common1210614291__column",
+  "fullHeight": "common1210614291__fullHeight"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/common.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../src/components/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common1495039995\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"common1495039995__root\",\"column\":\"common1495039995__column\",\"fullHeight\":\"common1495039995__fullHeight\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kBAAkB;AACpC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../src/components/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common1210614291\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"common1210614291__root\",\"column\":\"common1210614291__column\",\"fullHeight\":\"common1210614291__fullHeight\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kBAAkB;AACpC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -2,7 +2,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.TagsWidgetUniDriver = exports.TableUniDriver = exports.TableGridSwitchUniDriver = exports.TableGridSwitchFoldersUniDriver = exports.TableFoldersUniDriver = exports.SuggestionsUniDriverOptions = exports.SuggestionsUniDriver = exports.SubTitleUniDriver = exports.SkeletonCardUniDriver = exports.SettingsPageUniDriver = exports.SearchableCollectionContentUniDriver = exports.RequestIdUniDriver = exports.PickerUniDriver = exports.PickerStandaloneUniDriver = exports.PickerModalUniDriver = exports.PageErrorStateUniDriver = exports.NestedTableUniDriver = exports.MoreActionsUniDriver = exports.MarketingCardUniDriver = exports.KanbanUniDriver = exports.GridUniDriver = exports.GridFoldersUniDriver = exports.ErrorCardUniDriver = exports.EntityPageUniDriver = exports.CustomFieldsWidgetUniDriver = exports.CustomFieldsViewWidgetUniDriver = exports.CustomFieldModalUniDriver = exports.CollectionViewsDropdownUniDriver = exports.CollectionSaveViewModalUniDriver = exports.CollectionPageUniDriver = exports.CollectionDropdownFilterUniDriver = exports.CardContainerUniDriver = void 0;
+exports.TagsWidgetUniDriver = exports.TableUniDriver = exports.TableGridSwitchUniDriver = exports.TableGridSwitchFoldersUniDriver = exports.TableFoldersUniDriver = exports.SuggestionsUniDriver = exports.SubTitleUniDriver = exports.SkeletonCardUniDriver = exports.SettingsPageUniDriver = exports.SearchableCollectionContentUniDriver = exports.RequestIdUniDriver = exports.PickerUniDriver = exports.PickerStandaloneUniDriver = exports.PickerModalUniDriver = exports.PageErrorStateUniDriver = exports.NestedTableUniDriver = exports.MoreActionsUniDriver = exports.MarketingCardUniDriver = exports.KanbanUniDriver = exports.GridUniDriver = exports.GridFoldersUniDriver = exports.ErrorCardUniDriver = exports.EntityPageUniDriver = exports.CustomFieldsWidgetUniDriver = exports.CustomFieldsViewWidgetUniDriver = exports.CustomFieldModalUniDriver = exports.CollectionViewsDropdownUniDriver = exports.CollectionSaveViewModalUniDriver = exports.CollectionPageUniDriver = exports.CollectionDropdownFilterUniDriver = exports.CardContainerUniDriver = void 0;
 var _PickerUni = require("../../components/Picker/Picker.uni.driver");
 exports.PickerUniDriver = _PickerUni.PickerUniDriver;
 var _TableUni = _interopRequireDefault(require("../../components/Table/Table.uni.driver"));
@@ -63,7 +63,6 @@ var _CollectionDropdownFilterUni = require("../../components/DropdownFilter/Coll
 exports.CollectionDropdownFilterUniDriver = _CollectionDropdownFilterUni.CollectionDropdownFilterUniDriver;
 var _SuggestionsUni = require("../../components/Suggestions/Suggestions.uni.driver");
 exports.SuggestionsUniDriver = _SuggestionsUni.SuggestionsUniDriver;
-exports.SuggestionsUniDriverOptions = _SuggestionsUni.SuggestionsUniDriverOptions;
 var _MarketingCardUni = require("../../components/Suggestions/MarketingCard.uni.driver");
 exports.MarketingCardUniDriver = _MarketingCardUni.MarketingCardUniDriver;
 //# sourceMappingURL=unidriver.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_PickerUni","require","exports","PickerUniDriver","_TableUni","_interopRequireDefault","TableUniDriver","default","_PickerStandaloneUni","PickerStandaloneUniDriver","_PickerModalUni","PickerModalUniDriver","_CollectionViewsDropdownUni","CollectionViewsDropdownUniDriver","_CollectionSaveViewModalUni","CollectionSaveViewModalUniDriver","_GridUni","GridUniDriver","_TableGridSwitchUni","TableGridSwitchUniDriver","_GridFoldersUni","GridFoldersUniDriver","_KanbanUni","KanbanUniDriver","_TableFoldersUni","TableFoldersUniDriver","_TableGridSwitchFoldersUni","TableGridSwitchFoldersUniDriver","_CustomFieldsWidgetUni","CustomFieldsWidgetUniDriver","_NestedTableUni","NestedTableUniDriver","_CustomFieldsViewWidgetUni","CustomFieldsViewWidgetUniDriver","_TagsWidgetUni","TagsWidgetUniDriver","_EntityPageUni","EntityPageUniDriver","_SettingsPageUni","SettingsPageUniDriver","_CollectionPageUni","CollectionPageUniDriver","_SkeletonCardUni","SkeletonCardUniDriver","_ErrorCardUni","ErrorCardUniDriver","_PageErrorStateUni","PageErrorStateUniDriver","_CardContainerUni","CardContainerUniDriver","_PageSubTitleUni","SubTitleUniDriver","_CustomFieldModalUni","CustomFieldModalUniDriver","_RequestIdUni","RequestIdUniDriver","_SearchableCollectionContentUni","SearchableCollectionContentUniDriver","_MoreActionsUni","MoreActionsUniDriver","_CollectionDropdownFilterUni","CollectionDropdownFilterUniDriver","_SuggestionsUni","SuggestionsUniDriver","SuggestionsUniDriverOptions","_MarketingCardUni","MarketingCardUniDriver"],"sources":["../../../../src/exports/testkit/unidriver.ts"],"sourcesContent":["export { PickerUniDriver } from '../../components/Picker/Picker.uni.driver';\nexport { default as TableUniDriver } from '../../components/Table/Table.uni.driver';\nexport { default as PickerStandaloneUniDriver } from '../../components/PickerStandalone/PickerStandalone.uni.driver';\nexport { default as PickerModalUniDriver } from '../../components/PickerModal/PickerModal.uni.driver';\nexport { CollectionViewsDropdownUniDriver } from '../../components/CollectionViewsDropdown/CollectionViewsDropdown.uni.driver';\nexport { CollectionSaveViewModalUniDriver } from '../../components/CollectionViewsDropdown/modals/SaveView/CollectionSaveViewModal.uni.driver';\nexport { GridUniDriver } from '../../components/Grid/Grid.uni.driver';\nexport { TableGridSwitchUniDriver } from '../../components/TableGridSwitch/TableGridSwitch.uni.driver';\nexport { default as GridFoldersUniDriver } from '../../components/Grid/GridFolders.uni.driver';\nexport { KanbanUniDriver } from '../../components/Kanban/Kanban.uni.driver';\nexport { default as TableFoldersUniDriver } from '../../components/TableFolders/TableFolders.uni.driver';\nexport { default as TableGridSwitchFoldersUniDriver } from '../../components/TableGridSwitchFolders/TableGridSwitchFolders.uni.driver';\nexport { default as CustomFieldsWidgetUniDriver } from '../../components/CustomFieldsWidget/CustomFieldsWidget.uni.driver';\nexport { NestedTableUniDriver } from '../../components/NestedTable/NestedTable.uni.driver';\nexport { default as CustomFieldsViewWidgetUniDriver } from '../../components/CustomFieldsWidget/CustomFieldsViewWidget.uni.driver';\nexport { default as TagsWidgetUniDriver } from '../../components/TagsWidget/TagsWidget.uni.driver';\nexport { EntityPageUniDriver } from '../../components/EntityPage/EntityPage.uni.driver';\nexport { SettingsPageUniDriver } from '../../components/SettingsPage/SettingsPage.uni.driver';\nexport { default as CollectionPageUniDriver } from '../../components/CollectionPageNew/CollectionPage.uni.driver';\nexport { default as SkeletonCardUniDriver } from '../../components/SkeletonCard/SkeletonCard.uni.driver';\nexport { default as ErrorCardUniDriver } from '../../components/ErrorCard/ErrorCard.uni.driver';\nexport { default as PageErrorStateUniDriver } from '../../components/PageErrorState/PageErrorState.uni.driver';\nexport { default as CardContainerUniDriver } from '../../components/CardContainer/CardContainer.uni.driver';\nexport { default as SubTitleUniDriver } from '../../components/PageSubTitle/PageSubTitle.uni.driver';\nexport { CustomFieldModalUniDriver } from '../../components/CustomFieldModal/CustomFieldModal.uni.driver';\nexport { default as RequestIdUniDriver } from '../../components/RequestId/RequestId.uni.driver';\nexport { SearchableCollectionContentUniDriver } from '../../components/SearchableCollectionContent/SearchableCollectionContent.uni.driver';\nexport { MoreActionsUniDriver } from '../../components/MoreActions/MoreActions.uni.driver';\nexport { CollectionDropdownFilterUniDriver } from '../../components/DropdownFilter/CollectionDropdownFilter.uni.driver';\nexport {\n  SuggestionsUniDriver,\n  SuggestionsUniDriverOptions,\n} from '../../components/Suggestions/Suggestions.uni.driver';\nexport { MarketingCardUniDriver } from '../../components/Suggestions/MarketingCard.uni.driver';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_PickerUni","require","exports","PickerUniDriver","_TableUni","_interopRequireDefault","TableUniDriver","default","_PickerStandaloneUni","PickerStandaloneUniDriver","_PickerModalUni","PickerModalUniDriver","_CollectionViewsDropdownUni","CollectionViewsDropdownUniDriver","_CollectionSaveViewModalUni","CollectionSaveViewModalUniDriver","_GridUni","GridUniDriver","_TableGridSwitchUni","TableGridSwitchUniDriver","_GridFoldersUni","GridFoldersUniDriver","_KanbanUni","KanbanUniDriver","_TableFoldersUni","TableFoldersUniDriver","_TableGridSwitchFoldersUni","TableGridSwitchFoldersUniDriver","_CustomFieldsWidgetUni","CustomFieldsWidgetUniDriver","_NestedTableUni","NestedTableUniDriver","_CustomFieldsViewWidgetUni","CustomFieldsViewWidgetUniDriver","_TagsWidgetUni","TagsWidgetUniDriver","_EntityPageUni","EntityPageUniDriver","_SettingsPageUni","SettingsPageUniDriver","_CollectionPageUni","CollectionPageUniDriver","_SkeletonCardUni","SkeletonCardUniDriver","_ErrorCardUni","ErrorCardUniDriver","_PageErrorStateUni","PageErrorStateUniDriver","_CardContainerUni","CardContainerUniDriver","_PageSubTitleUni","SubTitleUniDriver","_CustomFieldModalUni","CustomFieldModalUniDriver","_RequestIdUni","RequestIdUniDriver","_SearchableCollectionContentUni","SearchableCollectionContentUniDriver","_MoreActionsUni","MoreActionsUniDriver","_CollectionDropdownFilterUni","CollectionDropdownFilterUniDriver","_SuggestionsUni","SuggestionsUniDriver","_MarketingCardUni","MarketingCardUniDriver"],"sources":["../../../../src/exports/testkit/unidriver.ts"],"sourcesContent":["export { PickerUniDriver } from '../../components/Picker/Picker.uni.driver';\nexport { default as TableUniDriver } from '../../components/Table/Table.uni.driver';\nexport { default as PickerStandaloneUniDriver } from '../../components/PickerStandalone/PickerStandalone.uni.driver';\nexport { default as PickerModalUniDriver } from '../../components/PickerModal/PickerModal.uni.driver';\nexport { CollectionViewsDropdownUniDriver } from '../../components/CollectionViewsDropdown/CollectionViewsDropdown.uni.driver';\nexport { CollectionSaveViewModalUniDriver } from '../../components/CollectionViewsDropdown/modals/SaveView/CollectionSaveViewModal.uni.driver';\nexport { GridUniDriver } from '../../components/Grid/Grid.uni.driver';\nexport { TableGridSwitchUniDriver } from '../../components/TableGridSwitch/TableGridSwitch.uni.driver';\nexport { default as GridFoldersUniDriver } from '../../components/Grid/GridFolders.uni.driver';\nexport { KanbanUniDriver } from '../../components/Kanban/Kanban.uni.driver';\nexport { default as TableFoldersUniDriver } from '../../components/TableFolders/TableFolders.uni.driver';\nexport { default as TableGridSwitchFoldersUniDriver } from '../../components/TableGridSwitchFolders/TableGridSwitchFolders.uni.driver';\nexport { default as CustomFieldsWidgetUniDriver } from '../../components/CustomFieldsWidget/CustomFieldsWidget.uni.driver';\nexport { NestedTableUniDriver } from '../../components/NestedTable/NestedTable.uni.driver';\nexport { default as CustomFieldsViewWidgetUniDriver } from '../../components/CustomFieldsWidget/CustomFieldsViewWidget.uni.driver';\nexport { default as TagsWidgetUniDriver } from '../../components/TagsWidget/TagsWidget.uni.driver';\nexport { EntityPageUniDriver } from '../../components/EntityPage/EntityPage.uni.driver';\nexport { SettingsPageUniDriver } from '../../components/SettingsPage/SettingsPage.uni.driver';\nexport { default as CollectionPageUniDriver } from '../../components/CollectionPageNew/CollectionPage.uni.driver';\nexport { default as SkeletonCardUniDriver } from '../../components/SkeletonCard/SkeletonCard.uni.driver';\nexport { default as ErrorCardUniDriver } from '../../components/ErrorCard/ErrorCard.uni.driver';\nexport { default as PageErrorStateUniDriver } from '../../components/PageErrorState/PageErrorState.uni.driver';\nexport { default as CardContainerUniDriver } from '../../components/CardContainer/CardContainer.uni.driver';\nexport { default as SubTitleUniDriver } from '../../components/PageSubTitle/PageSubTitle.uni.driver';\nexport { CustomFieldModalUniDriver } from '../../components/CustomFieldModal/CustomFieldModal.uni.driver';\nexport { default as RequestIdUniDriver } from '../../components/RequestId/RequestId.uni.driver';\nexport { SearchableCollectionContentUniDriver } from '../../components/SearchableCollectionContent/SearchableCollectionContent.uni.driver';\nexport { MoreActionsUniDriver } from '../../components/MoreActions/MoreActions.uni.driver';\nexport { CollectionDropdownFilterUniDriver } from '../../components/DropdownFilter/CollectionDropdownFilter.uni.driver';\nexport { SuggestionsUniDriver } from '../../components/Suggestions/Suggestions.uni.driver';\nexport { MarketingCardUniDriver } from '../../components/Suggestions/MarketingCard.uni.driver';\n"],"mappings":";;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAA4EC,OAAA,CAAAC,eAAA,GAAAH,UAAA,CAAAG,eAAA;AAC5E,IAAAC,SAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAAoFC,OAAA,CAAAI,cAAA,GAAAF,SAAA,CAAAG,OAAA;AACpF,IAAAC,oBAAA,GAAAH,sBAAA,CAAAJ,OAAA;AAAqHC,OAAA,CAAAO,yBAAA,GAAAD,oBAAA,CAAAD,OAAA;AACrH,IAAAG,eAAA,GAAAL,sBAAA,CAAAJ,OAAA;AAAsGC,OAAA,CAAAS,oBAAA,GAAAD,eAAA,CAAAH,OAAA;AACtG,IAAAK,2BAAA,GAAAX,OAAA;AAA+HC,OAAA,CAAAW,gCAAA,GAAAD,2BAAA,CAAAC,gCAAA;AAC/H,IAAAC,2BAAA,GAAAb,OAAA;AAA+IC,OAAA,CAAAa,gCAAA,GAAAD,2BAAA,CAAAC,gCAAA;AAC/I,IAAAC,QAAA,GAAAf,OAAA;AAAsEC,OAAA,CAAAe,aAAA,GAAAD,QAAA,CAAAC,aAAA;AACtE,IAAAC,mBAAA,GAAAjB,OAAA;AAAuGC,OAAA,CAAAiB,wBAAA,GAAAD,mBAAA,CAAAC,wBAAA;AACvG,IAAAC,eAAA,GAAAf,sBAAA,CAAAJ,OAAA;AAA+FC,OAAA,CAAAmB,oBAAA,GAAAD,eAAA,CAAAb,OAAA;AAC/F,IAAAe,UAAA,GAAArB,OAAA;AAA4EC,OAAA,CAAAqB,eAAA,GAAAD,UAAA,CAAAC,eAAA;AAC5E,IAAAC,gBAAA,GAAAnB,sBAAA,CAAAJ,OAAA;AAAyGC,OAAA,CAAAuB,qBAAA,GAAAD,gBAAA,CAAAjB,OAAA;AACzG,IAAAmB,0BAAA,GAAArB,sBAAA,CAAAJ,OAAA;AAAuIC,OAAA,CAAAyB,+BAAA,GAAAD,0BAAA,CAAAnB,OAAA;AACvI,IAAAqB,sBAAA,GAAAvB,sBAAA,CAAAJ,OAAA;AAA2HC,OAAA,CAAA2B,2BAAA,GAAAD,sBAAA,CAAArB,OAAA;AAC3H,IAAAuB,eAAA,GAAA7B,OAAA;AAA2FC,OAAA,CAAA6B,oBAAA,GAAAD,eAAA,CAAAC,oBAAA;AAC3F,IAAAC,0BAAA,GAAA3B,sBAAA,CAAAJ,OAAA;AAAmIC,OAAA,CAAA+B,+BAAA,GAAAD,0BAAA,CAAAzB,OAAA;AACnI,IAAA2B,cAAA,GAAA7B,sBAAA,CAAAJ,OAAA;AAAmGC,OAAA,CAAAiC,mBAAA,GAAAD,cAAA,CAAA3B,OAAA;AACnG,IAAA6B,cAAA,GAAAnC,OAAA;AAAwFC,OAAA,CAAAmC,mBAAA,GAAAD,cAAA,CAAAC,mBAAA;AACxF,IAAAC,gBAAA,GAAArC,OAAA;AAA8FC,OAAA,CAAAqC,qBAAA,GAAAD,gBAAA,CAAAC,qBAAA;AAC9F,IAAAC,kBAAA,GAAAnC,sBAAA,CAAAJ,OAAA;AAAkHC,OAAA,CAAAuC,uBAAA,GAAAD,kBAAA,CAAAjC,OAAA;AAClH,IAAAmC,gBAAA,GAAArC,sBAAA,CAAAJ,OAAA;AAAyGC,OAAA,CAAAyC,qBAAA,GAAAD,gBAAA,CAAAnC,OAAA;AACzG,IAAAqC,aAAA,GAAAvC,sBAAA,CAAAJ,OAAA;AAAgGC,OAAA,CAAA2C,kBAAA,GAAAD,aAAA,CAAArC,OAAA;AAChG,IAAAuC,kBAAA,GAAAzC,sBAAA,CAAAJ,OAAA;AAA+GC,OAAA,CAAA6C,uBAAA,GAAAD,kBAAA,CAAAvC,OAAA;AAC/G,IAAAyC,iBAAA,GAAA3C,sBAAA,CAAAJ,OAAA;AAA4GC,OAAA,CAAA+C,sBAAA,GAAAD,iBAAA,CAAAzC,OAAA;AAC5G,IAAA2C,gBAAA,GAAA7C,sBAAA,CAAAJ,OAAA;AAAqGC,OAAA,CAAAiD,iBAAA,GAAAD,gBAAA,CAAA3C,OAAA;AACrG,IAAA6C,oBAAA,GAAAnD,OAAA;AAA0GC,OAAA,CAAAmD,yBAAA,GAAAD,oBAAA,CAAAC,yBAAA;AAC1G,IAAAC,aAAA,GAAAjD,sBAAA,CAAAJ,OAAA;AAAgGC,OAAA,CAAAqD,kBAAA,GAAAD,aAAA,CAAA/C,OAAA;AAChG,IAAAiD,+BAAA,GAAAvD,OAAA;AAA2IC,OAAA,CAAAuD,oCAAA,GAAAD,+BAAA,CAAAC,oCAAA;AAC3I,IAAAC,eAAA,GAAAzD,OAAA;AAA2FC,OAAA,CAAAyD,oBAAA,GAAAD,eAAA,CAAAC,oBAAA;AAC3F,IAAAC,4BAAA,GAAA3D,OAAA;AAAwHC,OAAA,CAAA2D,iCAAA,GAAAD,4BAAA,CAAAC,iCAAA;AACxH,IAAAC,eAAA,GAAA7D,OAAA;AAA2FC,OAAA,CAAA6D,oBAAA,GAAAD,eAAA,CAAAC,oBAAA;AAC3F,IAAAC,iBAAA,GAAA/D,OAAA;AAA+FC,OAAA,CAAA+D,sBAAA,GAAAD,iBAAA,CAAAC,sBAAA","ignoreList":[]}

package/dist/cjs/hooks/useCollectionTableResize.js

@@ -8,7 +8,8 @@ function useCollectionTableResize({
   columns,
   horizontalScroll,
   userResizeProps,
-  columnSizesState
+  columnSizesState,
+  isVirtualized
 }) {
   const experimentEnabled = (columnSizesState == null ? void 0 : columnSizesState.isResizeExperimentEnabled) ?? false;
   const isMobile = (0, _useIsMobile.useIsMobile)();
@@ -16,7 +17,7 @@ function useCollectionTableResize({
     var _col$width;
     return (_col$width = col.width) == null ? void 0 : _col$width.toString().match(/^\d+px$/);
   }), [columns]);
-  const isResizable = experimentEnabled && !isMobile && !!horizontalScroll && areAllColumnsPixelWidth;
+  const isResizable = experimentEnabled && !isMobile && !isVirtualized && !!horizontalScroll && areAllColumnsPixelWidth;
   const resizePlaceholderColumn = (0, _react.useMemo)(() => ({
     title: '',
     width: '100%',

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_useIsMobile","useCollectionTableResize","columns","horizontalScroll","userResizeProps","columnSizesState","experimentEnabled","isResizeExperimentEnabled","isMobile","useIsMobile","areAllColumnsPixelWidth","useMemo","every","col","_col$width","width","toString","match","isResizable","resizePlaceholderColumn","title","render","tableResizeProps","minColumnWidth","onColumnResizeEnd","columnId","endWidth","event","updateColumnWidth","Number","undefined"],"sources":["../../../src/hooks/useCollectionTableResize.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { useIsMobile } from './useIsMobile';\nimport { TableProps, TableColumn } from '@wix/design-system';\nimport { ColumnSizesState } from '../state/ColumnSizesState';\n\nexport function useCollectionTableResize({\n  columns,\n  horizontalScroll,\n  userResizeProps,\n  columnSizesState,\n}: {\n  columns: TableColumn[];\n  horizontalScroll: boolean | undefined;\n  userResizeProps?: TableProps['resizeProps'];\n  columnSizesState: ColumnSizesState | null;\n}) {\n  const experimentEnabled =\n    columnSizesState?.isResizeExperimentEnabled ?? false;\n  const isMobile = useIsMobile();\n\n  const areAllColumnsPixelWidth = useMemo(\n    () => columns.every((col) => col.width?.toString().match(/^\\d+px$/)),\n    [columns],\n  );\n\n  const isResizable =\n    experimentEnabled &&\n    !isMobile &&\n    !!horizontalScroll &&\n    areAllColumnsPixelWidth;\n\n  const resizePlaceholderColumn = useMemo(\n    () => ({ title: '', width: '100%', render: () => null }),\n    [],\n  );\n\n  const tableResizeProps: TableProps['resizeProps'] | undefined = isResizable\n    ? {\n        ...userResizeProps,\n        minColumnWidth: userResizeProps?.minColumnWidth ?? 74,\n        onColumnResizeEnd(columnId, endWidth, event) {\n          columnSizesState?.updateColumnWidth(columnId, Number(endWidth));\n          userResizeProps?.onColumnResizeEnd?.(columnId, endWidth, event);\n        },\n      }\n    : undefined;\n\n  return {\n    isResizable,\n    tableResizeProps,\n    resizePlaceholderColumn,\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAIO,SAASE,wBAAwBA,CAAC;EACvCC,OAAO;EACPC,gBAAgB;EAChBC,eAAe;EACfC;AAMF,CAAC,EAAE;EACD,MAAMC,iBAAiB,GACrB,CAAAD,gBAAgB,oBAAhBA,gBAAgB,CAAEE,yBAAyB,KAAI,KAAK;EACtD,MAAMC,QAAQ,GAAG,IAAAC,wBAAW,EAAC,CAAC;EAE9B,MAAMC,uBAAuB,GAAG,IAAAC,cAAO,EACrC,MAAMT,OAAO,CAACU,KAAK,CAAEC,GAAG;IAAA,IAAAC,UAAA;IAAA,QAAAA,UAAA,GAAKD,GAAG,CAACE,KAAK,qBAATD,UAAA,CAAWE,QAAQ,CAAC,CAAC,CAACC,KAAK,CAAC,SAAS,CAAC;EAAA,EAAC,EACpE,CAACf,OAAO,CACV,CAAC;EAED,MAAMgB,WAAW,GACfZ,iBAAiB,IACjB,CAACE,QAAQ,IACT,CAAC,CAACL,gBAAgB,IAClBO,uBAAuB;EAEzB,MAAMS,uBAAuB,GAAG,IAAAR,cAAO,EACrC,OAAO;IAAES,KAAK,EAAE,EAAE;IAAEL,KAAK,EAAE,MAAM;IAAEM,MAAM,EAAEA,CAAA,KAAM;EAAK,CAAC,CAAC,EACxD,EACF,CAAC;EAED,MAAMC,gBAAuD,GAAGJ,WAAW,GACvE;IACE,GAAGd,eAAe;IAClBmB,cAAc,EAAE,CAAAnB,eAAe,oBAAfA,eAAe,CAAEmB,cAAc,KAAI,EAAE;IACrDC,iBAAiBA,CAACC,QAAQ,EAAEC,QAAQ,EAAEC,KAAK,EAAE;MAC3CtB,gBAAgB,YAAhBA,gBAAgB,CAAEuB,iBAAiB,CAACH,QAAQ,EAAEI,MAAM,CAACH,QAAQ,CAAC,CAAC;MAC/DtB,eAAe,YAAfA,eAAe,CAAEoB,iBAAiB,YAAlCpB,eAAe,CAAEoB,iBAAiB,CAAGC,QAAQ,EAAEC,QAAQ,EAAEC,KAAK,CAAC;IACjE;EACF,CAAC,GACDG,SAAS;EAEb,OAAO;IACLZ,WAAW;IACXI,gBAAgB;IAChBH;EACF,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_react","require","_useIsMobile","useCollectionTableResize","columns","horizontalScroll","userResizeProps","columnSizesState","isVirtualized","experimentEnabled","isResizeExperimentEnabled","isMobile","useIsMobile","areAllColumnsPixelWidth","useMemo","every","col","_col$width","width","toString","match","isResizable","resizePlaceholderColumn","title","render","tableResizeProps","minColumnWidth","onColumnResizeEnd","columnId","endWidth","event","updateColumnWidth","Number","undefined"],"sources":["../../../src/hooks/useCollectionTableResize.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { useIsMobile } from './useIsMobile';\nimport { TableProps, TableColumn } from '@wix/design-system';\nimport { ColumnSizesState } from '../state/ColumnSizesState';\n\nexport function useCollectionTableResize({\n  columns,\n  horizontalScroll,\n  userResizeProps,\n  columnSizesState,\n  isVirtualized,\n}: {\n  columns: TableColumn[];\n  horizontalScroll: boolean | undefined;\n  userResizeProps?: TableProps['resizeProps'];\n  columnSizesState: ColumnSizesState | null;\n  isVirtualized?: boolean;\n}) {\n  const experimentEnabled =\n    columnSizesState?.isResizeExperimentEnabled ?? false;\n  const isMobile = useIsMobile();\n\n  const areAllColumnsPixelWidth = useMemo(\n    () => columns.every((col) => col.width?.toString().match(/^\\d+px$/)),\n    [columns],\n  );\n\n  const isResizable =\n    experimentEnabled &&\n    !isMobile &&\n    !isVirtualized &&\n    !!horizontalScroll &&\n    areAllColumnsPixelWidth;\n\n  const resizePlaceholderColumn = useMemo(\n    () => ({ title: '', width: '100%', render: () => null }),\n    [],\n  );\n\n  const tableResizeProps: TableProps['resizeProps'] | undefined = isResizable\n    ? {\n        ...userResizeProps,\n        minColumnWidth: userResizeProps?.minColumnWidth ?? 74,\n        onColumnResizeEnd(columnId, endWidth, event) {\n          columnSizesState?.updateColumnWidth(columnId, Number(endWidth));\n          userResizeProps?.onColumnResizeEnd?.(columnId, endWidth, event);\n        },\n      }\n    : undefined;\n\n  return {\n    isResizable,\n    tableResizeProps,\n    resizePlaceholderColumn,\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAIO,SAASE,wBAAwBA,CAAC;EACvCC,OAAO;EACPC,gBAAgB;EAChBC,eAAe;EACfC,gBAAgB;EAChBC;AAOF,CAAC,EAAE;EACD,MAAMC,iBAAiB,GACrB,CAAAF,gBAAgB,oBAAhBA,gBAAgB,CAAEG,yBAAyB,KAAI,KAAK;EACtD,MAAMC,QAAQ,GAAG,IAAAC,wBAAW,EAAC,CAAC;EAE9B,MAAMC,uBAAuB,GAAG,IAAAC,cAAO,EACrC,MAAMV,OAAO,CAACW,KAAK,CAAEC,GAAG;IAAA,IAAAC,UAAA;IAAA,QAAAA,UAAA,GAAKD,GAAG,CAACE,KAAK,qBAATD,UAAA,CAAWE,QAAQ,CAAC,CAAC,CAACC,KAAK,CAAC,SAAS,CAAC;EAAA,EAAC,EACpE,CAAChB,OAAO,CACV,CAAC;EAED,MAAMiB,WAAW,GACfZ,iBAAiB,IACjB,CAACE,QAAQ,IACT,CAACH,aAAa,IACd,CAAC,CAACH,gBAAgB,IAClBQ,uBAAuB;EAEzB,MAAMS,uBAAuB,GAAG,IAAAR,cAAO,EACrC,OAAO;IAAES,KAAK,EAAE,EAAE;IAAEL,KAAK,EAAE,MAAM;IAAEM,MAAM,EAAEA,CAAA,KAAM;EAAK,CAAC,CAAC,EACxD,EACF,CAAC;EAED,MAAMC,gBAAuD,GAAGJ,WAAW,GACvE;IACE,GAAGf,eAAe;IAClBoB,cAAc,EAAE,CAAApB,eAAe,oBAAfA,eAAe,CAAEoB,cAAc,KAAI,EAAE;IACrDC,iBAAiBA,CAACC,QAAQ,EAAEC,QAAQ,EAAEC,KAAK,EAAE;MAC3CvB,gBAAgB,YAAhBA,gBAAgB,CAAEwB,iBAAiB,CAACH,QAAQ,EAAEI,MAAM,CAACH,QAAQ,CAAC,CAAC;MAC/DvB,eAAe,YAAfA,eAAe,CAAEqB,iBAAiB,YAAlCrB,eAAe,CAAEqB,iBAAiB,CAAGC,QAAQ,EAAEC,QAAQ,EAAEC,KAAK,CAAC;IACjE;EACF,CAAC,GACDG,SAAS;EAEb,OAAO;IACLZ,WAAW;IACXI,gBAAgB;IAChBH;EACF,CAAC;AACH","ignoreList":[]}