@sima-land/moleculas 12.2.1 → 12.3.3

package/common/components/adult-block/adult-block.d.ts

@@ -11,7 +11,7 @@ export interface AdultBlockProps {
  * @param props.onClick Обработчик клика на ссылку.
  * @param props.alignItems Расположение блоков.
  * @param props.marginTop Отступ сверху.
- * @return Компонент.
+ * @return Элемент.
  */
-declare const AdultBlock: ({ isAuthUser, onClick, marginTop, }: AdultBlockProps) => JSX.Element;
+declare const AdultBlock: ({ isAuthUser, onClick, marginTop }: AdultBlockProps) => JSX.Element;
 export default AdultBlock;

package/common/components/adult-block/adult-block.js

@@ -24,9 +24,9 @@ const textBlocks = {
  * @param props.onClick Обработчик клика на ссылку.
  * @param props.alignItems Расположение блоков.
  * @param props.marginTop Отступ сверху.
- * @return Компонент.
+ * @return Элемент.
  */
-const AdultBlock = ({ isAuthUser, onClick, marginTop = 0, }) => {
+const AdultBlock = ({ isAuthUser, onClick, marginTop = 0 }) => {
     const actualTextBlocks = isAuthUser ? textBlocks.forAuthorized : textBlocks.forGuest;
     return (react_1.default.createElement(box_1.Box, { display: 'flex', direction: 'column', flex: 'grow', marginTop: marginTop },
         react_1.default.createElement(box_1.Box, { marginBottom: 1 },

package/common/components/badge/badge.module.scss

@@ -20,7 +20,7 @@ $icon-size: 14px;
   text-decoration: none;
   &.interactive:hover {
     cursor: pointer;
-    opacity: .72;
+    opacity: 0.72;
   }
   &.icon-only {
     width: $badge-size;

package/common/components/badge/index.d.ts

@@ -4,9 +4,13 @@ export interface BadgeField {
     value: string;
 }
 export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** Основной цвет, используется как цвет обводки, иконок и текста. */
     color?: string;
+    /** Содержимое шильдика. */
     fields: Array<BadgeField>;
+    /** Ссылка, переход по которой будет произведён по нажатию на шильдик. */
     href?: string;
+    /** Идентификатор для систем автоматизированного тестирования. */
     'data-testid'?: string;
 }
 /**

package/common/components/badge/index.js

@@ -32,8 +32,7 @@ const Badge = (_a) => {
     var { className, color, fields, href, style, 'data-testid': testId = 'badge' } = _a, restProps = __rest(_a, ["className", "color", "fields", "href", "style", 'data-testid']);
     const Element = href ? 'a' : 'span';
     const iconOnly = fields.length === 1 && fields[0].type === 'svg-url';
-    return (react_1.default.createElement(Element, Object.assign({}, restProps, { "data-testid": testId, href: href, style: Object.assign(Object.assign({}, style), { '--badge-color': color }), className: cx('root', iconOnly && 'icon-only', href && 'interactive', className), children: iconOnly
-            ? (react_1.default.createElement("img", { className: cx('icon'), src: fields[0].value })) : (
+    return (react_1.default.createElement(Element, Object.assign({}, restProps, { "data-testid": testId, href: href, style: Object.assign(Object.assign({}, style), { '--badge-color': color }), className: cx('root', iconOnly && 'icon-only', href && 'interactive', className), children: iconOnly ? (react_1.default.createElement("img", { className: cx('icon'), src: fields[0].value })) : (
         // вложенный span нужен для того чтобы объединить `display: inline-flex` и `text-overflow: ellipsis`
         react_1.default.createElement("span", { className: cx('content') }, fields.reduce((acc, item, i) => {
             let result = null;
@@ -57,10 +56,7 @@ exports.Badge = Badge;
  * @param distance Оставшееся время.
  * @return Отформатированное время.
  */
-const formatDistance = ({ days, hours, minutes, }) => [
-    toTimePart(days),
-    ...[hours % 24, minutes % 60].map(toTimePart),
-].join(':');
+const formatDistance = ({ days, hours, minutes, }) => [toTimePart(days), ...[hours % 24, minutes % 60].map(toTimePart)].join(':');
 /**
  * Форматирует число добавляя нули при необходимости.
  * @param n Число.

package/common/components/badge-list/badge-list.module.scss

@@ -17,4 +17,3 @@
     margin-right: 4px;
   }
 }
-

package/common/components/badge-list/index.d.ts

@@ -1,17 +1,21 @@
 import React from 'react';
 import { BadgeProps } from '../badge';
 export interface BadgeListProps {
+    /** Список данных для шильдиков. */
     items?: BadgeProps[];
+    /** CSS-класс корневого элемента. */
     className?: string;
+    /** Стили корневого элемента. */
     style?: React.CSSProperties;
+    /** Лимит количества строк, не влезающие шильдики будут скрыты. */
     lineLimit?: number;
 }
 /**
- * Компонент списка шильдиков.
+ * Компонент списка шильдиков. Формирует отступы между шильдиками и переносы по дизайн-найдам.
  * @param props Свойства компонента.
  * @return Элемент.
  */
 export declare const BadgeList: {
-    ({ items, className, lineLimit, style, }: BadgeListProps): JSX.Element;
+    ({ items, className, lineLimit, style }: BadgeListProps): JSX.Element;
     Item: ({ className, color, fields, href, style, "data-testid": testId, ...restProps }: BadgeProps) => JSX.Element;
 };

package/common/components/badge-list/index.js

@@ -10,10 +10,12 @@ const bind_1 = __importDefault(require("classnames/bind"));
 const badge_list_module_scss_1 = __importDefault(require("./badge-list.module.scss"));
 const cx = bind_1.default.bind(badge_list_module_scss_1.default);
 /**
- * Компонент списка шильдиков.
+ * Компонент списка шильдиков. Формирует отступы между шильдиками и переносы по дизайн-найдам.
  * @param props Свойства компонента.
  * @return Элемент.
  */
-const BadgeList = ({ items, className, lineLimit, style, }) => (react_1.default.createElement("div", { className: cx('root', className, lineLimit && 'line-limit'), style: lineLimit ? Object.assign(Object.assign({}, style), { '--line-limit': lineLimit }) : style }, Array.isArray(items) && items.length > 0 && items.map((itemProps, index) => (react_1.default.createElement(badge_1.Badge, Object.assign({ key: index, className: cx('item') }, itemProps))))));
+const BadgeList = ({ items, className, lineLimit, style }) => (react_1.default.createElement("div", { className: cx('root', className, lineLimit && 'line-limit'), style: lineLimit ? Object.assign(Object.assign({}, style), { '--line-limit': lineLimit }) : style }, Array.isArray(items) &&
+    items.length > 0 &&
+    items.map((itemProps, index) => react_1.default.createElement(badge_1.Badge, Object.assign({ key: index, className: cx('item') }, itemProps)))));
 exports.BadgeList = BadgeList;
 exports.BadgeList.Item = badge_1.Badge;

package/common/components/product-info/index.d.ts

@@ -17,6 +17,11 @@ export interface ProductData {
     currencyGrapheme?: string;
     /** Список шильдиков. */
     badges?: BadgeProps[];
+    /** Торговая марка. */
+    trademark?: {
+        name: string;
+        url: string;
+    };
 }
 export interface ProductInfoProps {
     /** Данные товара. */

package/common/components/product-info/index.js

@@ -25,20 +25,21 @@ exports.OnImage = OnImage;
  * @param props Свойства компонента.
  * @return Элемент.
  */
-const ProductInfo = ({ data, onLinkClick, children, }) => {
-    const { onImage } = define_slots_1.defineSlots(children, {
+const ProductInfo = ({ data, onLinkClick, children }) => {
+    const { onImage } = (0, define_slots_1.defineSlots)(children, {
         onImage: exports.OnImage,
     });
     return (react_1.default.createElement(react_1.default.Fragment, null,
         Boolean(data.imageSrc) && (react_1.default.createElement(image_overlay_1.ImageOverlay, { className: cx('image-overlay') },
             react_1.default.createElement("a", { href: data.url, className: cx('image-link'), onClick: onLinkClick, "data-testid": 'product-info:image-link' },
                 react_1.default.createElement("img", { className: cx('image'), alt: data.imageAlt, src: data.imageSrc })),
-            onImage && (react_1.default.createElement("div", { className: cx('on-image') }, onImage)))),
+            onImage && react_1.default.createElement("div", { className: cx('on-image') }, onImage))),
         data.badges && data.badges.length > 0 && (react_1.default.createElement(badge_list_1.BadgeList, { items: data.badges, lineLimit: 1, className: cx('badges') })),
         Boolean(data.price) && (react_1.default.createElement("div", { className: cx('prices') },
             react_1.default.createElement(price_1.Price, { value: data.price, currencyGrapheme: data.currencyGrapheme, className: cx('price') }),
             data.oldPrice && (react_1.default.createElement(price_1.Price, { value: data.oldPrice, currencyGrapheme: data.currencyGrapheme, className: cx('old-price'), crossedOut: true })))),
-        react_1.default.createElement(link_1.Link, { onClick: onLinkClick, className: cx('link'), href: data.url, children: data.name, color: 'gray87', "data-testid": 'product-info:name-link' })));
+        react_1.default.createElement(link_1.Link, { onClick: onLinkClick, className: cx('link'), href: data.url, children: data.name, color: 'gray87', "data-testid": 'product-info:name-link' }),
+        data.trademark && (react_1.default.createElement(link_1.Link, { className: cx('trademark-link'), href: data.trademark.url, children: data.trademark.name, color: 'brand-blue', "data-testid": 'product-info:trademark-link' }))));
 };
 exports.ProductInfo = ProductInfo;
 exports.ProductInfo.OnImage = exports.OnImage;

package/common/components/product-info/product-info.module.scss

@@ -60,7 +60,7 @@
 
 .price {
   font-size: 16px;
-  font-weight: 600;
+  font-weight: 700;
   line-height: 24px;
   margin-right: 8px;
 }
@@ -81,3 +81,13 @@
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
 }
+
+.trademark-link {
+  display: block;
+  margin-top: 8px;
+  font-size: 14px;
+  line-height: 20px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}

package/common/components/quick-view-button/index.js

@@ -44,7 +44,7 @@ const cx = bind_1.default.bind(quick_view_button_module_scss_1.default);
  * @param props Свойства компонента.
  * @return Элемент.
  */
-exports.QuickViewButton = react_1.forwardRef((_a, ref) => {
+exports.QuickViewButton = (0, react_1.forwardRef)((_a, ref) => {
     var { onClick, className } = _a, restProps = __rest(_a, ["onClick", "className"]);
     return (react_1.default.createElement(quick_view_svg_1.default, Object.assign({}, restProps, { ref: ref, role: 'button', "aria-label": '\u0411\u044B\u0441\u0442\u0440\u044B\u0439 \u043F\u0440\u043E\u0441\u043C\u043E\u0442\u0440', className: cx('root', className), width: 24, height: 24, onClick: onClick, "data-testid": 'quick-view-button' })));
 });

package/common/components/wish-button/index.js

@@ -49,7 +49,7 @@ const cx = bind_1.default.bind(wish_button_module_scss_1.default);
  * @param props.disabled Признак загрузки добавления товара в список избранного.
  * @return Элемент.
  */
-exports.WishButton = react_1.forwardRef((_a, ref) => {
+exports.WishButton = (0, react_1.forwardRef)((_a, ref) => {
     var { checked, className, onClick, disabled } = _a, restProps = __rest(_a, ["checked", "className", "onClick", "disabled"]);
     const Icon = checked ? filled_heart_svg_1.default : heart_svg_1.default;
     return (react_1.default.createElement(Icon, Object.assign({}, restProps, { ref: ref, role: 'button', "aria-label": checked ? 'Убрать из избранного' : 'Добавить в избранное', className: cx('button', className, { checked, disabled }), onClick: disabled ? undefined : onClick, "data-testid": 'favorite-button', width: 24, height: 24 })));

package/common/helpers/format-qty-string.js

@@ -20,9 +20,7 @@ const formatQtyString = (qty = '', { allowFloat = false } = {}) => {
         const isFloatWithoutDot = isFloatQty && nextQty.indexOf('.') === -1;
         nextQty = isFloatWithoutDot ? `${nextQty}.` : nextQty;
         const hasDotInEndOfFullStr = nextQty.indexOf('.') === nextQty.length - 1 && nextQty.length === 6;
-        nextQty = hasDotInEndOfFullStr
-            ? nextQty.slice(0, nextQty.length - 1)
-            : nextQty;
+        nextQty = hasDotInEndOfFullStr ? nextQty.slice(0, nextQty.length - 1) : nextQty;
         // если float режем до десятичной дроби.
         nextQty = isFloatQty ? nextQty.slice(0, dotIndex + 2) : nextQty;
     }

package/common/helpers/get-contained-items.js

@@ -9,7 +9,8 @@ const getContainedItems = (node) => {
     let count = 0;
     if (node instanceof HTMLElement) {
         const children = Array.from(node.childNodes);
-        const farItemIndex = children.findIndex((item, index, arr) => !arr[index + 1] || item.getBoundingClientRect().right > arr[index + 1].getBoundingClientRect().right);
+        const farItemIndex = children.findIndex((item, index, arr) => !arr[index + 1] ||
+            item.getBoundingClientRect().right > arr[index + 1].getBoundingClientRect().right);
         count = farItemIndex + 1;
     }
     return count;

package/desktop/components/breadcrumbs/breadcrumbs.module.scss

@@ -82,7 +82,7 @@ $line-gutter: 12px;
 
 .fade-enter-active {
   opacity: 1;
-  transition: opacity .2s ease-in-out;
+  transition: opacity 0.2s ease-in-out;
 }
 
 .fade-exit {
@@ -91,5 +91,5 @@ $line-gutter: 12px;
 
 .fade-exit-active {
   opacity: 0;
-  transition: opacity .2s ease-in-out;
+  transition: opacity 0.2s ease-in-out;
 }

package/desktop/components/breadcrumbs/index.d.ts

@@ -11,9 +11,13 @@ export interface Breadcrumb extends Sibling {
     };
 }
 export interface BreadcrumbsProps {
+    /** Список хлебных крошек. */
     items: Breadcrumb[];
+    /** Получив хлебную крошку должна вернуть true если крошка выбрана. */
     isSiblingActive?: (sibling: Sibling) => boolean;
+    /** Сработает при открытии попапа со смежными ссылками. */
     onSiblingsPopupOpen?: (item: Breadcrumb) => void;
+    /** Идентификатор для систем автоматизированного тестирования. */
     'data-testid'?: string;
 }
 /**

package/desktop/components/breadcrumbs/index.js

@@ -47,12 +47,12 @@ exports.Breadcrumbs = Breadcrumbs;
  */
 const Breadcrumb = ({ data, onSiblingsPopupOpen, isSiblingActive, }) => {
     var _a;
-    const popupRef = react_1.useRef(null);
-    const [withPopup, togglePopup] = react_1.useState(false);
+    const popupRef = (0, react_1.useRef)(null);
+    const [withPopup, togglePopup] = (0, react_1.useState)(false);
     // с useOutsideClick не работает после обновления React до 17 версии, пока так
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (withPopup) {
-            return on_1.default(window, 'mousedown', togglePopup.bind(null, false));
+            return (0, on_1.default)(window, 'mousedown', togglePopup.bind(null, false));
         }
     }, [withPopup]);
     const selfName = (react_1.default.createElement(link_1.Link, { color: 'gray87', href: data.url }, data.name));
@@ -74,6 +74,6 @@ const Breadcrumb = ({ data, onSiblingsPopupOpen, isSiblingActive, }) => {
                         selfName,
                         react_1.default.createElement(square_arrow_down_svg_1.default, { "data-testid": 'breadcrumb:siblings-closer', className: cx('toggle-icon', 'close'), onClick: () => togglePopup(false) })),
                     react_1.default.createElement("ul", { className: cx('siblings') },
-                        data.siblings.state === 'fetching' && (react_1.default.createElement(react_1.default.Fragment, null, lodash_1.times(8).map(index => (react_1.default.createElement("div", { key: index, className: cx('sibling-placeholder') }))))),
+                        data.siblings.state === 'fetching' && (react_1.default.createElement(react_1.default.Fragment, null, (0, lodash_1.times)(8).map(index => (react_1.default.createElement("div", { key: index, className: cx('sibling-placeholder') }))))),
                         data.siblings.state === 'ready' && (react_1.default.createElement(react_1.default.Fragment, null, (_a = data.siblings.data) === null || _a === void 0 ? void 0 : _a.map((sibling, index) => (react_1.default.createElement("li", { key: index, className: cx('sibling'), "data-testid": 'breadcrumb-sibling' }, isSiblingActive(sibling) ? (react_1.default.createElement("span", { className: cx('active') }, sibling.name)) : (react_1.default.createElement(link_1.Link, { color: 'gray87', className: cx('link'), href: sibling.url, children: sibling.name }))))))))))))));
 };

package/desktop/components/gallery-modal/components/all-round-view.js

@@ -36,16 +36,16 @@ const turn_left_svg_1 = __importDefault(require("../icons/turn-left.svg"));
 const turn_right_svg_1 = __importDefault(require("../icons/turn-right.svg"));
 const cx = bind_1.default.bind(all_round_view_module_scss_1.default);
 const AllRoundView = ({ photos }) => {
-    const imageRef = react_1.useRef(null);
-    const dragStartRef = react_1.useRef(null);
-    const [state, setState] = react_1.useState('autoplay');
+    const imageRef = (0, react_1.useRef)(null);
+    const dragStartRef = (0, react_1.useRef)(null);
+    const [state, setState] = (0, react_1.useState)('autoplay');
     const autoplay = state === 'autoplay';
     const ChangeState = (bindState) => () => setState(bindState);
-    const [index, setIndex] = react_1.useState(0);
-    const indexRef = identity_1.useIdentityRef(index);
-    const photosReady = utils_1.useImagesLoad(photos);
+    const [index, setIndex] = (0, react_1.useState)(0);
+    const indexRef = (0, identity_1.useIdentityRef)(index);
+    const photosReady = (0, utils_1.useImagesLoad)(photos);
     // запуск/остановка вращения
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (state !== 'default' && photosReady) {
             const timerId = window.setInterval(() => {
                 const increment = state === 'turn-left' ? -1 : 1;
@@ -55,14 +55,14 @@ const AllRoundView = ({ photos }) => {
         }
     }, [state, photosReady]);
     // перетаскивание
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         // переданное число всегда замениться на такое, которое будет в промежутке от 0 до количества фото
         const wrap = (value) => (photos.length + value) % photos.length;
         const image = imageRef.current;
         const imageWidth = image.clientWidth;
         const imageLeft = image.getBoundingClientRect().left;
         const offList = [
-            on_1.default(image, 'pointerdown', e => {
+            (0, on_1.default)(image, 'pointerdown', e => {
                 e.preventDefault();
                 setState('default');
                 image.style.touchAction = 'none';
@@ -71,7 +71,7 @@ const AllRoundView = ({ photos }) => {
                     index: indexRef.current,
                 };
             }),
-            on_1.default(window, 'pointermove', e => {
+            (0, on_1.default)(window, 'pointermove', e => {
                 if (dragStartRef.current !== null) {
                     const startX = dragStartRef.current.position;
                     const currentX = e.clientX - imageLeft;
@@ -81,7 +81,7 @@ const AllRoundView = ({ photos }) => {
                     setIndex(nextIndex);
                 }
             }),
-            on_1.default(window, 'pointerup', () => {
+            (0, on_1.default)(window, 'pointerup', () => {
                 dragStartRef.current = null;
                 image.style.touchAction = '';
             }),
@@ -100,9 +100,9 @@ const AllRoundView = ({ photos }) => {
             react_1.default.createElement("button", { className: cx('control', 'turn'), disabled: autoplay, onPointerDown: ChangeState('turn-left'), onPointerUp: ChangeState('default'), onPointerLeave: ChangeState('default'), "data-testid": 'gallery-modal:360-turn-left-button' },
                 react_1.default.createElement(turn_right_svg_1.default, null)),
             react_1.default.createElement(with_hint_1.WithHint, { hint: HINT }, (ref, toggleHint) => (react_1.default.createElement("button", { ref: ref, className: cx('control', 'primary', autoplay && 'pause'), onClick: () => {
-                    setState(s => s === 'autoplay' ? 'default' : 'autoplay');
+                    setState(s => (s === 'autoplay' ? 'default' : 'autoplay'));
                     toggleHint(false);
-                }, onMouseEnter: () => autoplay && toggleHint(true), onMouseLeave: () => toggleHint(false), "data-testid": 'gallery-modal:toggle-autoplay-button' }, autoplay ? (react_1.default.createElement(pause_svg_1.default, null)) : (react_1.default.createElement(_360_svg_1.default, null))))),
+                }, onMouseEnter: () => autoplay && toggleHint(true), onMouseLeave: () => toggleHint(false), "data-testid": 'gallery-modal:toggle-autoplay-button' }, autoplay ? react_1.default.createElement(pause_svg_1.default, null) : react_1.default.createElement(_360_svg_1.default, null)))),
             react_1.default.createElement("button", { className: cx('control', 'turn'), disabled: autoplay, onPointerDown: ChangeState('turn-right'), onPointerUp: ChangeState('default'), onPointerLeave: ChangeState('default'), "data-testid": 'gallery-modal:360-turn-right-button' },
                 react_1.default.createElement(turn_left_svg_1.default, null)))));
 };

package/desktop/components/gallery-modal/components/all-round-view.module.scss

@@ -40,7 +40,7 @@
     background: colors.$brand-blue;
   }
   .pause:not(:hover) {
-    background: rgba(colors.$brand-blue, .4);
+    background: rgba(colors.$brand-blue, 0.4);
   }
   .turn {
     width: 32px;

package/desktop/components/gallery-modal/components/gallery-modal.d.ts

@@ -2,15 +2,22 @@ import React from 'react';
 import { MediaData } from '../types';
 import { ModalProps } from '@sima-land/ui-nucleons/modal';
 export interface GalleryModalProps extends Pick<ModalProps, 'withScrollDisable' | 'scrollDisableOptions'> {
+    /** Список медиа. */
     media: MediaData[];
+    /** Индекс начального выбранного элемента из списка медиа. */
     defaultMediaIndex?: number;
+    /** Будет вызвана при переключении элемента из списка медиа. */
     onMediaChange?: (data: MediaData, index: number) => void;
+    /** Данные отзыва, выводятся внизу окна. */
     review?: {
         rating: number;
         author: string;
     };
+    /** Будет вызвана при попытке перейти к отзыву. */
     onGoToReview?: () => void;
+    /** Будет вызвана при закрытии. */
     onClose?: () => void;
+    /** Будет вызвана при событиях проигрывания видео. */
     onVideoEvent?: (event: React.SyntheticEvent<HTMLVideoElement>) => void;
 }
 export declare const GalleryModal: ({ media, defaultMediaIndex, review, onClose, onGoToReview, onMediaChange, withScrollDisable, scrollDisableOptions, onVideoEvent, }: GalleryModalProps) => JSX.Element;

package/desktop/components/gallery-modal/components/gallery-modal.js

@@ -49,31 +49,32 @@ const bind_1 = __importDefault(require("classnames/bind"));
 const gallery_modal_module_scss_1 = __importDefault(require("./gallery-modal.module.scss"));
 const cx = bind_1.default.bind(gallery_modal_module_scss_1.default);
 const GalleryModal = ({ media, defaultMediaIndex = 0, review, onClose, onGoToReview, onMediaChange, withScrollDisable, scrollDisableOptions, onVideoEvent, }) => {
-    const [currentIndex, setCurrent] = react_1.useState(defaultMediaIndex);
-    const thumbnailsRef = react_1.useRef(null);
-    const areaRef = react_1.useRef(null);
+    const [currentIndex, setCurrent] = (0, react_1.useState)(defaultMediaIndex);
+    const thumbnailsRef = (0, react_1.useRef)(null);
+    const areaRef = (0, react_1.useRef)(null);
     const footerGutter = 40;
     const footerHeight = 20;
     const correction = review ? footerGutter + footerHeight : 0;
-    const size = utils_1.useRectFit(areaRef, { correction });
-    const innerStyles = Object.assign({}, size !== null && {
+    const size = (0, utils_1.useRectFit)(areaRef, { correction });
+    const innerStyles = Object.assign({}, (size !== null && {
         '--area-height': `${size + correction}px`,
         '--all-round-view-size': `${size}px`,
-    });
-    const handlerRef = identity_1.useIdentityRef(onMediaChange);
-    react_1.useEffect(() => {
+    }));
+    const handlerRef = (0, identity_1.useIdentityRef)(onMediaChange);
+    (0, react_1.useEffect)(() => {
         var _a;
         (_a = handlerRef.current) === null || _a === void 0 ? void 0 : _a.call(handlerRef, media[currentIndex], currentIndex);
-        thumbnailsRef.current && scroll_to_child_1.scrollToChild(thumbnailsRef.current, thumbnailsRef.current.children[currentIndex]);
+        thumbnailsRef.current &&
+            (0, scroll_to_child_1.scrollToChild)(thumbnailsRef.current, thumbnailsRef.current.children[currentIndex]);
     }, [currentIndex]);
     return (react_1.default.createElement(modal_1.Modal, Object.assign({ size: 'fullscreen', onClose: onClose }, { withScrollDisable, scrollDisableOptions }),
         react_1.default.createElement(modal_1.Modal.Header, { onClose: onClose }),
         react_1.default.createElement(modal_1.Modal.Body, null,
             react_1.default.createElement(layout_1.DesktopLayout, { className: cx('root'), style: innerStyles },
-                size !== null && media.length > 1 && (react_1.default.createElement("div", { className: cx('thumbnails'), ref: thumbnailsRef }, media.map((item, index) => (react_1.default.createElement(thumbnail_1.Thumbnail, Object.assign({ key: index, className: cx('thumbnail'), type: item.type, checked: index === currentIndex, onClick: () => setCurrent(index) }, item.type === 'image' && {
+                size !== null && media.length > 1 && (react_1.default.createElement("div", { className: cx('thumbnails'), ref: thumbnailsRef }, media.map((item, index) => (react_1.default.createElement(thumbnail_1.Thumbnail, Object.assign({ key: index, className: cx('thumbnail'), type: item.type, checked: index === currentIndex, onClick: () => setCurrent(index) }, (item.type === 'image' && {
                     src: item.data.thumbnailSrc,
                     alt: item.data.alt || '',
-                })))))),
+                }))))))),
                 react_1.default.createElement("div", { ref: areaRef, className: cx('area') }, size !== null && (react_1.default.createElement("div", { className: cx('inner'), style: { width: `${size}px` } },
                     react_1.default.createElement("div", { className: cx('square') },
                         react_1.default.createElement(Media, Object.assign({}, media[currentIndex], { onVideoEvent: onVideoEvent })),
@@ -90,5 +91,5 @@ const Media = (_a) => {
             react_1.default.createElement("img", { src: media.data.src, alt: media.data.alt || '' }))),
         media.type === 'video' && (react_1.default.createElement("video", { autoPlay: true, controls: true, controlsList: 'nodownload', onPlay: onVideoEvent, onPause: onVideoEvent, onEnded: onVideoEvent },
             react_1.default.createElement("source", { src: media.data.src }))),
-        media.type === '360' && (react_1.default.createElement(all_round_view_1.AllRoundView, { photos: media.data.photos }))));
+        media.type === '360' && react_1.default.createElement(all_round_view_1.AllRoundView, { photos: media.data.photos })));
 };

package/desktop/components/gallery-modal/components/image-overlay.js

@@ -20,6 +20,6 @@ const classnames_1 = __importDefault(require("classnames"));
 const image_overlay_module_scss_1 = __importDefault(require("./image-overlay.module.scss"));
 const ImageOverlay = (_a) => {
     var { className, children } = _a, restProps = __rest(_a, ["className", "children"]);
-    return (react_1.default.createElement("div", Object.assign({ className: classnames_1.default(image_overlay_module_scss_1.default.root, className) }, restProps), children));
+    return (react_1.default.createElement("div", Object.assign({ className: (0, classnames_1.default)(image_overlay_module_scss_1.default.root, className) }, restProps), children));
 };
 exports.ImageOverlay = ImageOverlay;

package/desktop/components/gallery-modal/components/image-overlay.module.scss

@@ -7,7 +7,7 @@
     left: 0;
     right: 0;
     bottom: 0;
-    background-color: rgba(0, 0, 0, .04);
+    background-color: rgba(0, 0, 0, 0.04);
 
     // чтобы можно было сохранять фото с помощью контекстного меню
     pointer-events: none;

package/desktop/components/gallery-modal/components/review-info.d.ts

@@ -5,4 +5,4 @@ export interface ReviewInfoProps {
     onGoToReview?: () => void;
     className?: string;
 }
-export declare const ReviewInfo: ({ rating, author, onGoToReview, className, }: ReviewInfoProps) => JSX.Element;
+export declare const ReviewInfo: ({ rating, author, onGoToReview, className }: ReviewInfoProps) => JSX.Element;

package/desktop/components/gallery-modal/components/review-info.js

@@ -9,7 +9,7 @@ const link_1 = require("@sima-land/ui-nucleons/link");
 const rating_1 = require("@sima-land/ui-nucleons/rating");
 const classnames_1 = __importDefault(require("classnames"));
 const review_info_module_scss_1 = __importDefault(require("./review-info.module.scss"));
-const ReviewInfo = ({ rating, author, onGoToReview, className, }) => (react_1.default.createElement("div", { className: classnames_1.default(review_info_module_scss_1.default.root, className) },
+const ReviewInfo = ({ rating, author, onGoToReview, className }) => (react_1.default.createElement("div", { className: (0, classnames_1.default)(review_info_module_scss_1.default.root, className) },
     react_1.default.createElement(rating_1.Rating, { value: rating }),
     react_1.default.createElement("div", { className: review_info_module_scss_1.default.author }, author),
     onGoToReview && (react_1.default.createElement(link_1.Link, { className: review_info_module_scss_1.default.link, pseudo: true, onClick: onGoToReview, "data-testid": 'gallery-modal:go-to-review-link' }, "\u041F\u0435\u0440\u0435\u0439\u0442\u0438 \u043A \u043E\u0442\u0437\u044B\u0432\u0443"))));

package/desktop/components/gallery-modal/components/thumbnail.d.ts

@@ -8,4 +8,4 @@ export interface ThumbnailProps {
     onClick?: React.MouseEventHandler;
     className?: string;
 }
-export declare const Thumbnail: ({ type, src, alt, checked, onClick, className, }: ThumbnailProps) => JSX.Element;
+export declare const Thumbnail: ({ type, src, alt, checked, onClick, className }: ThumbnailProps) => JSX.Element;

package/desktop/components/gallery-modal/components/thumbnail.js

@@ -11,9 +11,9 @@ const bind_1 = __importDefault(require("classnames/bind"));
 const thumbnail_module_scss_1 = __importDefault(require("./thumbnail.module.scss"));
 const _360_svg_1 = __importDefault(require("../icons/360.svg"));
 const cx = bind_1.default.bind(thumbnail_module_scss_1.default);
-const Thumbnail = ({ type, src, alt, checked, onClick, className, }) => (react_1.default.createElement("button", { className: cx('root', type !== 'image' && 'iconic', checked && 'checked', className), onClick: onClick, "data-testid": 'gallery-modal:thumbnail' },
-    type === '360' && (react_1.default.createElement(_360_svg_1.default, { fill: 'currentColor' })),
-    type === 'video' && (react_1.default.createElement(play_1.default, { width: 32, height: 32, fill: 'currentColor' })),
+const Thumbnail = ({ type, src, alt, checked, onClick, className }) => (react_1.default.createElement("button", { className: cx('root', type !== 'image' && 'iconic', checked && 'checked', className), onClick: onClick, "data-testid": 'gallery-modal:thumbnail' },
+    type === '360' && react_1.default.createElement(_360_svg_1.default, { fill: 'currentColor' }),
+    type === 'video' && react_1.default.createElement(play_1.default, { width: 32, height: 32, fill: 'currentColor' }),
     src && (react_1.default.createElement(image_overlay_1.ImageOverlay, { className: cx('image-overlay') },
         react_1.default.createElement("img", { src: src, alt: alt })))));
 exports.Thumbnail = Thumbnail;

package/desktop/components/gallery-modal/utils.d.ts

@@ -11,6 +11,6 @@ export declare const useImagesLoad: (srcList: string[]) => boolean;
  * @param options Опции.
  * @return Размер или null.
  */
-export declare const useRectFit: (areaRef: React.RefObject<HTMLDivElement | null>, { correction, }: {
+export declare const useRectFit: (areaRef: React.RefObject<HTMLDivElement | null>, { correction }: {
     correction: number;
 }) => number | null;

package/desktop/components/gallery-modal/utils.js

@@ -12,8 +12,8 @@ const on_1 = __importDefault(require("@sima-land/ui-nucleons/helpers/on"));
  * @return Загружены ли все фото.
  */
 const useImagesLoad = (srcList) => {
-    const [loadedCount, setLoadedCount] = react_1.useState(0);
-    react_1.useEffect(() => {
+    const [loadedCount, setLoadedCount] = (0, react_1.useState)(0);
+    (0, react_1.useEffect)(() => {
         srcList.forEach(src => {
             const image = new Image();
             image.onload = () => setLoadedCount(c => c + 1);
@@ -30,9 +30,9 @@ exports.useImagesLoad = useImagesLoad;
  * @param options Опции.
  * @return Размер или null.
  */
-const useRectFit = (areaRef, { correction, }) => {
-    const [size, setSize] = react_1.useState(null);
-    react_1.useEffect(() => {
+const useRectFit = (areaRef, { correction }) => {
+    const [size, setSize] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
         const calcSquareSize = () => {
             if (areaRef.current) {
                 const availWidth = areaRef.current.clientWidth;
@@ -46,7 +46,7 @@ const useRectFit = (areaRef, { correction, }) => {
             }
         };
         calcSquareSize();
-        return on_1.default(window, 'resize', () => window.requestAnimationFrame(calcSquareSize));
+        return (0, on_1.default)(window, 'resize', () => window.requestAnimationFrame(calcSquareSize));
     }, [areaRef]);
     return size;
 };

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

@@ -80,7 +80,7 @@ export default class ItemImage extends Component<ItemImageProps, any> {
      * @param {Function} onClick Колбэк на клик по изображению.
      * @return {Object} Свойства для компонента.
      */
-    getImage: ({ src, alt, }: any, onClick: any) => JSX.Element;
+    getImage: ({ src, alt }: any, onClick: any) => JSX.Element;
     /**
      * @inheritdoc
      */

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

@@ -25,7 +25,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const link_1 = require("@sima-land/ui-nucleons/link");
 const bind_1 = __importDefault(require("classnames/bind"));
-const isFunction_1 = __importDefault(require("lodash/isFunction"));
+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 eighteen_plus_svg_1 = __importDefault(require("../../../common/icons/eighteen-plus.svg"));
@@ -84,12 +84,12 @@ class ItemImage extends react_1.Component {
          * @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.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 = react_1.createRef();
-        this.imageWrapper = react_1.createRef();
+        this.image = (0, react_1.createRef)();
+        this.imageWrapper = (0, react_1.createRef)();
         this.bootStartTime = Date.now();
     }
     /**
@@ -98,7 +98,7 @@ class ItemImage extends react_1.Component {
     componentDidMount() {
         const img = this.image.current;
         const { onLoadImage } = this.props;
-        if (img && img.complete && isFunction_1.default(onLoadImage)) {
+        if (img && img.complete && (0, lodash_1.isFunction)(onLoadImage)) {
             onLoadImage(Date.now() - this.bootStartTime);
         }
     }
@@ -120,15 +120,14 @@ class ItemImage extends react_1.Component {
                             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)),
+                    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, { items: badges }))),
             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) })),
+            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 })))))));
+                react_1.default.createElement("div", { className: cx('selection-circle') }, selectionProps.isSelected && react_1.default.createElement(selected_svg_1.default, { width: 56, height: 56 }))))));
     }
 }
 exports.default = ItemImage;