@sima-land/moleculas 16.0.0-alpha.13 → 16.0.0-alpha.15

package/desktop/components/product-card/product-card.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ProductCardChildren, ProductCardProps } from './types';
+import { ProductCardChildren, ProductCardProps, ReduceBaseInfoOptions } from './types';
 import { PlateProps } from '@sima-land/ui-nucleons/plate';
 /**
  * Карточка данных товара с расширенной инф-ой при наведении.
@@ -14,10 +14,7 @@ export declare const HoverCard: import("react").ForwardRefExoticComponent<PlateP
  * @param options Опции.
  * @return Элемент.
  */
-export declare function reduceBaseInfo(element: ProductCardChildren, { hideImageButtons, hideFooter, }?: {
-    hideImageButtons?: boolean;
-    hideFooter?: boolean;
-}): import("react").FunctionComponentElement<import("../../../common/components/product-info").ProductInfoProps>;
+export declare function reduceBaseInfo(element: ProductCardChildren, { hideImageButtons, hideFooter }?: ReduceBaseInfoOptions): import("react").FunctionComponentElement<import("../../../common/components/product-info").ProductInfoProps>;
 /**
  * Получив содержимое карточки фильтрует/меняет его для вывода в карточке при наведении.
  * @param element Содержимое.

package/desktop/components/product-card/product-card.js

@@ -17,7 +17,9 @@ const cx = bind_1.default.bind(product_card_module_scss_1.default);
  * @param props Свойства.
  * @return Элемент.
  */
-function ProductCard({ reduceBaseInfo: reduceBaseInfoProp = reduceBaseInfo, reduceHoverInfo: reduceHoverInfoProp = reduceHoverInfo, children, className, ...props }) {
+function ProductCard({ 
+// @todo не совсем правильно заставлять работать с внутренностями реакта - надо придумать что-то более простое
+reduceBaseInfo: reduceBaseInfoProp = reduceBaseInfo, reduceHoverInfo: reduceHoverInfoProp = reduceHoverInfo, children, className, ...props }) {
     const [hovered, toggle] = (0, react_1.useState)(false);
     return ((0, jsx_runtime_1.jsxs)("div", { ...props, "data-testid": 'product-card', className: cx('root', className), onMouseEnter: () => toggle(true), 
         // ВАЖНО: вешаем onMouseLeave на корневой элемент так как в Chrome проблемы если вешать на "product-card:info"
@@ -34,15 +36,19 @@ exports.HoverCard = (0, react_1.forwardRef)((props, ref) => {
  * @param options Опции.
  * @return Элемент.
  */
-function reduceBaseInfo(element, { hideImageButtons = true, hideFooter = true, } = {}) {
+function reduceBaseInfo(element, { hideImageButtons = true, hideFooter = true } = {}) {
     return (0, react_1.cloneElement)(element, {
         children: react_1.Children.map(element.props.children, child => {
             let result;
             if ((0, react_1.isValidElement)(child)) {
                 switch (true) {
-                    // игнорируем кнопки-иконки на изображении
+                    // игнорируем или фильтруем кнопки-иконки на изображении
                     case Boolean(child.type === product_info_1.Parts.Image && hideImageButtons):
-                        result = (0, react_1.cloneElement)(child, { children: undefined });
+                        result = (0, react_1.cloneElement)(child, {
+                            children: typeof hideImageButtons === 'function'
+                                ? react_1.Children.toArray(child.props.children).filter(hideImageButtons)
+                                : undefined,
+                        });
                         break;
                     // игнорируем футер
                     case Boolean(child.type === product_info_1.Parts.Footer && hideFooter):

package/desktop/components/product-card/product-card.js.map

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

package/desktop/components/product-card/types.d.ts

@@ -10,3 +10,10 @@ export interface ProductCardProps extends HTMLAttributes<HTMLDivElement> {
     /** Получив содержимое должен вернуть то что будет выведено во всплывающей карточке. */
     reduceHoverInfo?: (children: ProductCardChildren) => ReactNode;
 }
+/** Опции фильтрации содержимого карточки без наведения. */
+export interface ReduceBaseInfoOptions {
+    /** Надо ли скрыть кнопки на картинке. При передаче функции она будет применена для каждого дочернего элемента внутри картинки как фильтр. */
+    hideImageButtons?: boolean | ((element: ReactNode) => boolean);
+    /** Надо ли скрыть футер. */
+    hideFooter?: boolean;
+}

package/desktop/components/product-carousel/hover-card.d.ts

@@ -1,12 +1,7 @@
-import { RefObject } from 'react';
-import { ProductInfoProps } from '../../../common/components/product-info';
-export interface HoverCardProps extends ProductInfoProps {
-    targetRef: RefObject<HTMLElement | null>;
-    onMouseLeave?: () => void;
-}
+import { HoverCardProps } from './types';
 /**
  * Карточка товара, появляющаяся над элементом карусели.
  * @param props Свойства компонента.
  * @return Элемент.
  */
-export declare const HoverCard: ({ targetRef, onMouseLeave, ...productInfoProps }: HoverCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare function HoverCard({ targetRef, onMouseLeave, children }: HoverCardProps): import("react/jsx-runtime").JSX.Element;

package/desktop/components/product-carousel/hover-card.js

@@ -7,19 +7,18 @@ exports.HoverCard = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const utils_1 = require("@sima-land/ui-nucleons/with-tooltip/utils");
-const product_info_1 = require("../../../common/components/product-info");
-const bind_1 = __importDefault(require("classnames/bind"));
-const hover_card_module_scss_1 = __importDefault(require("./hover-card.module.scss"));
 const shapes_1 = require("@sima-land/ui-nucleons/styling/shapes");
 const shadows_1 = require("@sima-land/ui-nucleons/styling/shadows");
 const product_card_1 = require("../product-card");
+const bind_1 = __importDefault(require("classnames/bind"));
+const hover_card_module_scss_1 = __importDefault(require("./hover-card.module.scss"));
 const cx = bind_1.default.bind(hover_card_module_scss_1.default);
 /**
  * Карточка товара, появляющаяся над элементом карусели.
  * @param props Свойства компонента.
  * @return Элемент.
  */
-const HoverCard = ({ targetRef, onMouseLeave, ...productInfoProps }) => {
+function HoverCard({ targetRef, onMouseLeave, children }) {
     const rootRef = (0, react_1.useRef)(null);
     const [ready, setReady] = (0, react_1.useState)(false);
     (0, react_1.useLayoutEffect)(() => {
@@ -36,7 +35,7 @@ const HoverCard = ({ targetRef, onMouseLeave, ...productInfoProps }) => {
     return ((0, jsx_runtime_1.jsx)(product_card_1.HoverCard, { ref: rootRef, style: { padding: '16px 16px 24px 16px' }, className: cx('root', !ready && 'hidden', shapes_1.SmallRounds.all, shadows_1.BoxShadow.z4), onMouseLeave: () => {
             setReady(false);
             onMouseLeave && onMouseLeave();
-        }, children: (0, jsx_runtime_1.jsx)(product_info_1.ProductInfo, { ...productInfoProps }) }));
-};
+        }, children: children }));
+}
 exports.HoverCard = HoverCard;
 //# sourceMappingURL=hover-card.js.map

package/desktop/components/product-carousel/hover-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"hover-card.js","sourceRoot":"","sources":["../../../../src/desktop/components/product-carousel/hover-card.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAqE;AACrE,qEAAgF;AAChF,0EAAwF;AACxF,2DAAyC;AACzC,sFAA8C;AAC9C,kEAAoE;AACpE,oEAAmE;AACnE,kDAA6D;AAO7D,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,gCAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACI,MAAM,SAAS,GAAG,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,gBAAgB,EAAkB,EAAE,EAAE;IAC5F,MAAM,OAAO,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAEnD,IAAA,uBAAe,EAAC,GAAG,EAAE;QACnB,IAAI,SAAS,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,EAAE;YACxC,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;YAChC,MAAM,IAAI,GAAG,SAAS,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;YACvD,MAAM,UAAU,GAAG,IAAA,2BAAmB,EAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAExD,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,UAAU,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,GAAG,EAAE,IAAI,CAAC;YAC1D,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,UAAU,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,GAAG,EAAE,IAAI,CAAC;YACxD,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,KAAK,GAAG,EAAE,IAAI,CAAC;YAE7C,QAAQ,CAAC,IAAI,CAAC,CAAC;SAChB;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,wBAAa,IACZ,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE,EAAE,OAAO,EAAE,qBAAqB,EAAE,EACzC,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,QAAQ,EAAE,oBAAW,CAAC,GAAG,EAAE,mBAAS,CAAC,EAAE,CAAC,EACxE,YAAY,EAAE,GAAG,EAAE;YACjB,QAAQ,CAAC,KAAK,CAAC,CAAC;YAChB,YAAY,IAAI,YAAY,EAAE,CAAC;QACjC,CAAC,YAED,uBAAC,0BAAW,OAAK,gBAAgB,GAAI,GACvB,CACjB,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,SAAS,aA+BpB"}
+{"version":3,"file":"hover-card.js","sourceRoot":"","sources":["../../../../src/desktop/components/product-carousel/hover-card.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAA0D;AAE1D,qEAAgF;AAChF,kEAAoE;AACpE,oEAAmE;AACnE,kDAA6D;AAC7D,2DAAyC;AACzC,sFAA8C;AAE9C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,gCAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAkB;IAC7E,MAAM,OAAO,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAEnD,IAAA,uBAAe,EAAC,GAAG,EAAE;QACnB,IAAI,SAAS,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,EAAE;YACxC,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;YAChC,MAAM,IAAI,GAAG,SAAS,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;YACvD,MAAM,UAAU,GAAG,IAAA,2BAAmB,EAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAExD,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,UAAU,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,GAAG,EAAE,IAAI,CAAC;YAC1D,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,UAAU,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,GAAG,EAAE,IAAI,CAAC;YACxD,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,KAAK,GAAG,EAAE,IAAI,CAAC;YAE7C,QAAQ,CAAC,IAAI,CAAC,CAAC;SAChB;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,wBAAa,IACZ,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE,EAAE,OAAO,EAAE,qBAAqB,EAAE,EACzC,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,QAAQ,EAAE,oBAAW,CAAC,GAAG,EAAE,mBAAS,CAAC,EAAE,CAAC,EACxE,YAAY,EAAE,GAAG,EAAE;YACjB,QAAQ,CAAC,KAAK,CAAC,CAAC;YAChB,YAAY,IAAI,YAAY,EAAE,CAAC;QACjC,CAAC,YAEA,QAAQ,GACK,CACjB,CAAC;AACJ,CAAC;AA/BD,8BA+BC"}

package/desktop/components/product-carousel/index.d.ts

@@ -1,36 +1,2 @@
-import { ReactElement, ReactNode, CSSProperties } from 'react';
-import { ProductInfoProps } from '../../../common/components/product-info';
-interface ItemSize {
-    xs?: 2 | 3 | 4;
-    s?: 2 | 3 | 4;
-    m?: 2 | 3 | 4;
-    l?: 2 | 3 | 4;
-    xl?: 2 | 3 | 4;
-}
-export type ItemElement = ReactElement<ProductInfoProps>;
-export interface ProductCarouselProps {
-    /** CSS-класс для корневого элемента. */
-    className?: string;
-    /** Элементы карусели. */
-    children?: ReactNode;
-    /** Настройки размера элемента карусели. */
-    itemSize?: ItemSize | 'unset';
-    /** Сработает при попадании карусели во viewport. */
-    onInViewport?: () => void;
-    /** Сработает при попадании карусели в область достаточно близкую к viewport'у. */
-    onNeedRequest?: () => void;
-    /** Нужно ли показывать всплывающую карточку при наведении на элемент карусели. */
-    withHoverCard?: boolean;
-    /** Предоставит свойства для элемента карусели. */
-    itemProps?: {
-        style?: CSSProperties;
-        className?: string;
-    };
-}
-/**
- * Карусель рекомендованных товаров.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function ProductCarousel({ className, itemSize, itemProps, onInViewport, onNeedRequest, withHoverCard, children, }: ProductCarouselProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export type { ProductCarouselProps } from './types';
+export { ProductCarousel } from './product-carousel';

package/desktop/components/product-carousel/index.js

@@ -1,114 +1,6 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ProductCarousel = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const carousel_1 = require("@sima-land/ui-nucleons/carousel");
-const hover_card_1 = require("./hover-card");
-const utils_1 = require("./utils");
-const intersection_1 = require("@sima-land/ui-nucleons/hooks/intersection");
-const media_1 = require("@sima-land/ui-nucleons/hooks/media");
-const product_info_1 = require("../../../common/components/product-info");
-const bind_1 = __importDefault(require("classnames/bind"));
-const product_carousel_module_scss_1 = __importDefault(require("./product-carousel.module.scss"));
-const layer_1 = require("@sima-land/ui-nucleons/helpers/layer");
-const cx = bind_1.default.bind(product_carousel_module_scss_1.default);
-// eslint-disable-next-line require-jsdoc
-const getSizeClasses = (size) => size && size !== 'unset'
-    ? [
-        `size-xs-${size.xs || 4}`,
-        `size-s-${size.s || 3}`,
-        `size-m-${size.m || 2}`,
-        `size-l-${size.l || 2}`,
-        `size-xl-${size.xl || 2}`,
-    ]
-    : [];
-/**
- * Карусель рекомендованных товаров.
- * @param props Свойства.
- * @return Элемент.
- */
-function ProductCarousel({ className, itemSize = { xs: 4, s: 3, m: 2, l: 2, xl: 2 }, itemProps, onInViewport, onNeedRequest, withHoverCard, children, }) {
-    const layer = (0, layer_1.useLayer)();
-    const [activeItemIndex, setActiveItemIndex] = (0, react_1.useState)(null);
-    const cardShow = (0, utils_1.useAllowFlag)();
-    const needBigArrows = (0, media_1.useMedia)('(min-width: 1600px)');
-    const rootRef = (0, react_1.useRef)(null);
-    const targetItemRef = (0, react_1.useRef)(null);
-    const items = react_1.Children.toArray(children).reduce((acc, item) => {
-        if ((0, react_1.isValidElement)(item) && item.type === product_info_1.ProductInfo) {
-            acc.push(item);
-        }
-        return acc;
-    }, []);
-    // вычисляем ширину элемента карусели для позиционирования стрелок
-    const firstItemRef = (0, react_1.useRef)(null);
-    const itemWidth = (0, utils_1.useClientWidth)(firstItemRef, [items.length]);
-    // инициируем загрузку данных, когда компонент почти попал в зону видимости
-    const options = (0, react_1.useMemo)(() => ({ rootMargin: '200px 0px 200px 0px' }), []);
-    (0, intersection_1.useIntersection)(rootRef, entry => {
-        entry.isIntersecting && onNeedRequest && onNeedRequest();
-    }, options);
-    // отправляем статистку, когда компонент попадает в зону видимости
-    (0, intersection_1.useIntersection)(rootRef, entry => {
-        entry.isIntersecting && onInViewport && onInViewport();
-    });
-    return ((0, jsx_runtime_1.jsxs)("div", { ref: rootRef, className: cx('root', className), "data-testid": 'product-carousel:root', children: [items.length > 0 && ((0, jsx_runtime_1.jsx)(carousel_1.Carousel, { step: 3, draggable: false, 
-                // докидываем индекс чтобы позже брать актуальные данные из списка по нему
-                items: items.map((item, index) => [item, index]), ...(itemWidth !== null && {
-                    withControls: undefined,
-                    controlProps: {
-                        size: needBigArrows ? 'l' : 's',
-                        style: {
-                            zIndex: layer + 2,
-                            top: `${itemWidth / 2}px`,
-                        },
-                    },
-                }), renderItem: ([item, index], realIndex) => ((0, jsx_runtime_1.jsx)(Item, { rootRef: realIndex === 0 ? firstItemRef : undefined, withHoverCard: withHoverCard, className: cx(getSizeClasses(itemSize), itemProps === null || itemProps === void 0 ? void 0 : itemProps.className), style: itemProps === null || itemProps === void 0 ? void 0 : itemProps.style, onMouseEnter: e => {
-                        if (cardShow.allowed()) {
-                            targetItemRef.current = e.currentTarget;
-                            setActiveItemIndex(index);
-                        }
-                    }, children: item })), 
-                // длительность прокрутки в Carousel - 320, делаем слегка с запасом
-                // @todo после восстановления проверить позицию курсора чтобы показать карточку (если будет критично)
-                onChangeTargetIndex: () => cardShow.disallowFor(360) })), withHoverCard &&
-                activeItemIndex !== null &&
-                items[activeItemIndex] &&
-                [items[activeItemIndex]].map(item => ((0, jsx_runtime_1.jsx)(hover_card_1.HoverCard, { targetRef: targetItemRef, onMouseLeave: () => setActiveItemIndex(null), ...item.props }, activeItemIndex)))] }));
-}
-exports.ProductCarousel = ProductCarousel;
-/**
- * Элемент карусели. Выведет базовый контент.
- * Полное содержимое будет выведено во всплывающей карточке.
- * @inheritdoc
- */
-function Item({ rootRef, className, onMouseEnter, withHoverCard, children, style, }) {
-    return ((0, jsx_runtime_1.jsx)("div", { ref: rootRef, "data-testid": 'product-carousel:item', className: cx('item', className), onMouseEnter: onMouseEnter, style: style, children: (0, react_1.cloneElement)(children, {
-            children: react_1.Children.toArray(children.props.children).reduce((list, child) => {
-                if ((0, react_1.isValidElement)(child)) {
-                    switch (child.type) {
-                        case product_info_1.Parts.Image: {
-                            // иконки у картинки скрываем если есть HoverCard
-                            list.push(withHoverCard ? (0, react_1.cloneElement)(child, { children: undefined }) : child);
-                            break;
-                        }
-                        case product_info_1.Parts.Footer:
-                            // футер не выводим если есть HoverCard
-                            !withHoverCard && list.push(child);
-                            break;
-                        default: {
-                            // остальное выводим как есть
-                            list.push(child);
-                            break;
-                        }
-                    }
-                }
-                return list;
-            }, []),
-        }) }));
-}
+var product_carousel_1 = require("./product-carousel");
+Object.defineProperty(exports, "ProductCarousel", { enumerable: true, get: function () { return product_carousel_1.ProductCarousel; } });
 //# sourceMappingURL=index.js.map

package/desktop/components/product-carousel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/desktop/components/product-carousel/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/desktop/components/product-carousel/index.ts"],"names":[],"mappings":";;;AACA,uDAAqD;AAA5C,mHAAA,eAAe,OAAA"}

package/desktop/components/product-carousel/product-carousel.d.ts

@@ -0,0 +1,7 @@
+import { ProductCarouselProps } from './types';
+/**
+ * Карусель рекомендованных товаров.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function ProductCarousel({ className, itemSize, itemProps, onInViewport, onNeedRequest, withHoverCard, children, reduceBaseInfo: reduceBaseInfoProp, reduceHoverInfo: reduceHoverInfoProp, }: ProductCarouselProps): import("react/jsx-runtime").JSX.Element;

package/desktop/components/product-carousel/product-carousel.js

@@ -0,0 +1,96 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProductCarousel = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const carousel_1 = require("@sima-land/ui-nucleons/carousel");
+const hover_card_1 = require("./hover-card");
+const utils_1 = require("./utils");
+const intersection_1 = require("@sima-land/ui-nucleons/hooks/intersection");
+const media_1 = require("@sima-land/ui-nucleons/hooks/media");
+const product_info_1 = require("../../../common/components/product-info");
+const layer_1 = require("@sima-land/ui-nucleons/helpers/layer");
+const product_card_1 = require("../product-card");
+const bind_1 = __importDefault(require("classnames/bind"));
+const product_carousel_module_scss_1 = __importDefault(require("./product-carousel.module.scss"));
+const cx = bind_1.default.bind(product_carousel_module_scss_1.default);
+// eslint-disable-next-line require-jsdoc
+const getSizeClasses = (size) => size && size !== 'unset'
+    ? [
+        `size-xs-${size.xs || 4}`,
+        `size-s-${size.s || 3}`,
+        `size-m-${size.m || 2}`,
+        `size-l-${size.l || 2}`,
+        `size-xl-${size.xl || 2}`,
+    ]
+    : [];
+/**
+ * Карусель рекомендованных товаров.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function ProductCarousel({ className, itemSize = { xs: 4, s: 3, m: 2, l: 2, xl: 2 }, itemProps, onInViewport, onNeedRequest, withHoverCard, children, 
+// @todo не совсем правильно заставлять работать с внутренностями реакта - надо придумать что-то более простое
+reduceBaseInfo: reduceBaseInfoProp = withHoverCard ? product_card_1.reduceBaseInfo : element => element, reduceHoverInfo: reduceHoverInfoProp = product_card_1.reduceHoverInfo, }) {
+    const layer = (0, layer_1.useLayer)();
+    const [activeItemIndex, setActiveItemIndex] = (0, react_1.useState)(null);
+    const cardShow = (0, utils_1.useAllowFlag)();
+    const needBigArrows = (0, media_1.useMedia)('(min-width: 1600px)');
+    const rootRef = (0, react_1.useRef)(null);
+    const targetItemRef = (0, react_1.useRef)(null);
+    const items = react_1.Children.toArray(children).reduce((acc, item) => {
+        if ((0, react_1.isValidElement)(item) && item.type === product_info_1.ProductInfo) {
+            acc.push(item);
+        }
+        return acc;
+    }, []);
+    // вычисляем ширину элемента карусели для позиционирования стрелок
+    const firstItemRef = (0, react_1.useRef)(null);
+    const itemWidth = (0, utils_1.useClientWidth)(firstItemRef, [items.length]);
+    // инициируем загрузку данных, когда компонент почти попал в зону видимости
+    const options = (0, react_1.useMemo)(() => ({ rootMargin: '200px 0px 200px 0px' }), []);
+    (0, intersection_1.useIntersection)(rootRef, entry => {
+        entry.isIntersecting && onNeedRequest && onNeedRequest();
+    }, options);
+    // отправляем статистку, когда компонент попадает в зону видимости
+    (0, intersection_1.useIntersection)(rootRef, entry => {
+        entry.isIntersecting && onInViewport && onInViewport();
+    });
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: rootRef, className: cx('root', className), "data-testid": 'product-carousel:root', onMouseLeave: () => setActiveItemIndex(null), children: [items.length > 0 && ((0, jsx_runtime_1.jsx)(carousel_1.Carousel, { step: 3, draggable: false, 
+                // докидываем индекс чтобы позже брать актуальные данные из списка по нему
+                items: items.map((item, index) => [item, index]), 
+                // ВАЖНО: скрываем кнопки ТОЛЬКО пока itemWidth не вычислен
+                withControls: itemWidth !== null ? undefined : false, controlProps: itemWidth !== null
+                    ? {
+                        size: needBigArrows ? 'l' : 's',
+                        style: {
+                            zIndex: layer + 2,
+                            top: `${itemWidth / 2}px`,
+                        },
+                    }
+                    : undefined, renderItem: ([item, index], realIndex) => ((0, jsx_runtime_1.jsx)(CarouselItem, { rootRef: realIndex === 0 ? firstItemRef : undefined, className: cx(getSizeClasses(itemSize), itemProps === null || itemProps === void 0 ? void 0 : itemProps.className), style: itemProps === null || itemProps === void 0 ? void 0 : itemProps.style, onMouseEnter: e => {
+                        if (cardShow.allowed()) {
+                            targetItemRef.current = e.currentTarget;
+                            setActiveItemIndex(index);
+                        }
+                    }, children: reduceBaseInfoProp(item) })), 
+                // длительность прокрутки в Carousel - 320, делаем слегка с запасом
+                // @todo после восстановления проверить позицию курсора чтобы показать карточку (если будет критично)
+                onChangeTargetIndex: () => cardShow.disallowFor(360) })), withHoverCard &&
+                activeItemIndex !== null &&
+                items[activeItemIndex] &&
+                [items[activeItemIndex]].map(item => ((0, jsx_runtime_1.jsx)(hover_card_1.HoverCard, { targetRef: targetItemRef, onMouseLeave: () => setActiveItemIndex(null), ...item.props, children: reduceHoverInfoProp(item) }, activeItemIndex)))] }));
+}
+exports.ProductCarousel = ProductCarousel;
+/**
+ * Элемент карусели. Выведет базовый контент.
+ * Полное содержимое будет выведено во всплывающей карточке.
+ * @inheritdoc
+ */
+function CarouselItem({ rootRef, className, onMouseEnter, children, style, }) {
+    return ((0, jsx_runtime_1.jsx)("div", { ref: rootRef, "data-testid": 'product-carousel:item', className: cx('item', className), onMouseEnter: onMouseEnter, style: style, children: children }));
+}
+//# sourceMappingURL=product-carousel.js.map

package/desktop/components/product-carousel/product-carousel.js.map

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

package/desktop/components/product-carousel/types.d.ts

@@ -0,0 +1,33 @@
+import type { CSSProperties, ReactNode, RefObject } from 'react';
+import type { ProductCardProps } from '../product-card';
+export interface ItemSize {
+    xs?: 2 | 3 | 4;
+    s?: 2 | 3 | 4;
+    m?: 2 | 3 | 4;
+    l?: 2 | 3 | 4;
+    xl?: 2 | 3 | 4;
+}
+export interface ProductCarouselProps extends Pick<ProductCardProps, 'reduceBaseInfo' | 'reduceHoverInfo'> {
+    /** CSS-класс для корневого элемента. */
+    className?: string;
+    /** Элементы карусели. */
+    children?: ReactNode;
+    /** Настройки размера элемента карусели. */
+    itemSize?: ItemSize | 'unset';
+    /** Сработает при попадании карусели во viewport. */
+    onInViewport?: () => void;
+    /** Сработает при попадании карусели в область достаточно близкую к viewport'у. */
+    onNeedRequest?: () => void;
+    /** Нужно ли показывать всплывающую карточку при наведении на элемент карусели. */
+    withHoverCard?: boolean;
+    /** Предоставит свойства для элемента карусели. */
+    itemProps?: {
+        style?: CSSProperties;
+        className?: string;
+    };
+}
+export interface HoverCardProps {
+    targetRef: RefObject<HTMLElement | null>;
+    onMouseLeave?: () => void;
+    children?: ReactNode;
+}

package/desktop/components/product-carousel/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/desktop/components/product-carousel/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/desktop/components/product-carousel/types.ts"],"names":[],"mappings":""}

package/desktop/components/product-carousel/utils.d.ts

@@ -3,7 +3,7 @@ import { RefObject, DependencyList } from 'react';
  * Возвращает объект работы с флагом, который автоматически возвращается в true через заданный промежуток времени.
  * @return Объект работы с флагом.
  */
-export declare const useAllowFlag: () => {
+export declare function useAllowFlag(): {
     allowed: () => boolean;
     disallowFor: (timeout: number) => void;
 };
@@ -13,4 +13,4 @@ export declare const useAllowFlag: () => {
  * @param deps Массив зависимостей от которых зависит пересчет.
  * @return Ширина.
  */
-export declare const useClientWidth: (ref: RefObject<HTMLElement | null>, deps?: DependencyList) => number | null;
+export declare function useClientWidth(ref: RefObject<HTMLElement | null>, deps?: DependencyList): number | null;

package/desktop/components/product-carousel/utils.js

@@ -6,7 +6,7 @@ const react_1 = require("react");
  * Возвращает объект работы с флагом, который автоматически возвращается в true через заданный промежуток времени.
  * @return Объект работы с флагом.
  */
-const useAllowFlag = () => {
+function useAllowFlag() {
     const ref = (0, react_1.useRef)(true);
     const timerIdRef = (0, react_1.useRef)();
     const allowed = (0, react_1.useCallback)(() => ref.current, []);
@@ -17,7 +17,7 @@ const useAllowFlag = () => {
     }, []);
     const controlRef = (0, react_1.useRef)({ allowed, disallowFor });
     return controlRef.current;
-};
+}
 exports.useAllowFlag = useAllowFlag;
 /**
  * Возвращает ширину дочернего элемента.
@@ -25,7 +25,7 @@ exports.useAllowFlag = useAllowFlag;
  * @param deps Массив зависимостей от которых зависит пересчет.
  * @return Ширина.
  */
-const useClientWidth = (ref, deps = []) => {
+function useClientWidth(ref, deps = []) {
     const [width, setWidth] = (0, react_1.useState)(null);
     (0, react_1.useEffect)(() => {
         if (!ref.current) {
@@ -35,11 +35,11 @@ const useClientWidth = (ref, deps = []) => {
         const observer = new ResizeObserver(() => {
             setWidth(element.clientWidth);
         });
-        observer.observe(ref.current);
+        observer.observe(element);
         setWidth(element.clientWidth);
-        return observer.disconnect();
+        return () => observer.disconnect();
     }, [ref, ...deps]);
     return width;
-};
+}
 exports.useClientWidth = useClientWidth;
 //# sourceMappingURL=utils.js.map

package/desktop/components/product-carousel/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/desktop/components/product-carousel/utils.ts"],"names":[],"mappings":";;;AAAA,iCAA4F;AAE5F;;;GAGG;AACI,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,GAAG,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IACzB,MAAM,UAAU,GAAG,IAAA,cAAM,GAAU,CAAC;IAEpC,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IAEnD,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,CAAC,OAAe,EAAE,EAAE;QAClD,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACxC,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;QACpB,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC;IAC9E,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,IAAA,cAAM,EAAC,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC;IAEpD,OAAO,UAAU,CAAC,OAAO,CAAC;AAC5B,CAAC,CAAC;AAfW,QAAA,YAAY,gBAevB;AAEF;;;;;GAKG;AACI,MAAM,cAAc,GAAG,CAAC,GAAkC,EAAE,OAAuB,EAAE,EAAE,EAAE;IAC9F,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAC;IAExD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE;YAChB,OAAO;SACR;QAED,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAE5B,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;YACvC,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QAChC,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAE9B,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QAE9B,OAAO,QAAQ,CAAC,UAAU,EAAE,CAAC;IAC/B,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC;IAEnB,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAtBW,QAAA,cAAc,kBAsBzB"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/desktop/components/product-carousel/utils.ts"],"names":[],"mappings":";;;AAAA,iCAA4F;AAE5F;;;GAGG;AACH,SAAgB,YAAY;IAC1B,MAAM,GAAG,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IACzB,MAAM,UAAU,GAAG,IAAA,cAAM,GAAU,CAAC;IAEpC,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IAEnD,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,CAAC,OAAe,EAAE,EAAE;QAClD,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACxC,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;QACpB,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC;IAC9E,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,IAAA,cAAM,EAAC,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC;IAEpD,OAAO,UAAU,CAAC,OAAO,CAAC;AAC5B,CAAC;AAfD,oCAeC;AAED;;;;;GAKG;AACH,SAAgB,cAAc,CAAC,GAAkC,EAAE,OAAuB,EAAE;IAC1F,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAC;IAExD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE;YAChB,OAAO;SACR;QAED,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAE5B,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;YACvC,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QAChC,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAE1B,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QAE9B,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACrC,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC;IAEnB,OAAO,KAAK,CAAC;AACf,CAAC;AAtBD,wCAsBC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sima-land/moleculas",
-  "version": "16.0.0-alpha.13",
+  "version": "16.0.0-alpha.15",
   "repository": "ssh://git@github.com:sima-land/moleculas.git",
   "author": "www.sima-land.ru team",
   "license": "Apache-2.0",