@sima-land/moleculas 12.1.0 → 12.3.1

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

@@ -55,13 +55,13 @@ const PromotionName = {
 const PromotionCard = (_a) => {
     var { promotionType, href, imageSrc, title, subtitle, dueDate, volumeDiscount, postfix = promotionType ? PromotionName[promotionType] : undefined, 
     // div props
-    className } = _a, restProps = __rest(_a, ["promotionType", "href", "imageSrc", "title", "subtitle", "dueDate", "volumeDiscount", "postfix", "className"]);
+    className, 'data-testid': testId = 'promotion-card' } = _a, restProps = __rest(_a, ["promotionType", "href", "imageSrc", "title", "subtitle", "dueDate", "volumeDiscount", "postfix", "className", 'data-testid']);
     // время нужно выводить только на клиенте - вводим состояние
-    const [mounted, setMounted] = react_1.useState(false);
-    react_1.useEffect(() => {
+    const [mounted, setMounted] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
         setMounted(true);
     }, []);
-    return (react_1.default.createElement("div", Object.assign({ className: classnames_1.default(className, index_module_scss_1.default.root) }, restProps),
+    return (react_1.default.createElement("div", Object.assign({ className: (0, classnames_1.default)(className, index_module_scss_1.default.root) }, restProps, { "data-testid": testId }),
         react_1.default.createElement("a", { href: href, className: index_module_scss_1.default.link },
             react_1.default.createElement("div", { className: index_module_scss_1.default.banner },
                 react_1.default.createElement("img", { src: imageSrc, alt: title, className: index_module_scss_1.default.image }),
@@ -70,12 +70,12 @@ const PromotionCard = (_a) => {
             react_1.default.createElement("div", { className: index_module_scss_1.default.info },
                 react_1.default.createElement("div", { className: index_module_scss_1.default.header },
                     react_1.default.createElement("h4", { className: index_module_scss_1.default.title }, title),
-                    subtitle && (react_1.default.createElement("p", { className: index_module_scss_1.default.subtitle }, subtitle))),
+                    subtitle && react_1.default.createElement("p", { className: index_module_scss_1.default.subtitle }, subtitle)),
                 react_1.default.createElement("div", { className: index_module_scss_1.default.footer },
-                    mounted && (react_1.default.createElement("time", { className: index_module_scss_1.default.timer },
+                    mounted && (react_1.default.createElement("time", { className: index_module_scss_1.default.timer, "data-testid": 'promotion-card:due-date' },
                         react_1.default.createElement(watch_1.default, { className: index_module_scss_1.default['timer-svg'] }),
                         react_1.default.createElement(estimate_1.Estimate, { dueDate: dueDate }))),
-                    postfix && (react_1.default.createElement("div", { className: index_module_scss_1.default.postfix }, postfix)))))));
+                    postfix && (react_1.default.createElement("div", { "data-testid": 'promotion-card:postfix', className: index_module_scss_1.default.postfix }, postfix)))))));
 };
 exports.PromotionCard = PromotionCard;
 exports.PromotionCard.Placeholder = placeholder_1.PromotionCardPlaceholder;

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

@@ -6,7 +6,7 @@
 .root {
   background: #fff;
   border-radius: 8px;
-  transition: transform .2s ease-out, box-shadow .2s ease-out;
+  transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
   @extend .shadow-z3;
   &:hover {
     transform: translateY(-8px);
@@ -41,7 +41,7 @@
   width: 100%;
   height: 100%;
   object-fit: cover;
-  transition: transform .2s ease-out;
+  transition: transform 0.2s ease-out;
 }
 
 .banner-content {

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

@@ -12,8 +12,8 @@ const classnames_1 = __importDefault(require("classnames"));
  * @param props Свойства div.
  * @return Элемент.
  */
-const PromotionCardPlaceholder = (props) => (react_1.default.createElement("div", Object.assign({}, props),
-    react_1.default.createElement("div", { className: classnames_1.default(placeholder_module_scss_1.default.part, placeholder_module_scss_1.default.banner) }),
-    react_1.default.createElement("div", { className: classnames_1.default(placeholder_module_scss_1.default.part, placeholder_module_scss_1.default.text) }),
-    react_1.default.createElement("div", { className: classnames_1.default(placeholder_module_scss_1.default.part, placeholder_module_scss_1.default.text) })));
+const PromotionCardPlaceholder = (props) => (react_1.default.createElement("div", Object.assign({ "data-testid": 'promotion-card:placeholder' }, props),
+    react_1.default.createElement("div", { className: (0, classnames_1.default)(placeholder_module_scss_1.default.part, placeholder_module_scss_1.default.banner) }),
+    react_1.default.createElement("div", { className: (0, classnames_1.default)(placeholder_module_scss_1.default.part, placeholder_module_scss_1.default.text) }),
+    react_1.default.createElement("div", { className: (0, classnames_1.default)(placeholder_module_scss_1.default.part, placeholder_module_scss_1.default.text) })));
 exports.PromotionCardPlaceholder = PromotionCardPlaceholder;

package/mobile/components/garland-calculator-button/garland-calculator-button.module.scss

@@ -1,4 +1,4 @@
 .wrapper {
-  box-shadow: 0 8px 16px rgba(0, 0, 0, .08), 0 0 4px rgba(0, 0, 0, .04);
+  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08), 0 0 4px rgba(0, 0, 0, 0.04);
   border-radius: 8px;
 }

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

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

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

@@ -24,7 +24,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const link_1 = require("@sima-land/ui-nucleons/link");
-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 bind_1 = __importDefault(require("classnames/bind"));
 const badge_list_1 = require("../../../common/components/badge-list");
@@ -57,8 +57,8 @@ 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.image = react_1.createRef();
+        this.getImage = ({ src, alt }, onClick) => (react_1.default.createElement("img", { className: cx('image'), src: src, alt: alt, ref: this.image, onClick: onClick }));
+        this.image = (0, react_1.createRef)();
         this.bootStartTime = Date.now();
     }
     /**
@@ -67,7 +67,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);
         }
     }
@@ -80,9 +80,7 @@ class ItemImage extends react_1.Component {
             withBlur && (react_1.default.createElement("div", { className: cx('with-blur') },
                 react_1.default.createElement(eighteen_plus_svg_1.default, { width: 124, height: 124 }))),
             react_1.default.createElement("div", { className: cx('image-wrapper') },
-                react_1.default.createElement(link_1.Link, { href: itemUrl }, withBlur
-                    ? (react_1.default.createElement("div", { className: cx('with-filter-blur'), children: this.getImage({ src, alt }, onClick) }))
-                    : this.getImage({ src, alt }, onClick))),
+                react_1.default.createElement(link_1.Link, { href: itemUrl }, withBlur ? (react_1.default.createElement("div", { className: cx('with-filter-blur'), children: this.getImage({ src, alt }, onClick) })) : (this.getImage({ src, alt }, onClick)))),
             Array.isArray(badges) && Boolean(badges.length) && !withBlur && (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 === null || wishProps === void 0 ? void 0 : wishProps.isWished, className: wishProps === null || wishProps === void 0 ? void 0 : wishProps.className, onClick: wishProps === null || wishProps === void 0 ? void 0 : wishProps.onClick, disabled: isFetchingWishItems }))));

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

@@ -42,7 +42,7 @@
       left: 0;
       right: 0;
       bottom: 0;
-      background-color: rgba(0, 0, 0, .04);
+      background-color: rgba(0, 0, 0, 0.04);
     }
   }
 }
@@ -68,12 +68,12 @@
   left: -5px;
   width: calc(100% + 10px);
   height: calc(100% + 10px);
-  background: rgba(255, 255, 255, .5);
+  background: rgba(255, 255, 255, 0.5);
   z-index: 10;
   display: flex;
   justify-content: center;
   align-items: center;
   @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
-    background: rgba(255, 255, 255, .95);
+    background: rgba(255, 255, 255, 0.95);
   }
 }

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

@@ -17,6 +17,6 @@ export interface ModifierListProps {
  * @param props.wrapperProps Свойства блока-обертки.
  * @param props.itemsContainerProps Свойства блока-обертки списка модификаторов.
  * @param props.onItemClick Обработчик клика на модификатор.
- * @return Компонент списка модификаторов.
+ * @return Элемент.
  */
 export declare const ModifiersList: ({ items, currencyGrapheme, sizesTableUrl, wrapperProps, itemsContainerProps, onItemClick, }: ModifierListProps) => JSX.Element;

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

@@ -20,7 +20,7 @@ const cx = bind_1.default.bind(modifiers_list_module_scss_1.default);
  * @param props.wrapperProps Свойства блока-обертки.
  * @param props.itemsContainerProps Свойства блока-обертки списка модификаторов.
  * @param props.onItemClick Обработчик клика на модификатор.
- * @return Компонент списка модификаторов.
+ * @return Элемент.
  */
 const ModifiersList = ({ items, currencyGrapheme, sizesTableUrl, wrapperProps, itemsContainerProps, onItemClick, }) => (react_1.default.createElement("div", Object.assign({}, wrapperProps),
     sizesTableUrl && (react_1.default.createElement("div", { className: cx('sizes-table-wrapper') },

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

@@ -26,13 +26,13 @@ exports.cx = bind_1.default.bind(modifier_item_module_scss_1.default);
  * @param props.onClick Обработчик клика на модификатор.
  * @return Элемент.
  */
-const ModifierItem = ({ name, selected, type = 'text', color, image, price, currencyGrapheme, additionalText, onClick, }) => (react_1.default.createElement("div", { onClick: onClick, className: exports.cx('wrapper', selected && 'selected') },
-    Boolean(type === constants_1.MODIFIERS_TYPES.image && image) && (react_1.default.createElement("img", { className: exports.cx('adornment'), src: image, alt: name })),
-    Boolean(type === constants_1.MODIFIERS_TYPES.color && color) && (react_1.default.createElement("div", { className: exports.cx('adornment', 'color'), style: { backgroundColor: color } })),
-    react_1.default.createElement("div", { className: exports.cx('info') },
-        react_1.default.createElement("span", { className: exports.cx('name') }, name),
-        Boolean(price) && (react_1.default.createElement(price_1.Price, { value: price, currencyGrapheme: currencyGrapheme, className: exports.cx('price', additionalText && 'additional') })),
+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 } })),
+    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') })),
         Boolean(additionalText) && (react_1.default.createElement(text_1.Text, { color: 'gray38', children: additionalText, size: 12, lineHeight: 16 }))),
-    react_1.default.createElement("div", { className: exports.cx('icon-wrapper') }, selected && (react_1.default.createElement("div", { className: exports.cx('icon') },
+    react_1.default.createElement("div", { className: (0, exports.cx)('icon-wrapper') }, selected && (react_1.default.createElement("div", { className: (0, exports.cx)('icon') },
         react_1.default.createElement(check_1.default, { fill: '#fff', role: 'presentation' }))))));
 exports.ModifierItem = ModifierItem;

package/mobile/components/modifiers-list/modifiers-list.module.scss

@@ -19,4 +19,3 @@
   vertical-align: middle;
   height: 24px;
 }
-

package/mobile/components/person-screen/index.d.ts

@@ -35,7 +35,7 @@ export declare const PersonScreen: ({ name, appointment, photoUrl, email, skype,
  * @param props.primaryText Основной текст.
  * @param props.secondaryText Дополнительный текст.
  * @param props.icon Иконка.
- * @return Компонент блока-ссылки для связи.
+ * @return Элемент.
  */
 export declare const CommunicateLink: ({ href, primaryText, secondaryText, icon, }: {
     href?: string | undefined;

package/mobile/components/person-screen/index.js

@@ -51,8 +51,8 @@ const PersonScreen = (_a) => {
         react_1.default.createElement("div", { className: cx('avatar', 'big') },
             react_1.default.createElement(user_1.UserAvatar, { size: 104, title: name, imageUrl: photoUrl })),
         react_1.default.createElement("span", { className: cx('name') }, name),
-        Boolean(appointment) && (react_1.default.createElement("span", { className: cx('appointment') }, appointment)),
-        arbitraryLinkProps && (react_1.default.createElement("div", { className: cx('profile-url'), children: (react_1.default.createElement("a", Object.assign({ className: cx('link') }, arbitraryLinkProps))) })),
+        Boolean(appointment) && react_1.default.createElement("span", { className: cx('appointment') }, appointment),
+        arbitraryLinkProps && (react_1.default.createElement("div", { className: cx('profile-url'), children: react_1.default.createElement("a", Object.assign({ className: cx('link') }, arbitraryLinkProps)) })),
         react_1.default.createElement("div", { className: cx('items', borders_1.InnerBorder.bottom) },
             Boolean(email) && (react_1.default.createElement(exports.CommunicateLink, { href: `mailto:${email}`, primaryText: email, secondaryText: '\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430', icon: react_1.default.createElement(mail_1.default, null) })),
             Boolean(skype) && (react_1.default.createElement(exports.CommunicateLink, { href: `skype:${skype}?chat`, primaryText: skype, secondaryText: 'Skype', icon: react_1.default.createElement(skype_1.default, null) })),
@@ -67,7 +67,7 @@ exports.PersonScreen = PersonScreen;
  * @param props.primaryText Основной текст.
  * @param props.secondaryText Дополнительный текст.
  * @param props.icon Иконка.
- * @return Компонент блока-ссылки для связи.
+ * @return Элемент.
  */
 const CommunicateLink = ({ href, primaryText, secondaryText, icon, }) => (react_1.default.createElement("a", { href: href, className: cx('item', borders_1.InnerBorder.top) },
     react_1.default.createElement(box_1.Box, { flex: 'grow' },

package/mobile/components/person-screen/person-screen.module.scss

@@ -83,7 +83,6 @@
   @media (min-width: 841px) {
     max-width: 588px;
   }
-
 }
 
 .item {

package/mobile/components/product-actions-alert/index.js

@@ -19,9 +19,10 @@ const cx = bind_1.default.bind(product_actions_alert_module_scss_1.default);
  * @param props.onClose Обработчик закрытия.
  * @return Элемент.
  */
-const ProductActionsAlert = ({ buttons, alertProps, onClose }) => (react_1.default.createElement(alert_1.Alert, Object.assign({}, alertProps, { footer: (react_1.default.createElement(clean_buttons_1.Clean.Group, null,
-        react_1.default.createElement(clean_buttons_1.Clean.Button, { onClick: onClose }, "\u0417\u0430\u043A\u0440\u044B\u0442\u044C"))) }),
-    react_1.default.createElement("div", { className: cx('buttons') }, buttons && buttons.map(({ text, icon, onClick, href }, key) => (react_1.default.createElement(link_1.Link, { href: href, className: cx('button'), key: key, color: 'gray87', onClick: onClick },
-        react_1.default.createElement("div", { className: cx('icon-wrapper') }, icon),
-        text))))));
+const ProductActionsAlert = ({ buttons, alertProps, onClose }) => (react_1.default.createElement(alert_1.Alert, Object.assign({}, alertProps, { footer: react_1.default.createElement(clean_buttons_1.Clean.Group, null,
+        react_1.default.createElement(clean_buttons_1.Clean.Button, { onClick: onClose }, "\u0417\u0430\u043A\u0440\u044B\u0442\u044C")) }),
+    react_1.default.createElement("div", { className: cx('buttons') }, buttons &&
+        buttons.map(({ text, icon, onClick, href }, key) => (react_1.default.createElement(link_1.Link, { href: href, className: cx('button'), key: key, color: 'gray87', onClick: onClick },
+            react_1.default.createElement("div", { className: cx('icon-wrapper') }, icon),
+            text))))));
 exports.ProductActionsAlert = ProductActionsAlert;

package/mobile/components/product-row/index.d.ts

@@ -36,6 +36,6 @@ export interface ProductRowProps {
  * @param props.onWishButtonClick Обработчик добавления/удаления в избранное.
  * @param props.onActionsClick Обработчик нажатия на кнопку действий над товаром.
  * @param props.isFetchingWishItems Признак загрузки добавления товара в список избранного.
- * @return Компонент карточки товара.
+ * @return Элемент.
  */
 export declare const ProductRow: ({ itemUrl, imageUrl, name, sid, isWished, count, unit, initialCount, movedOrderId, notInStock, currencyGrapheme, commonPrice, itemPrice, onWishButtonClick, onActionsClick, isFetchingWishItems, }: ProductRowProps) => JSX.Element;

package/mobile/components/product-row/index.js

@@ -33,7 +33,7 @@ const cx = bind_1.default.bind(product_row_module_scss_1.default);
  * @param props.onWishButtonClick Обработчик добавления/удаления в избранное.
  * @param props.onActionsClick Обработчик нажатия на кнопку действий над товаром.
  * @param props.isFetchingWishItems Признак загрузки добавления товара в список избранного.
- * @return Компонент карточки товара.
+ * @return Элемент.
  */
 const ProductRow = ({ itemUrl, imageUrl, name, sid, isWished, count, unit, initialCount, movedOrderId, notInStock, currencyGrapheme, commonPrice, itemPrice, onWishButtonClick, onActionsClick, isFetchingWishItems, }) => (react_1.default.createElement("div", { className: cx('wrapper') },
     react_1.default.createElement("div", { className: cx('image-wrapper') },
@@ -47,29 +47,24 @@ const ProductRow = ({ itemUrl, imageUrl, name, sid, isWished, count, unit, initi
             react_1.default.createElement(text_1.Text, { color: 'gray38' },
                 "\u0410\u0440\u0442.: ",
                 sid)),
-        Boolean(initialCount)
-            && (react_1.default.createElement(box_1.Box, { marginTop: 2 },
-                react_1.default.createElement(text_1.Text, { element: 'div', size: 12 },
-                    react_1.default.createElement("div", null, `Было в заказе: ${initialCount} ${unit}`),
-                    react_1.default.createElement("div", null, `Вы получите: ${count} ${unit}`)))),
-        Boolean(itemPrice)
-            && (react_1.default.createElement(box_1.Box, { marginTop: 2 },
-                react_1.default.createElement(text_1.Text, { element: 'div', weight: 600, size: 12 },
-                    react_1.default.createElement(price_1.Price, { value: itemPrice, currencyGrapheme: currencyGrapheme }),
-                    ` × ${count} ${unit}`))),
-        Boolean(commonPrice && itemPrice)
-            && (react_1.default.createElement(box_1.Box, { marginTop: 4 },
-                react_1.default.createElement(text_1.Text, { element: 'div', weight: 600 },
-                    react_1.default.createElement(price_1.Price, { value: commonPrice, currencyGrapheme: currencyGrapheme })))),
-        Boolean(movedOrderId)
-            && (react_1.default.createElement(box_1.Box, { marginTop: 2 },
-                react_1.default.createElement(text_1.Text, { element: 'div', color: 'gray38' }, "\u041F\u0435\u0440\u0435\u043C\u0435\u0449\u0435\u043D \u0432 \u0437\u0430\u043A\u0430\u0437"),
-                react_1.default.createElement(link_1.Link, null,
-                    "\u2116",
-                    movedOrderId))),
-        notInStock
-            && (react_1.default.createElement(box_1.Box, { marginTop: 2 },
-                react_1.default.createElement(text_1.Text, { element: 'div', color: 'gray38' }, "\u041D\u0435\u0442 \u043D\u0430 \u0441\u043A\u043B\u0430\u0434\u0435")))),
+        Boolean(initialCount) && (react_1.default.createElement(box_1.Box, { marginTop: 2 },
+            react_1.default.createElement(text_1.Text, { element: 'div', size: 12 },
+                react_1.default.createElement("div", null, `Было в заказе: ${initialCount} ${unit}`),
+                react_1.default.createElement("div", null, `Вы получите: ${count} ${unit}`)))),
+        Boolean(itemPrice) && (react_1.default.createElement(box_1.Box, { marginTop: 2 },
+            react_1.default.createElement(text_1.Text, { element: 'div', weight: 600, size: 12 },
+                react_1.default.createElement(price_1.Price, { value: itemPrice, currencyGrapheme: currencyGrapheme }),
+                ` × ${count} ${unit}`))),
+        Boolean(commonPrice && itemPrice) && (react_1.default.createElement(box_1.Box, { marginTop: 4 },
+            react_1.default.createElement(text_1.Text, { element: 'div', weight: 600 },
+                react_1.default.createElement(price_1.Price, { value: commonPrice, currencyGrapheme: currencyGrapheme })))),
+        Boolean(movedOrderId) && (react_1.default.createElement(box_1.Box, { marginTop: 2 },
+            react_1.default.createElement(text_1.Text, { element: 'div', color: 'gray38' }, "\u041F\u0435\u0440\u0435\u043C\u0435\u0449\u0435\u043D \u0432 \u0437\u0430\u043A\u0430\u0437"),
+            react_1.default.createElement(link_1.Link, null,
+                "\u2116",
+                movedOrderId))),
+        notInStock && (react_1.default.createElement(box_1.Box, { marginTop: 2 },
+            react_1.default.createElement(text_1.Text, { element: 'div', color: 'gray38' }, "\u041D\u0435\u0442 \u043D\u0430 \u0441\u043A\u043B\u0430\u0434\u0435")))),
     react_1.default.createElement("div", { className: cx('action-button') },
         react_1.default.createElement(more_1.default, { onClick: onActionsClick }))));
 exports.ProductRow = ProductRow;

package/mobile/components/product-row/product-row.module.scss

@@ -51,4 +51,3 @@
     margin: -28px -20px;
   }
 }
-

package/mobile/components/product-slider/index.d.ts

@@ -15,6 +15,6 @@ export interface ProductSliderComponent {
 /**
  * Компонент мобильного слайдера рекомендованных товаров.
  * @param props Свойства компонента.
- * @return Компонент карусели рекомендаций.
+ * @return Элемент.
  */
 export declare const ProductSlider: ProductSliderComponent;

package/mobile/components/product-slider/index.js

@@ -28,22 +28,22 @@ const utils_2 = require("./utils");
 /**
  * Компонент мобильного слайдера рекомендованных товаров.
  * @param props Свойства компонента.
- * @return Компонент карусели рекомендаций.
+ * @return Элемент.
  */
 const ProductSlider = ({ children, onInViewport, onNeedRequest, }) => {
-    const rootRef = react_1.useRef(null);
-    const [mounted, setMounted] = react_1.useState(false);
+    const rootRef = (0, react_1.useRef)(null);
+    const [mounted, setMounted] = (0, react_1.useState)(false);
     // инициируем загрузку данных, когда компонент почти попал в зону видимости
-    utils_1.useViewport(rootRef, onNeedRequest, {
+    (0, utils_1.useViewport)(rootRef, onNeedRequest, {
         rootMargin: '200px 0px 200px 0px',
     });
     // сообщаем, когда компонент попадет в зону видимости
-    utils_1.useViewport(rootRef, onInViewport);
+    (0, utils_1.useViewport)(rootRef, onInViewport);
     // разрешаем загружать картинки только после монтирования
-    react_1.useEffect(() => setMounted(true), []);
+    (0, react_1.useEffect)(() => setMounted(true), []);
     return (react_1.default.createElement("div", { ref: rootRef },
         react_1.default.createElement(touch_slider_1.TouchSlider, null,
-            react_1.default.createElement(utils_2.SliderContext.Provider, { value: { needLoadImages: mounted } }, react_1.Children.toArray(children).filter(x => react_1.isValidElement(x) && x.type === item_1.ProductSliderItem)))));
+            react_1.default.createElement(utils_2.SliderContext.Provider, { value: { needLoadImages: mounted } }, react_1.Children.toArray(children).filter(x => (0, react_1.isValidElement)(x) && x.type === item_1.ProductSliderItem)))));
 };
 exports.ProductSlider = ProductSlider;
 exports.ProductSlider.Item = item_1.ProductSliderItem;

package/mobile/components/product-slider/item.js

@@ -48,11 +48,11 @@ const cx = bind_1.default.bind(item_module_scss_1.default);
  */
 const ProductSliderItem = (_a) => {
     var { data, favorite, footer, onFavoriteClick } = _a, restProps = __rest(_a, ["data", "favorite", "footer", "onFavoriteClick"]);
-    const { needLoadImages } = react_1.useContext(utils_1.SliderContext);
+    const { needLoadImages } = (0, react_1.useContext)(utils_1.SliderContext);
     return (react_1.default.createElement("div", { className: cx('root') },
         react_1.default.createElement(product_info_1.ProductInfo, Object.assign({}, restProps, { data: Object.assign(Object.assign({}, data), { imageSrc: needLoadImages ? data.imageSrc : undefined }) }),
             react_1.default.createElement(product_info_1.ProductInfo.OnImage, null,
                 react_1.default.createElement(wish_button_1.WishButton, { checked: favorite, onClick: onFavoriteClick, className: cx('favorite-button') }))),
-        footer && (react_1.default.createElement("div", { className: cx('footer') }, footer))));
+        footer && react_1.default.createElement("div", { className: cx('footer') }, footer)));
 };
 exports.ProductSliderItem = ProductSliderItem;

package/mobile/components/product-slider/utils.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SliderContext = void 0;
 const react_1 = require("react");
-exports.SliderContext = react_1.createContext({ needLoadImages: false });
+exports.SliderContext = (0, react_1.createContext)({ needLoadImages: false });

package/mobile/components/search-bar/index.d.ts

@@ -36,6 +36,6 @@ export interface SearchBarProps {
  * @param props.withSearchIcon Признак наличия иконки поиска слева.
  * @param props.autoFocus Признак автофокуса.
  * @param props.description Описание в поле ввода.
- * @return Компонент.
+ * @return Элемент.
  */
 export declare const SearchBar: ({ inputMode, value, onChange, placeholder, onClear, endButtons, startButtons, withSearchIcon, autoFocus, description, }: SearchBarProps) => JSX.Element;

package/mobile/components/search-bar/index.js

@@ -52,40 +52,42 @@ exports.cx = bind_1.default.bind(search_bar_module_scss_1.default);
  * @param props.withSearchIcon Признак наличия иконки поиска слева.
  * @param props.autoFocus Признак автофокуса.
  * @param props.description Описание в поле ввода.
- * @return Компонент.
+ * @return Элемент.
  */
 const SearchBar = ({ inputMode, value, onChange, placeholder = 'Поиск', onClear, endButtons = [], startButtons = [], withSearchIcon = true, autoFocus = true, description, }) => {
-    const [shownDropdown, toggleDropdown] = react_1.useState(false);
-    const inputRef = react_1.useRef(null);
-    const dropDownRef = react_1.useRef(null);
-    const dropDownButtonRef = react_1.useRef(null);
+    const [shownDropdown, toggleDropdown] = (0, react_1.useState)(false);
+    const inputRef = (0, react_1.useRef)(null);
+    const dropDownRef = (0, react_1.useRef)(null);
+    const dropDownOpenerRef = (0, react_1.useRef)(null);
     const needHideEndButtons = endButtons.length > 1;
-    // @ts-expect-error ts-migrate(2532) FIXME: Object is possibly 'undefined'.
-    hooks_1.useOutsideClick(dropDownRef, event => !dropDownButtonRef.current.contains(event.target) && toggleDropdown(false));
-    react_1.useEffect(() => needHideEndButtons
-        ? on_1.default(window, 'resize', lodash_1.throttle(() => toggleDropdown(false), 500))
+    (0, hooks_1.useOutsideClick)(dropDownRef, e => {
+        !dropDownOpenerRef.current.contains(e.target) &&
+            toggleDropdown(false);
+    });
+    (0, react_1.useEffect)(() => needHideEndButtons
+        ? (0, on_1.default)(window, 'resize', (0, lodash_1.throttle)(() => toggleDropdown(false), 500))
         : undefined, [needHideEndButtons]);
-    return (react_1.default.createElement("div", { className: exports.cx('wrapper') },
-        Boolean(startButtons.length) && (react_1.default.createElement("div", { className: exports.cx('before-field') },
-            react_1.default.createElement("div", { className: exports.cx('buttons-container') }, startButtons.map((props, index) => react_1.default.createElement(Button, Object.assign({}, props, { key: index })))))),
-        react_1.default.createElement("label", { className: exports.cx('input-wrapper') },
-            withSearchIcon && (react_1.default.createElement("span", { className: exports.cx('search-icon') },
+    return (react_1.default.createElement("div", { className: (0, exports.cx)('wrapper') },
+        Boolean(startButtons.length) && (react_1.default.createElement("div", { className: (0, exports.cx)('before-field') },
+            react_1.default.createElement("div", { className: (0, exports.cx)('buttons-container') }, startButtons.map((props, index) => (react_1.default.createElement(Button, Object.assign({}, props, { key: index }))))))),
+        react_1.default.createElement("label", { className: (0, exports.cx)('input-wrapper') },
+            withSearchIcon && (react_1.default.createElement("span", { className: (0, exports.cx)('search-icon') },
                 react_1.default.createElement(search_1.default, { fill: colors_1.COLORS.get('gray38'), "aria-hidden": true }))),
-            react_1.default.createElement("div", { className: exports.cx('input-container') },
-                react_1.default.createElement("input", { ref: inputRef, value: value, onChange: onChange, className: exports.cx('search-field'), placeholder: placeholder, autoFocus: autoFocus, "data-testid": 'search-bar-input', type: 'text', inputMode: inputMode, tabIndex: 0 }),
-                description && (react_1.default.createElement("div", { className: exports.cx('description-container') },
-                    react_1.default.createElement("span", { className: exports.cx('description') }, description)))),
-            lodash_1.isFunction(onClear) && value && (react_1.default.createElement(link_1.Link, { onClick: event => {
+            react_1.default.createElement("div", { className: (0, exports.cx)('input-container') },
+                react_1.default.createElement("input", { ref: inputRef, value: value, onChange: onChange, className: (0, exports.cx)('search-field'), placeholder: placeholder, autoFocus: autoFocus, "data-testid": 'search-bar-input', type: 'text', inputMode: inputMode, tabIndex: 0 }),
+                description && (react_1.default.createElement("div", { className: (0, exports.cx)('description-container') },
+                    react_1.default.createElement("span", { className: (0, exports.cx)('description') }, description)))),
+            (0, lodash_1.isFunction)(onClear) && value && (react_1.default.createElement(link_1.Link, { onClick: event => {
                     onClear(event);
                     inputRef.current && inputRef.current.focus();
-                }, pseudo: true, "aria-label": '\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C', "data-testid": 'search-bar:clear-icon', className: exports.cx('clear-icon'), children: (react_1.default.createElement(cross_1.default, { fill: colors_1.COLORS.get('gray38'), "aria-hidden": true })) }))),
+                }, pseudo: true, "aria-label": '\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C', "data-testid": 'search-bar:clear-icon', className: (0, exports.cx)('clear-icon'), children: react_1.default.createElement(cross_1.default, { fill: colors_1.COLORS.get('gray38'), "aria-hidden": true }) }))),
         Boolean(endButtons.length) && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("div", { className: exports.cx('after-field', needHideEndButtons && 'wide-screen') },
-                react_1.default.createElement("div", { className: exports.cx('buttons-container') }, endButtons.map((props, index) => react_1.default.createElement(Button, Object.assign({}, props, { key: index }))))),
-            needHideEndButtons && (react_1.default.createElement("div", { className: exports.cx('after-field', 'narrow-screen') },
-                react_1.default.createElement("div", { className: exports.cx('buttons-container') },
-                    react_1.default.createElement(Button, { text: '\u0411\u043E\u043B\u044C\u0448\u0435', ref: dropDownButtonRef, icon: more_vert_1.default, onClick: () => toggleDropdown(!shownDropdown) })),
-                shownDropdown && (react_1.default.createElement("div", { ref: dropDownRef, className: exports.cx('dropdown-container') },
+            react_1.default.createElement("div", { className: (0, exports.cx)('after-field', needHideEndButtons && 'wide-screen') },
+                react_1.default.createElement("div", { className: (0, exports.cx)('buttons-container') }, endButtons.map((props, index) => (react_1.default.createElement(Button, Object.assign({}, props, { key: index })))))),
+            needHideEndButtons && (react_1.default.createElement("div", { className: (0, exports.cx)('after-field', 'narrow-screen') },
+                react_1.default.createElement("div", { className: (0, exports.cx)('buttons-container') },
+                    react_1.default.createElement(Button, { text: '\u0411\u043E\u043B\u044C\u0448\u0435', ref: dropDownOpenerRef, icon: more_vert_1.default, onClick: () => toggleDropdown(!shownDropdown) })),
+                shownDropdown && (react_1.default.createElement("div", { ref: dropDownRef, className: (0, exports.cx)('dropdown-container') },
                     react_1.default.createElement(dropdown_1.Dropdown, null, endButtons.map(({ text, onClick }, index) => (react_1.default.createElement(dropdown_item_1.DropdownItem, { size: 's', key: index, onClick: event => {
                             onClick(event);
                             toggleDropdown(false);
@@ -99,10 +101,8 @@ exports.SearchBar = SearchBar;
  * @param props.onClick Обработчик клика.
  * @param props.icon Иконка.
  * @param props.iconColor Цвет иконки.
- * @return Компонент.
+ * @return Элемент.
  */
-const Button = react_1.forwardRef(function Button({ text, icon: Icon, iconColor = 'gray87', onClick, }, ref) {
-    return (react_1.default.createElement("div", { ref: ref, onClick: onClick, className: exports.cx('button'), role: 'button', "data-testid": 'search-bar-button', tabIndex: 0, "aria-label": Icon && text }, Icon
-        ? (react_1.default.createElement(Icon, { fill: colors_1.COLORS.get(iconColor), "aria-hidden": 'true' }))
-        : text));
+const Button = (0, react_1.forwardRef)(function Button({ text, icon: Icon, iconColor = 'gray87', onClick }, ref) {
+    return (react_1.default.createElement("div", { ref: ref, onClick: onClick, className: (0, exports.cx)('button'), role: 'button', "data-testid": 'search-bar-button', tabIndex: 0, "aria-label": Icon && text }, Icon ? react_1.default.createElement(Icon, { fill: colors_1.COLORS.get(iconColor), "aria-hidden": 'true' }) : text));
 });

package/mobile/components/search-bar/search-bar.module.scss

@@ -100,10 +100,16 @@
 .after-field,
 .before-field {
   position: relative;
-  &.narrow-screen { display: none; }
+  &.narrow-screen {
+    display: none;
+  }
   @media (max-width: 360px) {
-    &.wide-screen { display: none; }
-    &.narrow-screen { display: block; }
+    &.wide-screen {
+      display: none;
+    }
+    &.narrow-screen {
+      display: block;
+    }
   }
 }
 

package/mobile/components/select-screen/index.js

@@ -15,8 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const map_1 = __importDefault(require("lodash/map"));
-const noop_1 = __importDefault(require("lodash/noop"));
+const lodash_1 = require("lodash");
 const prop_1 = __importDefault(require("lodash/fp/prop"));
 const screen_1 = require("@sima-land/ui-nucleons/screen");
 const text_1 = require("@sima-land/ui-nucleons/text");
@@ -35,14 +34,14 @@ const select_screen_module_scss_1 = __importDefault(require("./select-screen.mod
  * @return Экран выбора опции.
  */
 const SelectScreen = (_a) => {
-    var { items, getItemName = prop_1.default('name'), displayItem = displayOption, isItemSelected = noop_1.default, onItemClick } = _a, screenProps = __rest(_a, ["items", "getItemName", "displayItem", "isItemSelected", "onItemClick"]);
+    var { items, getItemName = (0, prop_1.default)('name'), displayItem = displayOption, isItemSelected = lodash_1.noop, onItemClick } = _a, screenProps = __rest(_a, ["items", "getItemName", "displayItem", "isItemSelected", "onItemClick"]);
     return (react_1.default.createElement(screen_1.Screen, Object.assign({ withDivideHeader: false }, screenProps),
         react_1.default.createElement(layout_1.MobileLayout, { disabledOn: ['mxs', 'ms'] },
-            react_1.default.createElement("div", { className: select_screen_module_scss_1.default.container }, map_1.default(items, (item, index) => {
+            react_1.default.createElement("div", { className: select_screen_module_scss_1.default.container }, (0, lodash_1.map)(items, (item, index) => {
                 const isSelected = Boolean(isItemSelected(item));
                 return (react_1.default.createElement("button", { key: index, className: select_screen_module_scss_1.default.item, onClick: () => onItemClick && onItemClick(item) },
                     displayItem(item, { getItemName, isSelected }),
-                    isSelected && (react_1.default.createElement(check_1.default, { fill: colors_1.COLORS.get('gray87') }))));
+                    isSelected && react_1.default.createElement(check_1.default, { fill: colors_1.COLORS.get('gray87') })));
             })))));
 };
 /**
@@ -52,5 +51,5 @@ const SelectScreen = (_a) => {
  * @param options.getItemName Вернет имя опции.
  * @return Опция в текстовом виде.
  */
-const displayOption = (item, { getItemName, }) => (react_1.default.createElement(text_1.Text, { size: 16, lineHeight: 24, color: 'gray87', children: getItemName(item) }));
+const displayOption = (item, { getItemName }) => (react_1.default.createElement(text_1.Text, { size: 16, lineHeight: 24, color: 'gray87', children: getItemName(item) }));
 exports.default = SelectScreen;