@sima-land/moleculas 15.6.0 → 16.0.0-alpha.0

package/common/components/badge/index.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

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

@@ -18,6 +18,11 @@ export declare const BadgeList: {
     ({ children, className, lineLimit, style }: BadgeListProps): JSX.Element;
     Slot: typeof BadgeListSlot;
 };
+/**
+ * Слот для вывода Badge с произвольной оберткой.
+ * @param props Свойства.
+ * @return Элемент.
+ */
 declare function BadgeListSlot({ children }: {
     children?: ReactNode;
 }): JSX.Element;

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

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -44,6 +48,11 @@ const BadgeList = ({ children, className, lineLimit, style }) => (react_1.defaul
     }
 })));
 exports.BadgeList = BadgeList;
+/**
+ * Слот для вывода Badge с произвольной оберткой.
+ * @param props Свойства.
+ * @return Элемент.
+ */
 function BadgeListSlot({ children }) {
     return react_1.default.createElement("div", { className: cx('item') }, children);
 }

package/common/components/intractive-image/interactive-image.d.ts

@@ -1,6 +1,11 @@
 import React, { AnchorHTMLAttributes } from 'react';
 import { InteractiveImageProps, InteractiveImageImageProps, InteractiveImagePointProps } from './types';
 export declare const InteractiveImage: React.ForwardRefExoticComponent<InteractiveImageProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Обертка-ссылка для картинки.
+ * @param props Свойства.
+ * @return Элемент.
+ */
 declare function ImageAnchor({ children, className, ...rest }: AnchorHTMLAttributes<HTMLAnchorElement>): JSX.Element;
 export declare const Parts: {
     readonly ImageAnchor: typeof ImageAnchor;

package/common/components/intractive-image/interactive-image.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -47,6 +51,10 @@ exports.InteractiveImage = (0, react_1.forwardRef)((_a, ref) => {
     return (react_1.default.createElement("div", Object.assign({ ref: ref, className: rootClassName }, rest, { "data-testid": testId }), react_1.Children.toArray(children).filter(child => (0, react_1.isValidElement)(child) &&
         (child.type === ImageAnchor || child.type === Image || child.type === Point))));
 });
+/**
+ * Проверка валидности содержимого, переданного в InteractiveImage.
+ * @param children Содержимое.
+ */
 function validateChildren(children) {
     let counter = 0;
     for (const child of react_1.Children.toArray(children)) {
@@ -58,14 +66,29 @@ function validateChildren(children) {
         }
     }
 }
+/**
+ * Обертка-ссылка для картинки.
+ * @param props Свойства.
+ * @return Элемент.
+ */
 function ImageAnchor(_a) {
     var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
     return (react_1.default.createElement("a", Object.assign({}, rest, { className: cx('image-anchor', className), "data-testid": 'interactive-image:image-anchor' }), react_1.Children.toArray(children).filter(child => (0, react_1.isValidElement)(child) && child.type === Image)));
 }
+/**
+ * Изображение на котором будут располагаться точки.
+ * @param props Свойства.
+ * @return Элемент.
+ */
 const Image = (0, react_1.forwardRef)((_a, ref) => {
     var { className, 'data-testid': testId = 'interactive-image:image' } = _a, rest = __rest(_a, ["className", 'data-testid']);
     return (react_1.default.createElement("img", Object.assign({ ref: ref, className: cx('image', className), "data-testid": testId }, rest)));
 });
+/**
+ * Точка которая будет располагаться на изображении.
+ * @param props Свойства.
+ * @return Элемент.
+ */
 const Point = (0, react_1.forwardRef)((_a, ref) => {
     var { x, y, className, style, 'data-testid': testId = 'interactive-image:point' } = _a, rest = __rest(_a, ["x", "y", "className", "style", 'data-testid']);
     return (react_1.default.createElement("a", Object.assign({ ref: ref, "aria-label": '\u0422\u043E\u0447\u043A\u0430 \u043D\u0430 \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0438', "data-testid": testId, className: cx('point', className), style: Object.assign(Object.assign({}, style), { top: `${y}%`, left: `${x}%` }) }, rest)));

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

@@ -7,5 +7,10 @@ export declare const UNAVAILABLE_REASON: {
     readonly unavailableInRegion: "Товар недоступен в вашем регионе";
     readonly onlyForLegalEntities: "Товар доступен только для юридических лиц";
 };
+/**
+ * Блок информации о товаре по дизайн-гайдам.
+ * @param props Свойства.
+ * @return Элемент.
+ */
 export declare const ProductInfo: ({ restriction, children }: ProductInfoProps) => JSX.Element;
 export { Parts };

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

@@ -14,6 +14,11 @@ exports.UNAVAILABLE_REASON = {
     unavailableInRegion: 'Товар недоступен в вашем регионе',
     onlyForLegalEntities: 'Товар доступен только для юридических лиц',
 };
+/**
+ * Блок информации о товаре по дизайн-гайдам.
+ * @param props Свойства.
+ * @return Элемент.
+ */
 const ProductInfo = ({ restriction, children }) => {
     const { image, badges, prices, title, trademark, footer, secondaryInfo, ratingCounter } = (0, define_slots_1.defineSlots)(children, {
         image: parts_1.Parts.Image,

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

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { LinkProps } from '@sima-land/ui-nucleons/link';
-import { HintProps } from '@sima-land/ui-nucleons/hint';
+import { HintProps } from '@sima-land/ui-nucleons/hint-deprecated';
 import { StrokedSVGProps } from '@sima-land/ui-nucleons/stroked-svg';
 import { BadgeListProps } from '../badge-list';
 import { RatingCounterProps } from '../rating-counter';
@@ -12,9 +12,19 @@ export interface ImageProps {
     children?: React.ReactNode;
     opacity?: number;
 }
+/**
+ * Дополнительный контент после заголовка.
+ * @param props Свойства.
+ * @return Элемент.
+ */
 declare function SecondaryInfo({ children }: {
     children: ReactNode;
 }): JSX.Element;
+/**
+ * Счетчик рейтинга.
+ * @param props Свойства.
+ * @return Элемент.
+ */
 declare function CustomRatingCounter({ className, ...rest }: RatingCounterProps): JSX.Element;
 export declare const Parts: {
     readonly Image: ({ src, alt, href, onClick, children, opacity }: ImageProps) => JSX.Element;

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

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -107,7 +111,8 @@ const Title = ({ children, href, onClick }) => {
     const { restriction } = (0, react_1.useContext)(utils_1.ProductInfoContext);
     return restriction === 'adult' ? (react_1.default.createElement("span", { className: cx('adult-info'), "data-testid": 'product-info:adult-warning' }, "\u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435, \u0447\u0442\u043E \u0432\u044B \u0441\u0442\u0430\u0440\u0448\u0435 18 \u043B\u0435\u0442, \u0447\u0442\u043E\u0431\u044B \u043F\u043E\u0441\u043C\u043E\u0442\u0440\u0435\u0442\u044C \u0442\u043E\u0432\u0430\u0440.")) : (react_1.default.createElement(link_1.Link, { onClick: onClick, className: cx('link', 'line-clamp'), href: href, color: 'basic-gray87', "data-testid": 'product-info:name-link' }, children));
 };
-/** Слот для вывода ссылки торговой марки.
+/**
+ * Слот для вывода ссылки торговой марки.
  * @param props Свойства.
  * @return Элемент.
  */
@@ -166,9 +171,19 @@ const WaitListAddedLink = (_a) => {
             '\u00A0',
             "\u043E\u0436\u0438\u0434\u0430\u043D\u0438\u044F")));
 };
+/**
+ * Дополнительный контент после заголовка.
+ * @param props Свойства.
+ * @return Элемент.
+ */
 function SecondaryInfo({ children }) {
     return react_1.default.createElement("div", { className: cx('secondary-info') }, children);
 }
+/**
+ * Счетчик рейтинга.
+ * @param props Свойства.
+ * @return Элемент.
+ */
 function CustomRatingCounter(_a) {
     var { className } = _a, rest = __rest(_a, ["className"]);
     return react_1.default.createElement(rating_counter_1.RatingCounter, Object.assign({ size: 'unset', className: cx('rating', className), hoverDisabled: true }, rest));

package/common/components/rating-counter/index.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
-export declare type RatingCounterSize = 's' | 'm' | 'unset';
+export type RatingCounterSize = 's' | 'm' | 'unset';
 interface CustomProps {
     /**
      * Размер.
@@ -15,7 +15,7 @@ interface CustomProps {
     /** Идентификатор для систем автоматизированного тестирования. */
     'data-testid'?: string;
 }
-export declare type RatingCounterProps = CustomProps & Omit<HTMLAttributes<HTMLDivElement>, keyof CustomProps>;
+export type RatingCounterProps = CustomProps & Omit<HTMLAttributes<HTMLDivElement>, keyof CustomProps>;
 /**
  * Счетчик рейтинга.
  * @param props Свойства.

package/common/types.d.ts

@@ -1 +1 @@
-export declare type ModifierType = 'text' | 'image' | 'color';
+export type ModifierType = 'text' | 'image' | 'color';

package/desktop/components/breadcrumbs/index.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/desktop/components/gallery-modal/components/all-round-view.d.ts

@@ -2,4 +2,9 @@
 export interface AllRoundViewProps {
     photos: string[];
 }
+/**
+ * 3д-просмотр.
+ * @param props Свойства.
+ * @return Элемент.
+ */
 export declare const AllRoundView: ({ photos }: AllRoundViewProps) => JSX.Element;

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

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -35,11 +39,17 @@ const pause_svg_1 = __importDefault(require("../icons/pause.svg"));
 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);
+/**
+ * 3д-просмотр.
+ * @param props Свойства.
+ * @return Элемент.
+ */
 const AllRoundView = ({ photos }) => {
     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';
+    // eslint-disable-next-line require-jsdoc
     const ChangeState = (bindState) => () => setState(bindState);
     const [index, setIndex] = (0, react_1.useState)(0);
     const indexRef = (0, identity_1.useIdentityRef)(index);
@@ -57,6 +67,7 @@ const AllRoundView = ({ photos }) => {
     // перетаскивание
     (0, react_1.useEffect)(() => {
         // переданное число всегда замениться на такое, которое будет в промежутке от 0 до количества фото
+        // eslint-disable-next-line require-jsdoc
         const wrap = (value) => (photos.length + value) % photos.length;
         const image = imageRef.current;
         const imageWidth = image.clientWidth;

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

@@ -18,4 +18,9 @@ export interface GalleryModalProps extends Pick<ModalProps, 'withScrollDisable'
     /** Будет вызвана при событиях проигрывания видео. */
     onVideoEvent?: (event: React.SyntheticEvent<HTMLVideoElement>) => void;
 }
+/**
+ * Полноэкранное модальное окно галереи фото/видео.
+ * @param props Свойства.
+ * @return Элемент.
+ */
 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

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -48,6 +52,11 @@ const utils_1 = require("../utils");
 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);
+/**
+ * Полноэкранное модальное окно галереи фото/видео.
+ * @param props Свойства.
+ * @return Элемент.
+ */
 const GalleryModal = ({ media, defaultMediaIndex = 0, review, onClose, onGoToReview, onMediaChange, withScrollDisable, scrollDisableOptions, onVideoEvent, }) => {
     const [currentIndex, setCurrent] = (0, react_1.useState)(defaultMediaIndex);
     const rootRef = (0, react_1.useRef)(null);
@@ -83,6 +92,11 @@ const GalleryModal = ({ media, defaultMediaIndex = 0, review, onClose, onGoToRev
             size !== null && (react_1.default.createElement("div", { className: cx('footer'), style: style }, review && react_1.default.createElement(review_info_1.ReviewInfo, Object.assign({}, review, { onGoToReview: onGoToReview })))))));
 };
 exports.GalleryModal = GalleryModal;
+/**
+ * Изображение или видео.
+ * @param props Свойства.
+ * @return Элемент.
+ */
 const Media = (_a) => {
     var { onVideoEvent } = _a, media = __rest(_a, ["onVideoEvent"]);
     return (react_1.default.createElement("div", { className: cx('media') },

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

@@ -1,21 +1,22 @@
 @use 'node_modules/@sima-land/ui-nucleons/colors';
+@use 'node_modules/@sima-land/ui-nucleons/utils';
 
 .root {
+  --header-height: 80px;
   position: relative;
   height: calc(100vh - var(--header-height));
   display: flex;
   flex-direction: column;
-  // box-shadow: inset 0 0 0 6px #f00;
 }
 
 .main {
   position: relative;
-  // box-shadow: inset 0 0 0 6px #0f0;
   width: 100%;
   height: var(--area-height);
 }
 
 .thumbnails {
+  @include utils.semi-stylized-scrollbars;
   width: 104px;
   height: 100%;
   overflow-x: hidden;
@@ -81,5 +82,4 @@
   left: 0;
   right: 0;
   margin-top: auto;
-  // background-color: #ff000024;
 }

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

@@ -1,3 +1,8 @@
 import React from 'react';
-export declare type ImageOverlayProps = React.HTMLAttributes<HTMLDivElement>;
+export type ImageOverlayProps = React.HTMLAttributes<HTMLDivElement>;
+/**
+ * Полупрозрачный слой над картинкой по дизайн-гайдам.
+ * @param props Свойства.
+ * @return Элемент.
+ */
 export declare const ImageOverlay: ({ className, children, ...restProps }: ImageOverlayProps) => JSX.Element;

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

@@ -18,6 +18,11 @@ exports.ImageOverlay = void 0;
 const react_1 = __importDefault(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const image_overlay_module_scss_1 = __importDefault(require("./image-overlay.module.scss"));
+/**
+ * Полупрозрачный слой над картинкой по дизайн-гайдам.
+ * @param props Свойства.
+ * @return Элемент.
+ */
 const ImageOverlay = (_a) => {
     var { className, children } = _a, restProps = __rest(_a, ["className", "children"]);
     return (react_1.default.createElement("div", Object.assign({ className: (0, classnames_1.default)(image_overlay_module_scss_1.default.root, className) }, restProps), children));

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

@@ -8,4 +8,9 @@ export interface ReviewInfoProps {
     className?: string;
     loading?: boolean;
 }
+/**
+ * Отзыв.
+ * @param props Свойства.
+ * @return Элемент.
+ */
 export declare const ReviewInfo: ({ rating, author, onGoToReview, content, className, notAffectRating, loading, }: ReviewInfoProps) => JSX.Element;

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

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -32,6 +36,11 @@ const on_1 = __importDefault(require("@sima-land/ui-nucleons/helpers/on"));
 const shadows_1 = require("@sima-land/ui-nucleons/styling/shadows");
 const custom_scrollbar_1 = require("@sima-land/ui-nucleons/_internal/custom-scrollbar");
 const cx = bind_1.default.bind(review_info_module_scss_1.default);
+/**
+ * Отзыв.
+ * @param props Свойства.
+ * @return Элемент.
+ */
 const ReviewInfo = ({ rating, author, onGoToReview, content, className, notAffectRating, loading, }) => {
     const [clamped, setClamped] = (0, react_1.useState)(false);
     const [opened, setOpened] = (0, react_1.useState)(false);
@@ -67,9 +76,18 @@ const ReviewInfo = ({ rating, author, onGoToReview, content, className, notAffec
                 react_1.default.createElement(link_1.Link, { pseudo: true, onClick: () => setOpened(true), "data-testid": 'review-info:expand' }, "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043F\u043E\u043B\u043D\u043E\u0441\u0442\u044C\u044E")))))));
 };
 exports.ReviewInfo = ReviewInfo;
+/**
+ * Оступы для блоков отзыва.
+ * @param props Свойства.
+ * @return Элемент.
+ */
 function Layout({ className, children }) {
     return react_1.default.createElement("div", { className: cx(className, 'layout') }, children);
 }
+/**
+ * Отображение загрузки данных отзыва.
+ * @return Элемент.
+ */
 function LoadingView() {
     return (react_1.default.createElement("div", { className: cx('loading') },
         react_1.default.createElement("div", { className: cx('head') },

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

@@ -8,4 +8,9 @@ export interface ThumbnailProps {
     onClick?: React.MouseEventHandler;
     className?: string;
 }
+/**
+ * Превью медиа.
+ * @param props Свойства.
+ * @return Элемент.
+ */
 export declare const Thumbnail: ({ type, src, alt, checked, onClick, className }: ThumbnailProps) => JSX.Element;

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

@@ -11,6 +11,11 @@ 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);
+/**
+ * Превью медиа.
+ * @param props Свойства.
+ * @return Элемент.
+ */
 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' }),

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

@@ -1,9 +1,9 @@
-export declare type MediaType = 'image' | 'video' | '360';
+export type MediaType = 'image' | 'video' | '360';
 export interface MediaShape<T extends string, D extends Record<string, any>> {
     type: T;
     data: D;
 }
-export declare type MediaData = MediaShape<'image', {
+export type MediaData = MediaShape<'image', {
     src: string;
     thumbnailSrc?: string;
     alt?: string;

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

@@ -33,7 +33,8 @@ exports.useImagesLoad = useImagesLoad;
 const useSquareFit = (areaRef, { hasReview }) => {
     const [size, setSize] = (0, react_1.useState)(null);
     (0, react_1.useEffect)(() => {
-        function calc() {
+        // eslint-disable-next-line require-jsdoc
+        const calc = () => {
             if (areaRef.current) {
                 const correction = 2 * (104 + 16 + 56 + 24); // ширина превью + отступ + ширина кнопки + отступ
                 // доступная область в которую можно вписать **квадрат**
@@ -41,7 +42,7 @@ const useSquareFit = (areaRef, { hasReview }) => {
                 const availHeight = areaRef.current.clientHeight - (hasReview ? 140 : 40); // вычитаем высоту футера
                 setSize(Math.min(availWidth, availHeight));
             }
-        }
+        };
         calc();
         return (0, on_1.default)(window, 'resize', () => window.requestAnimationFrame(calc));
     }, [areaRef, hasReview]);

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

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

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

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -58,4 +62,9 @@ const ModifiersGroup = ({ children, defaultOpened = false, onShowAll, }) => {
 };
 exports.ModifiersGroup = ModifiersGroup;
 const GroupItem = (0, react_1.forwardRef)(({ children, hidden, invisible }, ref) => (react_1.default.createElement("div", { ref: ref, className: cx('item', { hidden, invisible }), "data-testid": 'modifier-group:item' }, children)));
+/**
+ * Кнопка показа скрытых модификаторов.
+ * @param props Свойства.
+ * @return Элемент.
+ */
 const OpenButton = ({ count, onClick }) => (react_1.default.createElement(button_1.ModifierButton, { squared: true, onClick: onClick, content: `+${count}`, className: cx('opener'), "data-testid": 'modifier-group:show-all-button' }));

package/desktop/components/{person-modal → person-info}/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ModalProps } from '@sima-land/ui-nucleons/modal';
-export interface PersonModalProps {
+interface PersonInfoProps {
     /** Имя. */
     name: string;
     /** Должность. */
@@ -23,6 +23,8 @@ export interface PersonModalProps {
     secondPhoneText?: string;
     /** Свойства ссылки под именем. */
     arbitraryLinkProps?: any;
+}
+export interface PersonModalProps extends PersonInfoProps {
     /** Сработает при нажатии на кнопку "Закрыть". */
     onClose: () => void;
     /** Нужно ли блокировать прокрутку пока открыто окно. */
@@ -31,8 +33,9 @@ export interface PersonModalProps {
     scrollDisableOptions?: ModalProps['scrollDisableOptions'];
 }
 /**
- * Компонент модального окна сотрудника.
+ * Информация о персоне.
  * @param props Свойства.
  * @return Элемент.
  */
-export declare const PersonModal: ({ name, appointment, photoUrl, email, skype, social, phoneHref, phoneText, secondPhoneHref, secondPhoneText, arbitraryLinkProps, onClose, withScrollDisable, scrollDisableOptions, }: PersonModalProps) => JSX.Element;
+export declare function PersonInfo({ name, appointment, photoUrl, email, skype, social, phoneHref, phoneText, secondPhoneHref, secondPhoneText, arbitraryLinkProps, }: PersonInfoProps): JSX.Element;
+export {};

package/desktop/components/person-info/index.js

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PersonInfo = void 0;
+const react_1 = __importDefault(require("react"));
+const user_1 = require("@sima-land/ui-nucleons/avatar/user");
+const box_1 = require("@sima-land/ui-nucleons/box");
+const text_1 = require("@sima-land/ui-nucleons/text");
+const link_1 = require("@sima-land/ui-nucleons/link");
+const bind_1 = __importDefault(require("classnames/bind"));
+const person_info_module_scss_1 = __importDefault(require("./person-info.module.scss"));
+const cx = bind_1.default.bind(person_info_module_scss_1.default);
+/**
+ * Информация о персоне.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function PersonInfo({ name, appointment, photoUrl, email, skype, social, phoneHref, phoneText, secondPhoneHref, secondPhoneText, arbitraryLinkProps, }) {
+    return (react_1.default.createElement("div", { className: cx('main') },
+        react_1.default.createElement(box_1.Box, { marginBottom: 6 },
+            react_1.default.createElement(user_1.UserAvatar, { title: name, imageUrl: photoUrl, size: 104 })),
+        react_1.default.createElement(box_1.Box, { marginBottom: 1 },
+            react_1.default.createElement(text_1.Text, { color: 'basic-gray38', size: 14, weight: 400 }, appointment)),
+        react_1.default.createElement("div", { className: cx('name') }, name),
+        arbitraryLinkProps && (react_1.default.createElement(box_1.Box, { marginTop: 2 },
+            react_1.default.createElement(text_1.Text, { size: 12, weight: 600 },
+                react_1.default.createElement(link_1.Link, Object.assign({}, arbitraryLinkProps))))),
+        react_1.default.createElement("div", { className: cx('contacts') },
+            email && (react_1.default.createElement("span", { className: cx('contacts-item') },
+                'Email: ',
+                react_1.default.createElement(link_1.Link, { color: 'basic-gray87', href: `mailto:${email}`, children: email }))),
+            Array.isArray(social) && social.length > 0 && (react_1.default.createElement("span", { className: cx('contacts-item') },
+                "\u0421\u043E\u0446. \u0441\u0435\u0442\u0438:",
+                ' ',
+                social.map((props, key) => (react_1.default.createElement(link_1.Link, Object.assign({ className: cx('inline'), key: key, color: 'basic-gray87', target: '_blank', rel: 'nofollow' }, props)))))),
+            skype && (react_1.default.createElement("span", { className: cx('contacts-item') },
+                'Skype: ',
+                react_1.default.createElement(link_1.Link, { color: 'basic-gray87', href: `skype:${skype}`, children: skype }))),
+            phoneText && (react_1.default.createElement("span", { className: cx('contacts-item') },
+                react_1.default.createElement(link_1.Link, { color: 'basic-gray87', href: phoneHref, children: phoneText }))),
+            secondPhoneText && (react_1.default.createElement("span", { className: cx('contacts-item') },
+                react_1.default.createElement(link_1.Link, { color: 'basic-gray87', href: secondPhoneHref, children: secondPhoneText }))))));
+}
+exports.PersonInfo = PersonInfo;