@sima-land/moleculas 11.0.1 → 12.2.1

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import { ProductInfoProps } from '../../../common/components/product-info';
+export interface ProductCardProps extends ProductInfoProps, React.HTMLAttributes<HTMLDivElement> {
+    onMouseLeave?: () => void;
+    onQuickViewClick?: () => void;
+}
+/**
+ * Компонент-слот для вывода контрола товара в корзине.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+declare const CartControlSlot: ({ children, stepText, markupText, loading, }: {
+    children?: React.ReactNode;
+    stepText?: string | undefined;
+    markupText?: string | undefined;
+    loading?: boolean | undefined;
+}) => JSX.Element;
+export interface ProductCardComponent extends React.ForwardRefExoticComponent<React.PropsWithoutRef<ProductCardProps> & React.RefAttributes<HTMLDivElement>> {
+    CartControl: typeof CartControlSlot;
+}
+/**
+ * Карточка товара, появляющаяся над элементом карусели.
+ * @param props Свойства компонента.
+ * @return Элемент.
+ */
+export declare const ProductCard: ProductCardComponent;
+export {};

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

@@ -0,0 +1,73 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProductCard = void 0;
+const react_1 = __importStar(require("react"));
+const product_info_1 = require("../../../common/components/product-info");
+const with_hint_1 = require("@sima-land/ui-nucleons/with-hint");
+const quick_view_button_1 = require("../../../common/components/quick-view-button");
+const shapes_1 = require("@sima-land/ui-nucleons/styling/shapes");
+const shadows_1 = require("@sima-land/ui-nucleons/styling/shadows");
+const define_slots_1 = require("@sima-land/ui-nucleons/helpers/define-slots");
+const with_prevent_1 = __importDefault(require("@sima-land/ui-nucleons/helpers/with-prevent"));
+const bind_1 = __importDefault(require("classnames/bind"));
+const product_card_module_scss_1 = __importDefault(require("./product-card.module.scss"));
+const cx = bind_1.default.bind(product_card_module_scss_1.default);
+/**
+ * Компонент-слот для вывода контрола товара в корзине.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+const CartControlSlot = ({ children, stepText, markupText, loading, }) => (react_1.default.createElement("div", { className: cx('control-wrapper', { loading }) },
+    react_1.default.createElement("div", { className: cx('control') }, !loading && children),
+    (loading || stepText) && (react_1.default.createElement("div", { className: cx('unit-text') }, !loading && stepText)),
+    !loading && markupText && (react_1.default.createElement("div", { className: cx('bottom-text') }, markupText))));
+/**
+ * Карточка товара, появляющаяся над элементом карусели.
+ * @param props Свойства компонента.
+ * @return Элемент.
+ */
+exports.ProductCard = react_1.forwardRef((_a, rootRef) => {
+    var { data, onLinkClick, onQuickViewClick, children, 
+    // div props
+    className } = _a, rootProps = __rest(_a, ["data", "onLinkClick", "onQuickViewClick", "children", "className"]);
+    const { cartControl } = define_slots_1.defineSlots(children, { cartControl: CartControlSlot });
+    return (react_1.default.createElement("div", Object.assign({ ref: rootRef, className: cx('root', shapes_1.SmallRounds.all, shadows_1.BoxShadow.z4, className) }, rootProps),
+        react_1.default.createElement(product_info_1.ProductInfo, { data: data, onLinkClick: onLinkClick },
+            react_1.default.createElement(product_info_1.ProductInfo.OnImage, null,
+                react_1.default.createElement(with_hint_1.WithHint, { hint: '\u0411\u044B\u0441\u0442\u0440\u044B\u0439 \u043F\u0440\u043E\u0441\u043C\u043E\u0442\u0440', direction: 'left' }, (ref, toggle) => (react_1.default.createElement(quick_view_button_1.QuickViewButton, { ref: ref, onMouseEnter: () => toggle(true), onMouseLeave: () => toggle(false), className: cx('quick-view-button'), onClick: with_prevent_1.default(onQuickViewClick) }))))),
+        cartControl));
+});
+exports.ProductCard.CartControl = CartControlSlot;

package/desktop/components/product-card/product-card.module.scss

@@ -0,0 +1,53 @@
+@use 'node_modules/@sima-land/ui-nucleons/colors';
+
+.root {
+  padding: 16px 16px 24px;
+  background: #fff;
+}
+
+.quick-view-button {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  cursor: pointer;
+}
+
+.control-wrapper {
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: 16px;
+  &.loading {
+    .control {
+      background: colors.$gray4;
+      border-radius: 4px;
+    }
+    .unit-text::before {
+      content: '';
+      display: block;
+      background: colors.$gray4;
+      border-radius: 4px;
+      width: 48px;
+      height: 16px;
+    }
+  }
+}
+
+.control {
+  width: 122px;
+  height: 40px;
+  margin-right: 16px;
+}
+
+.unit-text {
+  padding-top: 12px; // чтобы при переносе на следующую строку правильно отступил от кнопки
+  font-size: 12px;
+  line-height: 16px;
+  color: colors.$gray38;
+}
+
+.bottom-text {
+  margin-top: 12px;
+  font-size: 12px;
+  line-height: 16px;
+  color: colors.$gray38;
+}

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

@@ -1,25 +1,15 @@
 import React from 'react';
 import { ProductInfoProps } from '../../../common/components/product-info';
+import { ProductCard } from '../product-card';
 export interface HoverCardProps extends ProductInfoProps {
     targetRef: React.RefObject<HTMLElement | null>;
     onMouseLeave?: () => void;
     onQuickViewClick?: () => void;
-    renderCartControl?: (Slot: typeof CartControlSlot) => React.ReactNode;
+    renderCartControl?: (Slot: typeof ProductCard.CartControl) => React.ReactNode;
 }
-/**
- * Компонент-слот для вывода контрола товара в корзине.
- * @param props Свойства.
- * @return Элемент.
- */
-declare const CartControlSlot: ({ children, stepText, markupText, }: {
-    children: React.ReactNode;
-    stepText?: string | undefined;
-    markupText?: string | undefined;
-}) => JSX.Element;
 /**
  * Карточка товара, появляющаяся над элементом карусели.
  * @param props Свойства компонента.
  * @return Элемент.
  */
-export declare const HoverCard: ({ data, targetRef, onMouseLeave, onQuickViewClick, renderCartControl, ...restProps }: HoverCardProps) => JSX.Element;
-export {};
+export declare const HoverCard: ({ data, targetRef, onMouseLeave, onQuickViewClick, onLinkClick, renderCartControl, }: HoverCardProps) => JSX.Element;

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

@@ -18,17 +18,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -36,31 +25,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.HoverCard = void 0;
 const react_1 = __importStar(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 with_hint_1 = require("@sima-land/ui-nucleons/with-hint");
-const quick_view_button_1 = require("../../../common/components/quick-view-button");
-const with_prevent_1 = __importDefault(require("@sima-land/ui-nucleons/helpers/with-prevent"));
 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 cx = bind_1.default.bind(hover_card_module_scss_1.default);
-/**
- * Компонент-слот для вывода контрола товара в корзине.
- * @param props Свойства.
- * @return Элемент.
- */
-const CartControlSlot = ({ children, stepText, markupText, }) => (react_1.default.createElement("div", { className: cx('control-wrapper') },
-    react_1.default.createElement("div", { className: cx('control') }, children),
-    stepText && (react_1.default.createElement("div", { className: cx('unit-text') }, stepText)),
-    markupText && (react_1.default.createElement("div", { className: cx('bottom-text') }, markupText))));
 /**
  * Карточка товара, появляющаяся над элементом карусели.
  * @param props Свойства компонента.
  * @return Элемент.
  */
-const HoverCard = (_a) => {
-    var { data, targetRef, onMouseLeave, onQuickViewClick, renderCartControl } = _a, restProps = __rest(_a, ["data", "targetRef", "onMouseLeave", "onQuickViewClick", "renderCartControl"]);
+const HoverCard = ({ data, targetRef, onMouseLeave, onQuickViewClick, onLinkClick, renderCartControl, }) => {
     const rootRef = react_1.useRef(null);
     const [ready, setReady] = react_1.useState(false);
     react_1.useLayoutEffect(() => {
@@ -74,13 +50,11 @@ const HoverCard = (_a) => {
             setReady(true);
         }
     }, [data]);
-    return (react_1.default.createElement("div", { ref: rootRef, "data-testid": 'product-carousel:hover-card', className: cx('root', !ready && 'hidden', shapes_1.SmallRounds.all, shadows_1.BoxShadow.z4), onMouseLeave: () => {
+    return (react_1.default.createElement(product_card_1.ProductCard, { data: data, onLinkClick: onLinkClick, onQuickViewClick: onQuickViewClick, 
+        // div props
+        ref: rootRef, "data-testid": 'product-carousel:hover-card', className: cx('root', !ready && 'hidden', shapes_1.SmallRounds.all, shadows_1.BoxShadow.z4), onMouseLeave: () => {
             setReady(false);
             onMouseLeave && onMouseLeave();
-        } },
-        react_1.default.createElement(product_info_1.ProductInfo, Object.assign({}, restProps, { data: data }),
-            react_1.default.createElement(product_info_1.ProductInfo.OnImage, null,
-                react_1.default.createElement(with_hint_1.WithHint, { hint: '\u0411\u044B\u0441\u0442\u0440\u044B\u0439 \u043F\u0440\u043E\u0441\u043C\u043E\u0442\u0440', direction: 'left' }, (ref, toggle) => (react_1.default.createElement(quick_view_button_1.QuickViewButton, { ref: ref, onMouseEnter: () => toggle(true), onMouseLeave: () => toggle(false), className: cx('quick-view-button'), onClick: with_prevent_1.default(onQuickViewClick) }))))), renderCartControl === null || renderCartControl === void 0 ? void 0 :
-        renderCartControl(CartControlSlot)));
+        } }, renderCartControl === null || renderCartControl === void 0 ? void 0 : renderCartControl(product_card_1.ProductCard.CartControl)));
 };
 exports.HoverCard = HoverCard;

package/desktop/components/product-carousel/hover-card.module.scss

@@ -1,8 +1,6 @@
 @use 'node_modules/@sima-land/ui-nucleons/colors';
 
 .root {
-  padding: 16px 16px 24px;
-  background: #fff;
   position: absolute;
   top: -1000px;
   left: -1000px;
@@ -14,35 +12,3 @@
     pointer-events: none;
   }
 }
-
-.quick-view-button {
-  position: absolute;
-  top: 8px;
-  right: 8px;
-}
-
-.control-wrapper {
-  display: flex;
-  flex-wrap: wrap;
-  margin-top: 16px;
-}
-
-.control {
-  width: 122px;
-  height: 40px;
-  margin-right: 16px;
-}
-
-.unit-text {
-  padding-top: 12px; // чтобы при переносе на следующую строку правильно отступил от кнопки
-  font-size: 12px;
-  line-height: 16px;
-  color: colors.$gray38;
-}
-
-.bottom-text {
-  margin-top: 12px;
-  font-size: 12px;
-  line-height: 16px;
-  color: colors.$gray38;
-}

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

@@ -92,9 +92,9 @@ const ProductCarousel = ({ className, itemSize, onInViewport, onNeedRequest, wit
                 // длительность прокрутки в Carousel - 320, делаем слегка с запасом
                 // @todo после восстановления проверить позицию курсора чтобы показать карточку (если будет критично)
                 onChangeTargetIndex: () => cardShow.disallowFor(360) })),
-            withHoverCard && activeItemIndex !== null && (react_1.default.createElement(hover_card_1.HoverCard, { targetRef: targetItemRef, onMouseLeave: () => setActiveItemIndex(null), 
+            withHoverCard && activeItemIndex !== null && [items[activeItemIndex]].map(item => (react_1.default.createElement(hover_card_1.HoverCard, { key: activeItemIndex, targetRef: targetItemRef, onMouseLeave: () => setActiveItemIndex(null), 
                 // данные элемента карусели
-                data: items[activeItemIndex].data, onLinkClick: items[activeItemIndex].onLinkClick, onQuickViewClick: items[activeItemIndex].onQuickViewClick, renderCartControl: items[activeItemIndex].renderCartControl })))) : (react_1.default.createElement("div", { ref: stubRef }));
+                data: item.data, onLinkClick: item.onLinkClick, onQuickViewClick: item.onQuickViewClick, renderCartControl: item.renderCartControl }))))) : (react_1.default.createElement("div", { ref: stubRef }));
 };
 exports.ProductCarousel = ProductCarousel;
 exports.ProductCarousel.Item = Item;

package/desktop/components/promotion-card/index.d.ts

@@ -15,4 +15,7 @@ export interface PromotionCardProps extends React.HTMLAttributes<HTMLDivElement>
  * @param props Свойства.
  * @return Элемент.
  */
-export declare const PromotionCard: ({ promotionType, href, imageSrc, title, subtitle, dueDate, volumeDiscount, postfix, className, ...restProps }: PromotionCardProps) => JSX.Element;
+export declare const PromotionCard: {
+    ({ promotionType, href, imageSrc, title, subtitle, dueDate, volumeDiscount, postfix, className, ...restProps }: PromotionCardProps): JSX.Element;
+    Placeholder: (props: React.HTMLAttributes<HTMLDivElement>) => JSX.Element;
+};

package/desktop/components/promotion-card/index.js

@@ -40,6 +40,7 @@ const estimate_1 = require("./estimate");
 const watch_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/watch"));
 const classnames_1 = __importDefault(require("classnames"));
 const index_module_scss_1 = __importDefault(require("./index.module.scss"));
+const placeholder_1 = require("./placeholder");
 const PromotionName = {
     gift: 'Подарок',
     special: 'Спецпредложение',
@@ -77,3 +78,4 @@ const PromotionCard = (_a) => {
                     postfix && (react_1.default.createElement("div", { className: index_module_scss_1.default.postfix }, postfix)))))));
 };
 exports.PromotionCard = PromotionCard;
+exports.PromotionCard.Placeholder = placeholder_1.PromotionCardPlaceholder;

package/desktop/components/promotion-card/index.module.scss

@@ -1,5 +1,6 @@
 @use 'node_modules/@sima-land/ui-nucleons/colors';
 @use 'node_modules/@sima-land/ui-nucleons/breakpoints';
+@use './variables';
 @import 'node_modules/@sima-land/ui-nucleons/styling/shadows.module';
 
 .root {
@@ -24,7 +25,7 @@
 .banner {
   position: relative;
   width: 100%;
-  padding-top: calc(100% * (488 / 656)); // соотношение сторон по гайдам
+  padding-top: variables.$banner-height;
   background: colors.$gray8;
   border-radius: 8px 8px 0 0;
   overflow: hidden;

package/desktop/components/promotion-card/placeholder.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+/**
+ * Компонент отображения состояния загрузки карточки акции.
+ * @param props Свойства div.
+ * @return Элемент.
+ */
+export declare const PromotionCardPlaceholder: (props: React.HTMLAttributes<HTMLDivElement>) => JSX.Element;

package/desktop/components/promotion-card/placeholder.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PromotionCardPlaceholder = void 0;
+const react_1 = __importDefault(require("react"));
+const placeholder_module_scss_1 = __importDefault(require("./placeholder.module.scss"));
+const classnames_1 = __importDefault(require("classnames"));
+/**
+ * Компонент отображения состояния загрузки карточки акции.
+ * @param props Свойства div.
+ * @return Элемент.
+ */
+const PromotionCardPlaceholder = (props) => (react_1.default.createElement("div", Object.assign({}, props),
+    react_1.default.createElement("div", { className: classnames_1.default(placeholder_module_scss_1.default.part, placeholder_module_scss_1.default.banner) }),
+    react_1.default.createElement("div", { className: classnames_1.default(placeholder_module_scss_1.default.part, placeholder_module_scss_1.default.text) }),
+    react_1.default.createElement("div", { className: classnames_1.default(placeholder_module_scss_1.default.part, placeholder_module_scss_1.default.text) })));
+exports.PromotionCardPlaceholder = PromotionCardPlaceholder;

package/desktop/components/promotion-card/placeholder.module.scss

@@ -0,0 +1,18 @@
+@use 'node_modules/@sima-land/ui-nucleons/colors';
+@use './variables';
+
+.part {
+  background: colors.$gray4;
+  border-radius: 4px;
+  & + & {
+    margin-top: 12px;
+  }
+}
+
+.banner {
+  padding-top: variables.$banner-height;
+}
+
+.text {
+  height: 48px;
+}

package/desktop/components/promotion-card/variables.scss

@@ -0,0 +1,2 @@
+// соотношение сторон баннера по гайдам
+$banner-height: calc(100% * (488 / 656));

package/mobile/components/{product-card → product-row}/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-export declare type Props = {
+/// <reference types="react" />
+export interface ProductRowProps {
     sid: number;
     itemUrl: string;
     imageUrl: string;
@@ -16,9 +16,9 @@ export declare type Props = {
     initialCount?: number;
     movedOrderId?: number;
     notInStock?: boolean;
-};
+}
 /**
- * Компонент карточки товара.
+ * Компонент вертикальной карточки товара для списков товаров.
  * @param props Свойства компонента.
  * @param props.itemUrl Ссылка на страницу товара.
  * @param props.imageUrl Ссылка на картинку товара.
@@ -38,5 +38,4 @@ export declare type Props = {
  * @param props.isFetchingWishItems Признак загрузки добавления товара в список избранного.
  * @return Компонент карточки товара.
  */
-declare const ProductCard: ({ itemUrl, imageUrl, name, sid, isWished, count, unit, initialCount, movedOrderId, notInStock, currencyGrapheme, commonPrice, itemPrice, onWishButtonClick, onActionsClick, isFetchingWishItems, }: Props) => React.ReactElement;
-export default ProductCard;
+export declare const ProductRow: ({ itemUrl, imageUrl, name, sid, isWished, count, unit, initialCount, movedOrderId, notInStock, currencyGrapheme, commonPrice, itemPrice, onWishButtonClick, onActionsClick, isFetchingWishItems, }: ProductRowProps) => JSX.Element;

package/mobile/components/{product-card → product-row}/index.js

@@ -3,8 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProductRow = void 0;
 const react_1 = __importDefault(require("react"));
-const product_card_module_scss_1 = __importDefault(require("./product-card.module.scss"));
+const product_row_module_scss_1 = __importDefault(require("./product-row.module.scss"));
 const bind_1 = __importDefault(require("classnames/bind"));
 const more_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Filled/more"));
 const link_1 = require("@sima-land/ui-nucleons/link");
@@ -12,10 +13,9 @@ const price_1 = require("@sima-land/ui-nucleons/price");
 const box_1 = require("@sima-land/ui-nucleons/box");
 const text_1 = require("@sima-land/ui-nucleons/text");
 const wish_button_1 = require("../../../common/components/wish-button");
-const lodash_1 = require("lodash");
-const cx = bind_1.default.bind(product_card_module_scss_1.default);
+const cx = bind_1.default.bind(product_row_module_scss_1.default);
 /**
- * Компонент карточки товара.
+ * Компонент вертикальной карточки товара для списков товаров.
  * @param props Свойства компонента.
  * @param props.itemUrl Ссылка на страницу товара.
  * @param props.imageUrl Ссылка на картинку товара.
@@ -35,11 +35,11 @@ const cx = bind_1.default.bind(product_card_module_scss_1.default);
  * @param props.isFetchingWishItems Признак загрузки добавления товара в список избранного.
  * @return Компонент карточки товара.
  */
-const ProductCard = ({ itemUrl, imageUrl, name, sid, isWished, count, unit, initialCount, movedOrderId, notInStock, currencyGrapheme, commonPrice, itemPrice, onWishButtonClick, onActionsClick, isFetchingWishItems, }) => (react_1.default.createElement("div", { className: cx('wrapper') },
+const ProductRow = ({ itemUrl, imageUrl, name, sid, isWished, count, unit, initialCount, movedOrderId, notInStock, currencyGrapheme, commonPrice, itemPrice, onWishButtonClick, onActionsClick, isFetchingWishItems, }) => (react_1.default.createElement("div", { className: cx('wrapper') },
     react_1.default.createElement("div", { className: cx('image-wrapper') },
         react_1.default.createElement(link_1.Link, { href: itemUrl },
             react_1.default.createElement("img", { src: imageUrl, className: cx('image') })),
-        lodash_1.isFunction(onWishButtonClick) && (react_1.default.createElement(wish_button_1.WishButton, { onClick: onWishButtonClick, className: cx('wish-button', { 'is-wished': isWished }), width: 20, height: 20, checked: isWished, disabled: isFetchingWishItems }))),
+        onWishButtonClick && (react_1.default.createElement(wish_button_1.WishButton, { onClick: onWishButtonClick, className: cx('wish-button', { 'is-wished': isWished }), width: 20, height: 20, checked: isWished, disabled: isFetchingWishItems }))),
     react_1.default.createElement("div", { className: cx('info-column') },
         react_1.default.createElement(link_1.Link, { href: itemUrl, className: cx('link'), color: 'gray87' },
             react_1.default.createElement(text_1.Text, { weight: 600 }, name)),
@@ -72,4 +72,4 @@ const ProductCard = ({ itemUrl, imageUrl, name, sid, isWished, count, unit, init
                 react_1.default.createElement(text_1.Text, { element: 'div', color: 'gray38' }, "\u041D\u0435\u0442 \u043D\u0430 \u0441\u043A\u043B\u0430\u0434\u0435")))),
     react_1.default.createElement("div", { className: cx('action-button') },
         react_1.default.createElement(more_1.default, { onClick: onActionsClick }))));
-exports.default = ProductCard;
+exports.ProductRow = ProductRow;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sima-land/moleculas",
-  "version": "11.0.1",
+  "version": "12.2.1",
   "repository": "ssh://git@github.com:sima-land/moleculas.git",
   "author": "www.sima-land.ru team",
   "license": "Apache-2.0",
@@ -23,7 +23,7 @@
     "storybook:build": "build-storybook --no-dll --quiet --loglevel error -o build-storybook"
   },
   "dependencies": {
-    "@sima-land/ui-nucleons": "^39.0.1",
+    "@sima-land/ui-nucleons": "^40.0.0",
     "@sima-land/ui-quarks": "^2.0.1",
     "classnames": "^2.3.1",
     "lodash": "^4.17.21",