@sima-land/moleculas 16.0.0-alpha.2 → 16.0.0-alpha.21

package/common/components/pagination-controls/pagination-controls.js

@@ -0,0 +1,72 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageFormInput = exports.PageForm = exports.PageButtons = exports.PaginationControls = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const input_1 = require("@sima-land/ui-nucleons/input");
+const pagination_1 = require("@sima-land/ui-nucleons/pagination");
+const ArrowExpandRight_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowExpandRight"));
+const bind_1 = __importDefault(require("classnames/bind"));
+const pagination_controls_m_scss_1 = __importDefault(require("./pagination-controls.m.scss"));
+const cx = bind_1.default.bind(pagination_controls_m_scss_1.default);
+/**
+ * Блок управления пагинацией.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function PaginationControls({ 
+// data props
+current: currentProp, total: totalProp, onPageChange, 
+// view props
+flow = 'horizontal', Buttons = PageButtons, Form = PageForm, withForm: withFormProp, className, ...restProps }) {
+    const { current, total } = (0, react_1.useMemo)(() => (0, pagination_1.validatePaginationState)({ current: currentProp, total: totalProp }), [currentProp, totalProp]);
+    const withForm = withFormProp !== null && withFormProp !== void 0 ? withFormProp : total >= 7;
+    const handlePageChange = (0, react_1.useCallback)((page) => {
+        onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(Math.max(1, Math.min(total, page)));
+    }, [onPageChange]);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: cx('layout', flow !== 'unset' && `flow-${flow}`, className), ...restProps, children: [(0, jsx_runtime_1.jsx)("div", { className: cx('slot-buttons'), children: (0, jsx_runtime_1.jsx)(Buttons, { current: current, total: total, onPageChange: handlePageChange }) }), withForm && ((0, jsx_runtime_1.jsx)("div", { className: cx('slot-form'), children: (0, jsx_runtime_1.jsx)(Form, { current: current, total: total, onPageChange: handlePageChange }) }))] }));
+}
+exports.PaginationControls = PaginationControls;
+/**
+ * Кнопки страниц.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function PageButtons({ total, current, onPageChange, }) {
+    return ((0, jsx_runtime_1.jsx)(pagination_1.Pagination, { total: total, current: current, onPageChange: (event, button) => onPageChange(button.value) }));
+}
+exports.PageButtons = PageButtons;
+/**
+ * Форма выбора страницы.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function PageForm({ total, onPageChange }) {
+    const [value, setValue] = (0, react_1.useState)('');
+    const handleSubmit = (0, react_1.useCallback)(event => {
+        event.preventDefault();
+        const numeric = parseInt(value);
+        if (!Number.isNaN(numeric)) {
+            onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(numeric);
+            setValue('');
+        }
+    }, [total, value, onPageChange]);
+    const handleChange = (0, react_1.useCallback)(event => {
+        setValue(event.target.value.replace(/\D/g, ''));
+    }, []);
+    return ((0, jsx_runtime_1.jsxs)("form", { onSubmit: handleSubmit, className: cx('form'), children: [(0, jsx_runtime_1.jsx)("span", { className: cx('label'), children: "\u041A \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0435" }), (0, jsx_runtime_1.jsx)(PageFormInput, { value: value, onChange: handleChange, adornmentEnd: (0, jsx_runtime_1.jsx)("button", { disabled: value.length === 0, type: 'submit', className: cx('submit'), onMouseDown: event => event.preventDefault(), children: (0, jsx_runtime_1.jsx)(ArrowExpandRight_1.default, { fill: 'currentColor' }) }) })] }));
+}
+exports.PageForm = PageForm;
+/**
+ * Поле ввода номера страницы. Только стилизует Input.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function PageFormInput({ className, ...restProps }) {
+    return (0, jsx_runtime_1.jsx)(input_1.Input, { size: 'm', ...restProps, className: cx('input', className) });
+}
+exports.PageFormInput = PageFormInput;
+//# sourceMappingURL=pagination-controls.js.map

package/common/components/pagination-controls/pagination-controls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-controls.js","sourceRoot":"","sources":["../../../../src/common/components/pagination-controls/pagination-controls.tsx"],"names":[],"mappings":"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"}

package/common/components/pagination-controls/pagination-controls.m.scss

@@ -0,0 +1,70 @@
+@use 'node_modules/@sima-land/ui-nucleons/colors';
+@use 'node_modules/@sima-land/ui-nucleons/utils';
+
+.layout {
+  display: flex;
+  &.flow-vertical {
+    flex-direction: column;
+    justify-content: center;
+    .slot-buttons {
+      display: flex;
+      justify-content: center;
+    }
+    .slot-form {
+      margin-top: 24px;
+    }
+  }
+  &.flow-horizontal {
+    flex-direction: row;
+    justify-content: space-between;
+    .slot-form {
+      margin-left: 40px;
+    }
+  }
+}
+
+.form {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  .label + .input {
+    margin-left: 8px;
+  }
+}
+
+.label {
+  white-space: nowrap;
+  font-size: 16px;
+  line-height: 24px;
+  color: colors.$basic-gray38;
+}
+
+.input {
+  width: 100px;
+}
+
+.input .submit {
+  margin: -4px -8px;
+}
+
+.submit {
+  @include utils.reset-button;
+  width: 32px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: colors.$basic-gray87;
+  color: #fff;
+  border-radius: 4px;
+  &:hover {
+    cursor: pointer;
+  }
+  &:disabled {
+    background: colors.$basic-gray8;
+    color: colors.$basic-gray24;
+  }
+  &:focus-visible {
+    @include utils.focus-visible-style;
+  }
+}

package/common/components/pagination-controls/types.d.ts

@@ -0,0 +1,20 @@
+import type { ComponentType, HTMLAttributes } from 'react';
+export interface PaginationData {
+    total: number;
+    current: number;
+    onPageChange: (page: number) => void;
+}
+export interface PaginationControlsProps extends Partial<PaginationData>, HTMLAttributes<HTMLDivElement> {
+    flow?: 'horizontal' | 'vertical' | 'unset';
+    withForm?: boolean;
+    Buttons?: ComponentType<{
+        total: number;
+        current: number;
+        onPageChange: (page: number) => void;
+    }>;
+    Form?: ComponentType<{
+        total: number;
+        current: number;
+        onPageChange: (page: number) => void;
+    }>;
+}

package/common/components/pagination-controls/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/common/components/pagination-controls/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/common/components/pagination-controls/types.ts"],"names":[],"mappings":""}

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

@@ -1,16 +1 @@
-/// <reference types="react" />
-import { ProductInfoProps } from './types';
-import { Parts } from './parts';
-export type { ProductInfoProps };
-export declare const UNAVAILABLE_REASON: {
-    readonly notEnough: "Нет в наличии";
-    readonly unavailableInRegion: "Товар недоступен в вашем регионе";
-    readonly onlyForLegalEntities: "Товар доступен только для юридических лиц";
-};
-/**
- * Блок информации о товаре по дизайн-гайдам.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const ProductInfo: ({ restriction, children }: ProductInfoProps) => JSX.Element;
-export { Parts };
+export { type ProductInfoProps, ProductInfo, Parts } from './product-info';

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

@@ -1,43 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Parts = exports.ProductInfo = exports.UNAVAILABLE_REASON = void 0;
-const react_1 = __importDefault(require("react"));
-const define_slots_1 = require("@sima-land/ui-nucleons/helpers/define-slots");
-const utils_1 = require("./utils");
-const parts_1 = require("./parts");
-Object.defineProperty(exports, "Parts", { enumerable: true, get: function () { return parts_1.Parts; } });
-exports.UNAVAILABLE_REASON = {
-    notEnough: 'Нет в наличии',
-    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,
-        badges: parts_1.Parts.Badges,
-        prices: parts_1.Parts.Prices,
-        title: parts_1.Parts.Title,
-        trademark: parts_1.Parts.TrademarkLink,
-        footer: parts_1.Parts.Footer,
-        secondaryInfo: parts_1.Parts.SecondaryInfo,
-        ratingCounter: parts_1.Parts.RatingCounter,
-    });
-    return (react_1.default.createElement(utils_1.ProductInfoContext.Provider, { value: { restriction } },
-        image,
-        restriction !== 'adult' && badges,
-        prices,
-        title,
-        restriction !== 'adult' && secondaryInfo,
-        !restriction && trademark,
-        restriction !== 'adult' && ratingCounter,
-        footer));
-};
-exports.ProductInfo = ProductInfo;
+exports.Parts = exports.ProductInfo = void 0;
+var product_info_1 = require("./product-info");
+Object.defineProperty(exports, "ProductInfo", { enumerable: true, get: function () { return product_info_1.ProductInfo; } });
+Object.defineProperty(exports, "Parts", { enumerable: true, get: function () { return product_info_1.Parts; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/common/components/product-info/index.ts"],"names":[],"mappings":";;;AAAA,+CAA2E;AAA3C,2GAAA,WAAW,OAAA;AAAE,qGAAA,KAAK,OAAA"}

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

@@ -1,6 +1,5 @@
-import React, { ReactNode } from 'react';
+import { ReactNode, MouseEventHandler } from 'react';
 import { LinkProps } from '@sima-land/ui-nucleons/link';
-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';
@@ -8,8 +7,8 @@ export interface ImageProps {
     src?: string;
     alt?: string;
     href?: string;
-    onClick?: React.MouseEventHandler<HTMLAnchorElement>;
-    children?: React.ReactNode;
+    onClick?: MouseEventHandler<HTMLAnchorElement>;
+    children?: ReactNode;
     opacity?: number;
 }
 /**
@@ -19,50 +18,52 @@ export interface ImageProps {
  */
 declare function SecondaryInfo({ children }: {
     children: ReactNode;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 /**
  * Счетчик рейтинга.
  * @param props Свойства.
  * @return Элемент.
  */
-declare function CustomRatingCounter({ className, ...rest }: RatingCounterProps): JSX.Element;
+declare function CustomRatingCounter({ className, ...rest }: RatingCounterProps): import("react/jsx-runtime").JSX.Element;
 export declare const Parts: {
-    readonly Image: ({ src, alt, href, onClick, children, opacity }: ImageProps) => JSX.Element;
+    readonly Image: ({ src, alt, href, onClick, children, opacity }: ImageProps) => import("react/jsx-runtime").JSX.Element;
     readonly ImageButton: ({ icon, fill, onClick, hint, hintDirection, "data-testid": testId, position, }: {
         icon: StrokedSVGProps['component'];
         fill?: string | undefined;
-        onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
+        onClick?: MouseEventHandler<HTMLDivElement> | undefined;
         hint?: string | undefined;
-        hintDirection?: ("left" | "right" | "bottom" | "top") | undefined;
+        hintDirection?: "left" | "right" | "bottom" | "top" | undefined;
         'data-testid'?: string | undefined;
         position?: {
             x: 'left' | 'right';
             y: 'top' | 'bottom';
         } | undefined;
-    }) => JSX.Element;
-    readonly Badges: (props: BadgeListProps) => JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly Badges: (props: BadgeListProps) => import("react/jsx-runtime").JSX.Element;
     readonly Prices: ({ price, oldPrice, currencyGrapheme, unavailableReason, }: {
         price: number;
         oldPrice?: number | undefined;
         currencyGrapheme?: string | undefined;
         unavailableReason?: string | undefined;
-    }) => JSX.Element;
-    readonly Title: ({ children, href, onClick }: Pick<LinkProps, 'children' | 'href' | 'onClick'>) => JSX.Element;
-    readonly TrademarkLink: ({ href, children, onClick, }: Pick<LinkProps, 'href' | 'children' | 'onClick'>) => JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly Title: ({ children, href, onClick }: Pick<LinkProps, 'children' | 'href' | 'onClick'>) => import("react/jsx-runtime").JSX.Element;
+    readonly TrademarkLink: ({ href, children, onClick, }: Pick<LinkProps, 'href' | 'children' | 'onClick'>) => import("react/jsx-runtime").JSX.Element;
     readonly SecondaryInfo: typeof SecondaryInfo;
     readonly RatingCounter: typeof CustomRatingCounter;
-    readonly Footer: React.FC<{}>;
-    readonly FooterContext: React.Context<{
+    readonly Footer: ({ children }: {
+        children?: ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly FooterContext: import("react").Context<{
         className?: string | undefined;
     }>;
     readonly CartControl: ({ children, stepText, markupText, loading, }: {
-        children?: React.ReactNode;
+        children?: ReactNode;
         stepText?: string | undefined;
         markupText?: string | undefined;
         loading?: boolean | undefined;
-    }) => JSX.Element;
-    readonly AdultConfirmButton: ({ className, ...props }: LinkProps) => JSX.Element;
-    readonly WaitListAddButton: ({ className, ...props }: LinkProps) => JSX.Element;
-    readonly WaitListAddedLink: ({ className, ...props }: LinkProps) => JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly AdultConfirmButton: ({ className, ...props }: LinkProps) => import("react/jsx-runtime").JSX.Element;
+    readonly WaitListAddButton: ({ className, ...props }: LinkProps) => import("react/jsx-runtime").JSX.Element;
+    readonly WaitListAddedLink: ({ className, ...props }: LinkProps) => import("react/jsx-runtime").JSX.Element;
 };
 export {};

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

@@ -1,56 +1,24 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = 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];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Parts = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const link_1 = require("@sima-land/ui-nucleons/link");
+const hint_1 = require("@sima-land/ui-nucleons/hint");
 const price_1 = require("@sima-land/ui-nucleons/price");
 const stroked_svg_1 = require("@sima-land/ui-nucleons/stroked-svg");
-const with_hint_1 = require("@sima-land/ui-nucleons/with-hint");
 const image_overlay_1 = require("../../../desktop/components/gallery-modal/components/image-overlay");
 const badge_list_1 = require("../badge-list");
 const utils_1 = require("./utils");
 const rating_counter_1 = require("../rating-counter");
-const eighteen_plus_svg_1 = __importDefault(require("../../icons/eighteen-plus.svg"));
+const EighteenPlus_1 = __importDefault(require("@sima-land/ui-quarks/icons/64x64/Stroked/EighteenPlus"));
+const img_stub_1 = require("../img-stub");
 const bind_1 = __importDefault(require("classnames/bind"));
-const product_info_module_scss_1 = __importDefault(require("./product-info.module.scss"));
-const cx = bind_1.default.bind(product_info_module_scss_1.default);
+const product_info_m_scss_1 = __importDefault(require("./product-info.m.scss"));
+const cx = bind_1.default.bind(product_info_m_scss_1.default);
 /**
  * Кнопка-иконка на изображении.
  * @param props Свойства.
@@ -59,14 +27,23 @@ const cx = bind_1.default.bind(product_info_module_scss_1.default);
 const ImageButton = ({ icon, fill, onClick, hint, hintDirection = 'left', 'data-testid': testId, position, }) => {
     const commonProps = {
         role: 'banner',
-        component: icon,
         fill,
         strokeWidth: 1.5,
         className: cx('image-button', position && 'positioned', position && `${position.x}-${position.y}`),
         onClick,
         'data-testid': testId,
     };
-    return hint ? (react_1.default.createElement(with_hint_1.WithHint, { hint: hint, direction: hintDirection }, (ref, toggle) => (react_1.default.createElement(stroked_svg_1.StrokedSVG, Object.assign({}, commonProps, { ref: ref, onMouseEnter: () => toggle(true), onMouseLeave: () => toggle(false) }))))) : (react_1.default.createElement(stroked_svg_1.StrokedSVG, Object.assign({}, commonProps)));
+    // состояние
+    const [open, setOpen] = (0, react_1.useState)(false);
+    // позиционирование
+    const { refs, ...floating } = (0, hint_1.useHintFloating)({
+        open,
+        onOpenChange: setOpen,
+        placement: hintDirection,
+    });
+    // пользовательское взаимодействие
+    const { getReferenceProps, getFloatingProps } = (0, hint_1.useHintOnHover)(floating);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(stroked_svg_1.StrokedSVG, { ref: refs.setReference, component: icon, ...getReferenceProps(commonProps) }), hint && ((0, jsx_runtime_1.jsx)(hint_1.Hint, { open: open, hintRef: refs.setFloating, arrowRef: refs.setArrow, ...getFloatingProps(), children: hint }))] }));
 };
 /**
  * Слот - изображение товара.
@@ -76,19 +53,16 @@ const ImageButton = ({ icon, fill, onClick, hint, hintDirection = 'left', 'data-
 const Image = ({ src, alt, href, onClick, children, opacity }) => {
     const { restriction } = (0, react_1.useContext)(utils_1.ProductInfoContext);
     const defaultOpacity = restriction ? 0.4 : undefined;
-    return (react_1.default.createElement(image_overlay_1.ImageOverlay, { className: cx('image-overlay') }, restriction === 'adult' ? (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("img", { alt: alt, src: src, className: cx('image', 'adult'), "data-testid": 'product-info:adult-image' }),
-        react_1.default.createElement(eighteen_plus_svg_1.default, { className: cx('adult-icon') }))) : (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("a", { href: href, className: cx('image-link'), onClick: onClick, "data-testid": 'product-info:image-link' },
-            react_1.default.createElement("img", { alt: alt, src: src, className: cx('image'), style: { opacity: typeof opacity === 'number' ? opacity : defaultOpacity }, "data-testid": 'product-info:image' })),
-        children && react_1.default.createElement("div", { className: cx('image-buttons') }, children)))));
+    const [broken, setBroken] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => setBroken(false), [src]);
+    return ((0, jsx_runtime_1.jsx)(image_overlay_1.ImageOverlay, { className: cx('image-overlay'), children: restriction === 'adult' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("img", { onError: () => setBroken(true), alt: alt, src: src, className: cx('image', 'adult', { broken }), "data-testid": 'product-info:adult-image' }), (0, jsx_runtime_1.jsx)(EighteenPlus_1.default, { className: cx('adult-icon') })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("a", { href: href, className: cx('image-link'), onClick: onClick, "data-testid": 'product-info:image-link', children: [(0, jsx_runtime_1.jsx)("img", { onError: () => setBroken(true), alt: alt, src: src, className: cx('image', { broken }), style: { opacity: typeof opacity === 'number' ? opacity : defaultOpacity }, "data-testid": 'product-info:image' }), broken && (0, jsx_runtime_1.jsx)(img_stub_1.ImgStub, { className: cx('broken-icon') })] }), children && (0, jsx_runtime_1.jsx)("div", { className: cx('image-buttons'), children: children })] })) }));
 };
 /**
  * Слот для вывода шильдиков.
  * @param props Свойства.
  * @return Элемент.
  */
-const Badges = (props) => react_1.default.createElement(badge_list_1.BadgeList, Object.assign({ className: cx('badges') }, props));
+const Badges = (props) => (0, jsx_runtime_1.jsx)(badge_list_1.BadgeList, { className: cx('badges'), ...props });
 /**
  * Слот для вывода цен.
  * @param props Свойства.
@@ -96,11 +70,7 @@ const Badges = (props) => react_1.default.createElement(badge_list_1.BadgeList,
  */
 const Prices = ({ price, oldPrice, currencyGrapheme, unavailableReason = 'Товар недоступен', }) => {
     const { restriction } = (0, react_1.useContext)(utils_1.ProductInfoContext);
-    return (react_1.default.createElement("div", { className: cx('prices', { 'height-limit': !restriction || restriction === 'adult' }), "data-testid": 'product-info:prices' },
-        (!restriction || restriction === 'adult') && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(price_1.Price, { value: price, currencyGrapheme: currencyGrapheme, className: cx('price'), "data-testid": 'product-info:price' }),
-            restriction !== 'adult' && oldPrice && (react_1.default.createElement(price_1.Price, { value: oldPrice, currencyGrapheme: currencyGrapheme, className: cx('old-price'), crossedOut: true, "data-testid": 'product-info:old-price' })))),
-        restriction === 'unavailable' && unavailableReason));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: cx('prices', { 'height-limit': !restriction || restriction === 'adult' }), "data-testid": 'product-info:prices', children: [(!restriction || restriction === 'adult') && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(price_1.Price, { value: price, currencyGrapheme: currencyGrapheme, className: cx('price'), "data-testid": 'product-info:price' }), restriction !== 'adult' && oldPrice && ((0, jsx_runtime_1.jsx)(price_1.Price, { value: oldPrice, currencyGrapheme: currencyGrapheme, className: cx('old-price'), crossedOut: true, "data-testid": 'product-info:old-price' }))] })), restriction === 'unavailable' && unavailableReason] }));
 };
 /**
  * Слот для вывода ссылки - названия товара.
@@ -109,14 +79,14 @@ const Prices = ({ price, oldPrice, currencyGrapheme, unavailableReason = 'Тов
  */
 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));
+    return restriction === 'adult' ? ((0, jsx_runtime_1.jsx)("span", { className: cx('adult-info'), "data-testid": 'product-info:adult-warning', children: "\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." })) : ((0, jsx_runtime_1.jsx)(link_1.Link, { onClick: onClick, className: cx('link', 'line-clamp'), href: href, color: 'basic-gray87', "data-testid": 'product-info:name-link', children: children }));
 };
 /**
  * Слот для вывода ссылки торговой марки.
  * @param props Свойства.
  * @return Элемент.
  */
-const TrademarkLink = ({ href, children, onClick, }) => (react_1.default.createElement(link_1.Link, { className: cx('trademark-link'), href: href, children: children, onClick: onClick, color: 'basic-blue', "data-testid": 'product-info:trademark-link' }));
+const TrademarkLink = ({ href, children, onClick, }) => ((0, jsx_runtime_1.jsx)(link_1.Link, { className: cx('trademark-link'), href: href, children: children, onClick: onClick, color: 'basic-blue', "data-testid": 'product-info:trademark-link' }));
 const FooterContext = (0, react_1.createContext)({
     className: undefined,
 });
@@ -127,66 +97,47 @@ const FooterContext = (0, react_1.createContext)({
  */
 const Footer = ({ children }) => {
     const { className = cx('footer') } = (0, react_1.useContext)(FooterContext);
-    return (react_1.default.createElement("div", { className: className, "data-testid": 'product-info:footer' }, children));
+    return ((0, jsx_runtime_1.jsx)("div", { className: className, "data-testid": 'product-info:footer', children: children }));
 };
 /**
  * Блок управления корзиной.
  * @param props Свойства.
  * @return Элемент.
  */
-const CartControl = ({ children, stepText, markupText, loading, }) => (react_1.default.createElement("div", { className: cx('control-wrapper', { loading }) },
-    react_1.default.createElement("div", { className: cx('control') }, !loading && children),
-    (loading || stepText) && (react_1.default.createElement("div", { className: cx('unit-text'), "data-testid": 'product-info:cart-step' }, !loading && stepText)),
-    !loading && markupText && (react_1.default.createElement("div", { className: cx('bottom-text'), "data-testid": 'product-info:cart-info' }, markupText))));
+const CartControl = ({ children, stepText, markupText, loading, }) => ((0, jsx_runtime_1.jsxs)("div", { className: cx('control-wrapper', { loading }), children: [(0, jsx_runtime_1.jsx)("div", { className: cx('control'), children: !loading && children }), (loading || stepText) && ((0, jsx_runtime_1.jsx)("div", { className: cx('unit-text'), "data-testid": 'product-info:cart-step', children: !loading && stepText })), !loading && markupText && ((0, jsx_runtime_1.jsx)("div", { className: cx('bottom-text'), "data-testid": 'product-info:cart-info', children: markupText }))] }));
 /**
  * Кнопка "подтвердить".
  * @param props Свойства.
  * @return Элемент.
  */
-const AdultConfirmButton = (_a) => {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (react_1.default.createElement(link_1.Link, Object.assign({}, props, { pseudo: true, color: 'basic-blue', className: cx('text-button', className), "data-testid": 'product-info:adult-confirm-button' }), "\u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C"));
-};
+const AdultConfirmButton = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)(link_1.Link, { ...props, pseudo: true, color: 'basic-blue', className: cx('text-button', className), "data-testid": 'product-info:adult-confirm-button', children: "\u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C" }));
 /**
  * Кнопка "В лист ожидания".
  * @param props Свойства.
  * @return Элемент.
  */
-const WaitListAddButton = (_a) => {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (react_1.default.createElement(link_1.Link, Object.assign({}, props, { pseudo: true, color: 'basic-blue', className: cx('text-button', className), "data-testid": 'product-info:wait-list-add-button' }), "\u0412 \u043B\u0438\u0441\u0442 \u043E\u0436\u0438\u0434\u0430\u043D\u0438\u044F"));
-};
+const WaitListAddButton = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)(link_1.Link, { ...props, pseudo: true, color: 'basic-blue', className: cx('text-button', className), "data-testid": 'product-info:wait-list-add-button', children: "\u0412 \u043B\u0438\u0441\u0442 \u043E\u0436\u0438\u0434\u0430\u043D\u0438\u044F" }));
 /**
  * Текст со ссылкой "Товар добавлен в лист ожидания".
  * @param props Свойства.
  * @return Элемент.
  */
-const WaitListAddedLink = (_a) => {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (react_1.default.createElement("span", { className: cx('wait-list-added-text') },
-        "\u0422\u043E\u0432\u0430\u0440 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D \u0432",
-        ' ',
-        react_1.default.createElement(link_1.Link, Object.assign({}, props, { color: 'basic-blue', className: cx('text-button', className), "data-testid": 'product-info:wait-list-added-link' }),
-            "\u043B\u0438\u0441\u0442",
-            '\u00A0',
-            "\u043E\u0436\u0438\u0434\u0430\u043D\u0438\u044F")));
-};
+const WaitListAddedLink = ({ className, ...props }) => ((0, jsx_runtime_1.jsxs)("span", { className: cx('wait-list-added-text'), children: ["\u0422\u043E\u0432\u0430\u0440 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D \u0432", ' ', (0, jsx_runtime_1.jsxs)(link_1.Link, { ...props, color: 'basic-blue', className: cx('text-button', className), "data-testid": 'product-info:wait-list-added-link', children: ["\u043B\u0438\u0441\u0442", '\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);
+    return (0, jsx_runtime_1.jsx)("div", { className: cx('secondary-info'), children: 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));
+function CustomRatingCounter({ className, ...rest }) {
+    return (0, jsx_runtime_1.jsx)(rating_counter_1.RatingCounter, { size: 'unset', className: cx('rating', className), hoverDisabled: true, ...rest });
 }
 exports.Parts = {
     // основные компоненты-слоты и компоненты-запчасти
@@ -198,7 +149,7 @@ exports.Parts = {
     TrademarkLink,
     SecondaryInfo,
     RatingCounter: CustomRatingCounter,
-    // компоненты-слоты и компоненты-запчасти, предназначенные для вывода футера (dcе что ниже ссылки на торговую марку)
+    // компоненты-слоты и компоненты-запчасти, предназначенные для вывода футера (вcё что ниже ссылки на торговую марку)
     Footer,
     FooterContext,
     CartControl,
@@ -206,3 +157,4 @@ exports.Parts = {
     WaitListAddButton,
     WaitListAddedLink,
 };
+//# sourceMappingURL=parts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"parts.js","sourceRoot":"","sources":["../../../../src/common/components/product-info/parts.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,15 @@
+import { ProductInfoProps } from './types';
+import { Parts } from './parts';
+export type { ProductInfoProps };
+export declare const UNAVAILABLE_REASON: {
+    readonly notEnough: "Нет в наличии";
+    readonly unavailableInRegion: "Товар недоступен в вашем регионе";
+    readonly onlyForLegalEntities: "Товар доступен только для юридических лиц";
+};
+/**
+ * Блок информации о товаре по дизайн-гайдам.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare const ProductInfo: ({ restriction, children }: ProductInfoProps) => import("react/jsx-runtime").JSX.Element;
+export { Parts };