@sima-land/moleculas 13.3.0 → 14.1.0

package/desktop/components/modifiers/modifiers.scss

@@ -1,3 +1,8 @@
+// внешний отступ вокруг каждого элемента группы
 $gutter: 4px;
+
+// размер квадратного модификатора
 $minSize: 48px;
+
+// максимальная высота блока с ограничением в 2 строки
 $groupMaxHeight: ($minSize * 2) + ($gutter * 4);

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

@@ -71,7 +71,7 @@ const ProductCarousel = ({ className, itemSize, onInViewport, onNeedRequest, wit
         items.length > 0 && (react_1.default.createElement(carousel_1.Carousel, Object.assign({ step: 3, draggable: false, 
             // докидываем индекс чтобы позже брать актуальные данные из списка по нему
             items: items.map((item, index) => [item, index]) }, (itemWidth !== null && {
-            withControls: true,
+            withControls: undefined,
             controlProps: {
                 size: needBigArrows ? 'l' : 's',
                 style: {

package/mobile/components/modifiers-list/modifier-item/index.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
+import { ModifierType } from '../../../../common/types';
 export interface ModifierItemProps {
     name: string;
     selected?: boolean;
-    type?: 'text' | 'image' | 'color';
+    type?: ModifierType;
     color?: string;
     image?: string;
     price: number;

package/mobile/components/modifiers-list/modifier-item/index.js

@@ -7,10 +7,10 @@ exports.ModifierItem = exports.cx = void 0;
 const react_1 = __importDefault(require("react"));
 const modifier_item_module_scss_1 = __importDefault(require("./modifier-item.module.scss"));
 const bind_1 = __importDefault(require("classnames/bind"));
-const constants_1 = require("../../../../common/constants");
 const price_1 = require("@sima-land/ui-nucleons/price");
 const text_1 = require("@sima-land/ui-nucleons/text");
 const check_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/check"));
+const constants_1 = require("../../../../common/constants");
 exports.cx = bind_1.default.bind(modifier_item_module_scss_1.default);
 /**
  * Компонент модификатора в списке.
@@ -27,8 +27,8 @@ exports.cx = bind_1.default.bind(modifier_item_module_scss_1.default);
  * @return Элемент.
  */
 const ModifierItem = ({ name, selected, type = 'text', color, image, price, currencyGrapheme, additionalText, onClick, }) => (react_1.default.createElement("div", { onClick: onClick, className: (0, exports.cx)('wrapper', selected && 'selected') },
-    Boolean(type === constants_1.MODIFIERS_TYPES.image && image) && (react_1.default.createElement("img", { className: (0, exports.cx)('adornment'), src: image, alt: name })),
-    Boolean(type === constants_1.MODIFIERS_TYPES.color && color) && (react_1.default.createElement("div", { className: (0, exports.cx)('adornment', 'color'), style: { backgroundColor: color } })),
+    Boolean(type === constants_1.MODIFIER_TYPE.image && image) && (react_1.default.createElement("img", { className: (0, exports.cx)('adornment'), src: image, alt: name })),
+    Boolean(type === constants_1.MODIFIER_TYPE.color && color) && (react_1.default.createElement("div", { className: (0, exports.cx)('adornment', 'color'), style: { backgroundColor: color } })),
     react_1.default.createElement("div", { className: (0, exports.cx)('info') },
         react_1.default.createElement("span", { className: (0, exports.cx)('name') }, name),
         Boolean(price) && (react_1.default.createElement(price_1.Price, { value: price, currencyGrapheme: currencyGrapheme, className: (0, exports.cx)('price', additionalText && 'additional') })),

package/package.json

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

package/desktop/components/item-image/index.d.ts

@@ -1,88 +0,0 @@
-import { Component } from 'react';
-export interface ItemImageProps {
-    alt?: string;
-    badges?: any;
-    buttonsPos?: string;
-    className?: string;
-    fakeDivClassName?: any;
-    hasQuickPreview?: boolean;
-    hasSelectionButton?: boolean;
-    hasTrashButton?: boolean;
-    hasWishButton?: boolean;
-    isFetchingWishItems?: boolean;
-    itemUrl?: string;
-    onClick?: any;
-    onLoadImage?: any;
-    photos?: string[];
-    quickViewBtnProps?: any;
-    selectionProps?: {
-        onSelect: any;
-        isSelected?: boolean;
-    };
-    src?: string;
-    trashButtonProps?: any;
-    wishProps?: any;
-    withBlur?: boolean;
-}
-/**
- * @typedef WishProps Свойства функционала избранного.
- * @property {boolean} isWished Признак товара в избранном.
- * @property {string} className Дополнительный класс для избранного.
- * @property {Function} onClick Обработчик клика по избранному.
- * @property {'left'|'right'} pos Позиция иконки.
- */
-/**
- * @typedef QuickViewBtnProps Свойства кнопки быстрого просмотра.
- * @property {string} className Дополнительный класс для кнопки быстрого просмотра.
- * @property {Function} onClick Обработчик клика по кнопке быстрого просмотра.
- */
-/**
- * @typedef TrashButtonProps Свойства кнопки удаления товара.
- * @property {string} className Класс для кнопки удаления товара.
- * @property {Function} onClick Обработчик клика по кнопке удаления товара.
- */
-/**
- * Компонент изображения товара с избранным.
- * @param {Object} props Свойства компонента.
- * @param {string} props.src Ссылка на изображение.
- * @param {string} props.alt Alt для изображения.
- * @param {string} props.className Дополнительный класс для компонента.
- * @param {Function} [props.onClick] Обработчик клика по картинке.
- * @param {Array} [props.badges] Шильдики.
- * @param {WishProps} [props.wishProps] Свойства для избранного.
- * @param {QuickViewBtnProps} [props.quickViewBtnProps] Свойства для кнопки быстрого просмотра.
- * @param {Function} props.onLoadImage Колбэк на загрузку изображения.
- * @param {boolean} props.withBlur Добавление блюра.
- * @param {boolean} props.isFetchingWishItems Признак загрузки добавления товара в список избранного.
- * @param {boolean} props.hasTrashButton Признак наличия кнопки удаления товара.
- * @param {TrashButtonProps} [props.trashButtonProps] Свойства для кнопки удаления товара.
- * @param {Object} props.selectionProps Свойства выделения товара.
- * @param {boolean} props.hasSelectionButton Признак наличия кнопки выделения товара.
- * @return {ReactElement} Компонент изображения.
- */
-export declare class ItemImage extends Component<ItemImageProps, any> {
-    bootStartTime: any;
-    image: any;
-    imageWrapper: any;
-    /**
-     * @inheritdoc
-     */
-    constructor(props: ItemImageProps);
-    /**
-     * @inheritdoc
-     */
-    componentDidMount(): void;
-    /**
-     * Возвращает фото.
-     * @param {Object} image Данные изображения.
-     * @param {string} image.src Url изображения.
-     * @param {string} image.alt Alt изображения.
-     * @param {Function} onClick Колбэк на клик по изображению.
-     * @return {Object} Свойства для компонента.
-     */
-    getImage: ({ src, alt }: any, onClick: any) => JSX.Element;
-    /**
-     * @inheritdoc
-     */
-    render(): JSX.Element;
-}

package/desktop/components/item-image/index.js

@@ -1,135 +0,0 @@
-"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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ItemImage = void 0;
-const react_1 = __importStar(require("react"));
-const link_1 = require("@sima-land/ui-nucleons/link");
-const bind_1 = __importDefault(require("classnames/bind"));
-const lodash_1 = require("lodash");
-const item_image_module_scss_1 = __importDefault(require("./item-image.module.scss"));
-const badge_list_1 = require("../../../common/components/badge-list");
-const badge_1 = require("../../../common/components/badge");
-const eighteen_plus_svg_1 = __importDefault(require("../../../common/icons/eighteen-plus.svg"));
-const selected_svg_1 = __importDefault(require("../../../common/icons/selected.svg"));
-const wish_button_1 = require("../../../common/components/wish-button");
-const quick_view_button_1 = require("../../../common/components/quick-view-button");
-const trash_cart_svg_1 = __importDefault(require("../../../common/icons/trash-cart.svg"));
-const cx = bind_1.default.bind(item_image_module_scss_1.default);
-/**
- * @typedef WishProps Свойства функционала избранного.
- * @property {boolean} isWished Признак товара в избранном.
- * @property {string} className Дополнительный класс для избранного.
- * @property {Function} onClick Обработчик клика по избранному.
- * @property {'left'|'right'} pos Позиция иконки.
- */
-/**
- * @typedef QuickViewBtnProps Свойства кнопки быстрого просмотра.
- * @property {string} className Дополнительный класс для кнопки быстрого просмотра.
- * @property {Function} onClick Обработчик клика по кнопке быстрого просмотра.
- */
-/**
- * @typedef TrashButtonProps Свойства кнопки удаления товара.
- * @property {string} className Класс для кнопки удаления товара.
- * @property {Function} onClick Обработчик клика по кнопке удаления товара.
- */
-/**
- * Компонент изображения товара с избранным.
- * @param {Object} props Свойства компонента.
- * @param {string} props.src Ссылка на изображение.
- * @param {string} props.alt Alt для изображения.
- * @param {string} props.className Дополнительный класс для компонента.
- * @param {Function} [props.onClick] Обработчик клика по картинке.
- * @param {Array} [props.badges] Шильдики.
- * @param {WishProps} [props.wishProps] Свойства для избранного.
- * @param {QuickViewBtnProps} [props.quickViewBtnProps] Свойства для кнопки быстрого просмотра.
- * @param {Function} props.onLoadImage Колбэк на загрузку изображения.
- * @param {boolean} props.withBlur Добавление блюра.
- * @param {boolean} props.isFetchingWishItems Признак загрузки добавления товара в список избранного.
- * @param {boolean} props.hasTrashButton Признак наличия кнопки удаления товара.
- * @param {TrashButtonProps} [props.trashButtonProps] Свойства для кнопки удаления товара.
- * @param {Object} props.selectionProps Свойства выделения товара.
- * @param {boolean} props.hasSelectionButton Признак наличия кнопки выделения товара.
- * @return {ReactElement} Компонент изображения.
- */
-class ItemImage extends react_1.Component {
-    /**
-     * @inheritdoc
-     */
-    constructor(props) {
-        super(props);
-        /**
-         * Возвращает фото.
-         * @param {Object} image Данные изображения.
-         * @param {string} image.src Url изображения.
-         * @param {string} image.alt Alt изображения.
-         * @param {Function} onClick Колбэк на клик по изображению.
-         * @return {Object} Свойства для компонента.
-         */
-        this.getImage = ({ src, alt }, onClick) => (react_1.default.createElement("img", { className: cx('image'), src: src, alt: alt, ref: this.image, onClick: onClick }));
-        this.state = {
-            currentPhotoIndex: null,
-        };
-        this.image = (0, react_1.createRef)();
-        this.imageWrapper = (0, react_1.createRef)();
-        this.bootStartTime = Date.now();
-    }
-    /**
-     * @inheritdoc
-     */
-    componentDidMount() {
-        const img = this.image.current;
-        const { onLoadImage } = this.props;
-        if (img && img.complete && (0, lodash_1.isFunction)(onLoadImage)) {
-            onLoadImage(Date.now() - this.bootStartTime);
-        }
-    }
-    /**
-     * @inheritdoc
-     */
-    render() {
-        const { alt, className, onClick, badges, quickViewBtnProps = {}, withBlur, itemUrl, isFetchingWishItems, photos = [], fakeDivClassName, buttonsPos = 'left', src, hasTrashButton, trashButtonProps, hasWishButton, wishProps, hasQuickPreview, hasSelectionButton, selectionProps, } = this.props;
-        const { currentPhotoIndex } = this.state;
-        const currentPhoto = currentPhotoIndex === null ? src : photos[currentPhotoIndex];
-        return (react_1.default.createElement("div", { className: cx('wrapper', className), ref: this.imageWrapper, onMouseLeave: () => this.setState({ currentPhotoIndex: null }) },
-            withBlur && (react_1.default.createElement("div", { className: cx('with-blur') },
-                react_1.default.createElement(eighteen_plus_svg_1.default, { width: 124, height: 124, opacity: '0.3' }))),
-            react_1.default.createElement("div", { className: cx('image-wrapper') },
-                react_1.default.createElement(link_1.Link, { href: itemUrl },
-                    Array.isArray(photos) && photos.length > 1 && !withBlur && this.imageWrapper.current && (react_1.default.createElement("div", { className: cx('fake-hover-wrapper', fakeDivClassName) }, photos.map((value, index) => (react_1.default.createElement("div", { className: cx('fake-hover', { selected: index === currentPhotoIndex }), style: {
-                            // @todo переделать это без добавления лишних элементов
-                            width: this.imageWrapper.current.offsetWidth / photos.length,
-                            left: (this.imageWrapper.current.offsetWidth / photos.length) * index,
-                        }, key: index + 100, onMouseOver: () => this.setState({ currentPhotoIndex: index }) },
-                        react_1.default.createElement("div", { className: cx('fake-hover-label') })))))),
-                    withBlur ? (react_1.default.createElement("div", { className: cx('with-filter-blur'), children: this.getImage({ src: currentPhoto, alt }, onClick) })) : (this.getImage({ src: currentPhoto, alt }, onClick))),
-                hasTrashButton && (react_1.default.createElement(trash_cart_svg_1.default, { width: 24, height: 24, color: 'gray87', className: cx('icon', buttonsPos, trashButtonProps.className), onClick: trashButtonProps.onClick, "data-testid": 'item-image:remove-button' }))),
-            Array.isArray(badges) && Boolean(badges.length) && (react_1.default.createElement("div", { className: cx('badges') },
-                react_1.default.createElement(badge_list_1.BadgeList, null, badges.map((badge, index) => (react_1.default.createElement(badge_1.Badge, Object.assign({ key: index }, badge))))))),
-            hasWishButton && (react_1.default.createElement(wish_button_1.WishButton, { checked: wishProps.isWished, className: cx('icon', buttonsPos, hasTrashButton && 'as-second', wishProps.className), onClick: wishProps.onClick, disabled: isFetchingWishItems })),
-            hasQuickPreview && (react_1.default.createElement(quick_view_button_1.QuickViewButton, { onClick: quickViewBtnProps.onClick, className: cx('icon', buttonsPos, (hasTrashButton || hasWishButton) && 'as-second', hasTrashButton && hasWishButton && 'as-third', quickViewBtnProps.className) })),
-            hasSelectionButton && selectionProps && (react_1.default.createElement("div", { onClick: selectionProps.onSelect, className: cx('selection-container') },
-                react_1.default.createElement("div", { className: cx('selection-circle') }, selectionProps.isSelected && react_1.default.createElement(selected_svg_1.default, { width: 56, height: 56 }))))));
-    }
-}
-exports.ItemImage = ItemImage;

package/desktop/components/item-image/item-image.module.scss

@@ -1,158 +0,0 @@
-.wrapper {
-  min-width: 1px;
-  position: relative;
-  display: flex;
-  flex-flow: column;
-  &.small-image {
-    .image-wrapper {
-      min-height: 212px;
-      @media (max-width: 1600px) {
-        min-height: 191px;
-      }
-      @media (max-width: 1280px) {
-        min-height: 179px;
-      }
-      @media (max-width: 1024px) {
-        min-height: 168px;
-      }
-    }
-  }
-  &.big-image {
-    .image-wrapper {
-      min-height: 345px;
-      @media (max-width: 1600px) {
-        min-height: 350px;
-      }
-      @media (max-width: 1280px) {
-        min-height: 250px;
-      }
-      @media (max-width: 1024px) {
-        min-height: 168px;
-      }
-    }
-  }
-}
-
-.image-wrapper {
-  overflow: hidden;
-  position: relative;
-  .with-filter-blur {
-    filter: blur(24px);
-  }
-  .fake-hover-wrapper {
-    opacity: 0;
-    width: 100%;
-    height: 100%;
-    min-height: 1px;
-    position: absolute;
-    z-index: 2;
-    .fake-hover {
-      .fake-hover-label {
-        position: absolute;
-        left: 2px;
-        top: 2px;
-        height: 2px;
-        right: 2px;
-        background: #9e9e9e;
-        opacity: 0.32;
-        border-radius: 4px;
-      }
-      &.selected {
-        .fake-hover-label {
-          opacity: 1;
-        }
-      }
-    }
-    .fake-hover {
-      height: 100%;
-      position: absolute;
-      display: flex;
-      justify-content: center;
-    }
-  }
-  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
-    a {
-      display: block;
-      position: relative;
-    }
-    a::before {
-      content: '';
-      display: block;
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      background-color: rgba(0, 0, 0, 0.04);
-    }
-  }
-}
-
-.badges {
-  margin-top: 4px;
-}
-
-.image {
-  display: block;
-  filter: brightness(96%);
-  width: 100%;
-  height: auto;
-  font-size: 14px;
-  min-height: 1px;
-  min-width: 1px;
-}
-
-.with-blur {
-  position: absolute;
-  top: -5px;
-  left: -5px;
-  width: calc(100% + 10px);
-  height: calc(100% + 10px);
-  background: rgba(255, 255, 255, 0.5);
-  z-index: 4;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
-    background: rgba(255, 255, 255, 0.95);
-  }
-}
-
-.icon {
-  position: absolute;
-  z-index: 2;
-  user-select: none;
-  cursor: pointer;
-  top: 8px;
-  &.right {
-    right: 8px;
-  }
-  &.left {
-    left: 8px;
-  }
-  &.as-second {
-    top: 40px; // 8px + 24px + 8px
-  }
-  &.as-third {
-    top: 72px; // 8px + 2 * (24px + 8px)
-  }
-}
-
-.selection-container {
-  position: absolute;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  .selection-circle {
-    background: #fff;
-    width: 56px;
-    height: 56px;
-    border-radius: 50px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-}

package/desktop/components/modifiers/widget/index.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import { Modifier } from '../button';
-export interface ModifiersWidgetProps {
-    title?: string;
-    items: Modifier[];
-    sizesTableUrl?: string;
-    onSelectItem?: (item: Modifier) => void;
-}
-/**
- * Компонент блока модификаторов.
- * @param props Свойства компонента.
- * @param props.title Название сущности модификатора.
- * @param props.items Данные модификатора товара.
- * @param props.sizesTableUrl Url таблицы размеров.
- * @param props.onSelectItem Будет вызвана при выборе модификатора.
- * @return Элемент.
- */
-export declare const ModifiersWidget: ({ title, items, sizesTableUrl, onSelectItem, }: ModifiersWidgetProps) => JSX.Element;

package/desktop/components/modifiers/widget/index.js

@@ -1,36 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ModifiersWidget = void 0;
-const react_1 = __importDefault(require("react"));
-const get_declination_1 = __importDefault(require("@sima-land/ui-nucleons/helpers/get-declination"));
-const group_1 = require("../group");
-const prop_1 = __importDefault(require("lodash/fp/prop"));
-const link_1 = require("@sima-land/ui-nucleons/link");
-const bind_1 = __importDefault(require("classnames/bind"));
-const modifiers_widget_module_scss_1 = __importDefault(require("./modifiers-widget.module.scss"));
-const cx = bind_1.default.bind(modifiers_widget_module_scss_1.default);
-/**
- * Компонент блока модификаторов.
- * @param props Свойства компонента.
- * @param props.title Название сущности модификатора.
- * @param props.items Данные модификатора товара.
- * @param props.sizesTableUrl Url таблицы размеров.
- * @param props.onSelectItem Будет вызвана при выборе модификатора.
- * @return Элемент.
- */
-const ModifiersWidget = ({ title, items, sizesTableUrl, onSelectItem, }) => (react_1.default.createElement("div", null,
-    title && (react_1.default.createElement("h3", { className: cx('modifiers-title') },
-        title,
-        " (",
-        items.length,
-        "\u00A0",
-        (0, get_declination_1.default)(items.length, ['вариант', 'варианта', 'вариантов']),
-        "):")),
-    react_1.default.createElement(group_1.ModifiersGroup, { items: items, getItemContent: (0, prop_1.default)('name'), getItemCount: (0, prop_1.default)('inCartQty'), onSelectItem: (item, selected) => {
-            !selected && onSelectItem && onSelectItem(item);
-        } }),
-    Boolean(sizesTableUrl) && (react_1.default.createElement(link_1.Link, { href: sizesTableUrl, className: cx('modifiers-link') }, "\u0422\u0430\u0431\u043B\u0438\u0446\u0430 \u0440\u0430\u0437\u043C\u0435\u0440\u043E\u0432"))));
-exports.ModifiersWidget = ModifiersWidget;

package/desktop/components/modifiers/widget/modifiers-widget.module.scss

@@ -1,10 +0,0 @@
-.modifiers-title {
-  font-size: 14px;
-  font-weight: normal;
-  margin: 0 0 16px;
-}
-
-.modifiers-link {
-  display: inline-block;
-  margin: 16px 0;
-}

package/desktop/components/modifiers/widget/readme.md

@@ -1,53 +0,0 @@
-Виджет модификаторов с основными свойствами:
-
-```jsx
-import items from '../__stories__/items.js';
-      <ModifiersWidget
-        title='Варианты'
-        items={items.imgItems}
-      />
-```
-
-Виджет модификаторов с отметками о количестве в корзине и уценке:
-
-```jsx
-import items from '../__stories__/items.js';
-      <ModifiersWidget
-        title='Варианты'
-        items={items.imgItemsWithMark}
-      />
-```
-
-Виджет модификаторов с ссылкой на таблицу размеров:
-
-```jsx
-import items from '../__stories__/items.js';
-
-      <ModifiersWidget
-        title='Размер / рост'
-        items={items.textItems}
-        sizesTableUrl='/'
-      />
-```
-
-Виджет модификаторов с модификаторами цвета:
-
-```jsx
-import items from '../__stories__/items.js';
-      <ModifiersWidget
-        title='Варианты'
-        items={items.colorItems}
-      />
-```
-
-Виджет модификаторов в ограниченном блоке:
-
-```jsx
-import items from '../__stories__/items.js';
-      <div style={{ width: 200, border: '1px dashed #ccc' }}>
-        <ModifiersWidget
-          title='Варианты'
-          items={items.imgItems.concat(items.imgItemsWithMark)}
-        />
-      </div>
-```

package/mobile/components/item-image/index.d.ts

@@ -1,56 +0,0 @@
-import React, { Component } from 'react';
-import { BadgeProps } from '../../../common/components/badge';
-export interface ItemImageProps {
-    src?: string;
-    alt?: string;
-    hasWishButton?: boolean;
-    wishProps?: {
-        isWished?: boolean;
-        className?: string;
-        onClick?: React.MouseEventHandler;
-    };
-    className?: string;
-    onClick?: React.MouseEventHandler;
-    badges?: BadgeProps[];
-    withBlur?: boolean;
-    itemUrl?: string;
-    isFetchingWishItems?: boolean;
-    onLoadImage?: (duration: number) => void;
-}
-/**
- * Компонент изображения товара с избранным.
- * @param props Свойства компонента.
- * @param props.src Ссылка на изображение.
- * @param props.alt Alt для изображения.
- * @param props.className Дополнительный класс для компонента.
- * @param props.onClick Обработчик клика по картинке.
- * @param props.badges Шильдики.
- * @param props.wishProps Свойства для избранного.
- * @param props.withBlur Добавление блюра.
- * @param props.isFetchingWishItems Признак загрузки добавления товара в список избранного.
- */
-export declare class ItemImage extends Component<ItemImageProps> {
-    bootStartTime: number;
-    image: any;
-    /**
-     * @inheritdoc
-     */
-    constructor(props: any);
-    /**
-     * @inheritdoc
-     */
-    componentDidMount(): void;
-    /**
-     * Возвращает фото.
-     * @param {Object} image Данные изображения.
-     * @param {string} image.src Url изображения.
-     * @param {string} image.alt Alt изображения.
-     * @param {Function} onClick Колбэк на клик по изображению.
-     * @return {Object} Свойства для компонента.
-     */
-    getImage: ({ src, alt }: any, onClick: any) => JSX.Element;
-    /**
-     * @inheritdoc
-     */
-    render(): JSX.Element;
-}