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

package/common/components/product-info/parts/title.m.scss

@@ -0,0 +1,23 @@
+@use 'node_modules/@sima-land/ui-nucleons/colors';
+
+.root {
+  max-width: 100%;
+  font-size: 14px;
+  line-height: 20px;
+  &.line-clamp {
+    overflow: hidden;
+    word-break: break-word;
+    max-height: 40px;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+  }
+}
+
+.adult-placeholder {
+  display: block;
+  max-width: 100%;
+  font-size: 14px;
+  line-height: 20px;
+  color: colors.$basic-gray87;
+}

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

@@ -0,0 +1,7 @@
+import { type LinkProps } from '@sima-land/ui-nucleons/link';
+/**
+ * Слот для вывода ссылки торговой марки.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function ProductInfoTrademarkLink({ href, color, children, className, 'data-testid': testId, ...restProps }: LinkProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProductInfoTrademarkLink = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const link_1 = require("@sima-land/ui-nucleons/link");
+const classnames_1 = __importDefault(require("classnames"));
+const trademark_link_m_scss_1 = __importDefault(require("./trademark-link.m.scss"));
+/**
+ * Слот для вывода ссылки торговой марки.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function ProductInfoTrademarkLink({ href, color = 'basic-blue', children, className, 'data-testid': testId = 'product-info:trademark-link', ...restProps }) {
+    return ((0, jsx_runtime_1.jsx)(link_1.Link, { ...restProps, className: (0, classnames_1.default)(trademark_link_m_scss_1.default.root, className), href: href, color: color, "data-testid": testId, children: children }));
+}
+exports.ProductInfoTrademarkLink = ProductInfoTrademarkLink;
+//# sourceMappingURL=trademark-link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"trademark-link.js","sourceRoot":"","sources":["../../../../../src/common/components/product-info/parts/trademark-link.tsx"],"names":[],"mappings":";;;;;;;AAAA,sDAAmE;AACnE,4DAAoC;AACpC,oFAA6C;AAE7C;;;;GAIG;AACH,SAAgB,wBAAwB,CAAC,EACvC,IAAI,EACJ,KAAK,GAAG,YAAY,EACpB,QAAQ,EACR,SAAS,EACT,aAAa,EAAE,MAAM,GAAG,6BAA6B,EACrD,GAAG,SAAS,EACF;IACV,OAAO,CACL,uBAAC,WAAI,OACC,SAAS,EACb,SAAS,EAAE,IAAA,oBAAU,EAAC,+BAAM,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7C,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,iBACC,MAAM,YAElB,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC;AAnBD,4DAmBC"}

package/common/components/product-info/parts/trademark-link.m.scss

@@ -0,0 +1,9 @@
+.root {
+  display: block;
+  margin-top: 8px;
+  font-size: 14px;
+  line-height: 20px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}

package/common/components/product-info/parts/wait-list-add-link.d.ts

@@ -0,0 +1,7 @@
+import { type LinkProps } from '@sima-land/ui-nucleons/link';
+/**
+ * Кнопка "В лист ожидания".
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function WaitListAddLink({ color, children, pseudo, className, 'data-testid': testId, ...restProps }: LinkProps): import("react/jsx-runtime").JSX.Element;

package/common/components/product-info/parts/wait-list-add-link.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WaitListAddLink = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const link_1 = require("@sima-land/ui-nucleons/link");
+const classnames_1 = __importDefault(require("classnames"));
+const parts_m_scss_1 = __importDefault(require("./parts.m.scss"));
+/**
+ * Кнопка "В лист ожидания".
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function WaitListAddLink({ color = 'basic-blue', children = 'В лист ожидания', pseudo = true, className, 'data-testid': testId = 'product-info:wait-list-add-button', ...restProps }) {
+    return ((0, jsx_runtime_1.jsx)(link_1.Link, { pseudo: pseudo, color: color, className: (0, classnames_1.default)(parts_m_scss_1.default['text-button'], className), "data-testid": testId, ...restProps, children: children }));
+}
+exports.WaitListAddLink = WaitListAddLink;
+//# sourceMappingURL=wait-list-add-link.js.map

package/common/components/product-info/parts/wait-list-add-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wait-list-add-link.js","sourceRoot":"","sources":["../../../../../src/common/components/product-info/parts/wait-list-add-link.tsx"],"names":[],"mappings":";;;;;;;AAAA,sDAAmE;AACnE,4DAAoC;AACpC,kEAAoC;AAEpC;;;;GAIG;AACH,SAAgB,eAAe,CAAC,EAC9B,KAAK,GAAG,YAAY,EACpB,QAAQ,GAAG,iBAAiB,EAC5B,MAAM,GAAG,IAAI,EACb,SAAS,EACT,aAAa,EAAE,MAAM,GAAG,mCAAmC,EAC3D,GAAG,SAAS,EACF;IACV,OAAO,CACL,uBAAC,WAAI,IACH,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,oBAAU,EAAC,sBAAM,CAAC,aAAa,CAAC,EAAE,SAAS,CAAC,iBAC1C,MAAM,KACf,SAAS,YAEZ,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC;AAnBD,0CAmBC"}

package/common/components/product-info/parts/wait-list-added-link.d.ts

@@ -0,0 +1,7 @@
+import type { ProductInfoWaitListAddedLinkProps } from '../types';
+/**
+ * Текст со ссылкой "Товар добавлен в лист ожидания".
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function WaitListAddedLink({ contentBefore, children, color, className, rootRef, rootProps, 'data-testid': testId, ...restProps }: ProductInfoWaitListAddedLinkProps): import("react/jsx-runtime").JSX.Element;

package/common/components/product-info/parts/wait-list-added-link.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WaitListAddedLink = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const link_1 = require("@sima-land/ui-nucleons/link");
+const classnames_1 = __importDefault(require("classnames"));
+const wait_list_added_link_m_scss_1 = __importDefault(require("./wait-list-added-link.m.scss"));
+const defaultContentBefore = (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "\u0422\u043E\u0432\u0430\u0440 \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D \u0432 " });
+const defaultChildren = (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["\u043B\u0438\u0441\u0442", '\u00A0', "\u043E\u0436\u0438\u0434\u0430\u043D\u0438\u044F"] });
+/**
+ * Текст со ссылкой "Товар добавлен в лист ожидания".
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function WaitListAddedLink({ contentBefore = defaultContentBefore, children = defaultChildren, color = 'basic-blue', className, rootRef, rootProps, 'data-testid': testId = 'product-info:wait-list-added-link', ...restProps }) {
+    return ((0, jsx_runtime_1.jsxs)("span", { ref: rootRef, ...rootProps, className: (0, classnames_1.default)(wait_list_added_link_m_scss_1.default.root, rootProps === null || rootProps === void 0 ? void 0 : rootProps.className), children: [contentBefore, (0, jsx_runtime_1.jsx)(link_1.Link, { ...restProps, color: color, className: (0, classnames_1.default)(wait_list_added_link_m_scss_1.default['text-button'], className), "data-testid": testId, children: children })] }));
+}
+exports.WaitListAddedLink = WaitListAddedLink;
+//# sourceMappingURL=wait-list-added-link.js.map

package/common/components/product-info/parts/wait-list-added-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wait-list-added-link.js","sourceRoot":"","sources":["../../../../../src/common/components/product-info/parts/wait-list-added-link.tsx"],"names":[],"mappings":";;;;;;;AACA,sDAAmD;AACnD,4DAAoC;AACpC,gGAAmD;AAEnD,MAAM,oBAAoB,GAAG,uJAAsB,CAAC;AAEpD,MAAM,eAAe,GAAG,yFAAO,QAAQ,wDAAY,CAAC;AAEpD;;;;GAIG;AACH,SAAgB,iBAAiB,CAAC,EAChC,aAAa,GAAG,oBAAoB,EACpC,QAAQ,GAAG,eAAe,EAC1B,KAAK,GAAG,YAAY,EACpB,SAAS,EACT,OAAO,EACP,SAAS,EACT,aAAa,EAAE,MAAM,GAAG,mCAAmC,EAC3D,GAAG,SAAS,EACsB;IAClC,OAAO,CACL,kCAAM,GAAG,EAAE,OAAO,KAAM,SAAS,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,qCAAM,CAAC,IAAI,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,CAAC,aACxF,aAAa,EACd,uBAAC,WAAI,OACC,SAAS,EACb,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,oBAAU,EAAC,qCAAM,CAAC,aAAa,CAAC,EAAE,SAAS,CAAC,iBAC1C,MAAM,YAElB,QAAQ,GACJ,IACF,CACR,CAAC;AACJ,CAAC;AAvBD,8CAuBC"}

package/common/components/product-info/parts/wait-list-added-link.m.scss

@@ -0,0 +1,13 @@
+@use 'node_modules/@sima-land/ui-nucleons/colors';
+@use 'node_modules/@sima-land/ui-nucleons/breakpoints';
+
+.root {
+  font-size: 16px;
+  line-height: 24px;
+  font-weight: 600;
+  color: colors.$basic-gray24;
+  @include breakpoints.down('ml') {
+    font-size: 14px;
+    line-height: 20px;
+  }
+}

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

@@ -1,15 +1,12 @@
-import { ProductInfoProps } from './types';
-import { Parts } from './parts';
-export type { ProductInfoProps };
+import type { ProductInfoProps } from './types';
 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 };
+export declare function ProductInfo({ strict, restriction, children }: ProductInfoProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,33 +1,38 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Parts = exports.ProductInfo = exports.UNAVAILABLE_REASON = void 0;
+exports.ProductInfo = exports.UNAVAILABLE_REASON = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const helpers_1 = require("@sima-land/ui-nucleons/helpers");
 const utils_1 = require("./utils");
 const parts_1 = require("./parts");
-Object.defineProperty(exports, "Parts", { enumerable: true, get: function () { return parts_1.Parts; } });
+const helpers_1 = require("@sima-land/ui-nucleons/helpers");
+const product_image_1 = require("../product-image");
 exports.UNAVAILABLE_REASON = {
     notEnough: 'Нет в наличии',
     unavailableInRegion: 'Товар недоступен в вашем регионе',
     onlyForLegalEntities: 'Товар доступен только для юридических лиц',
 };
 /**
- * Блок информации о товаре по дизайн-гайдам.
+ * Блок информации о товаре.
  * @param props Свойства.
  * @return Элемент.
  */
-const ProductInfo = ({ restriction, children }) => {
-    const { image, badges, prices, title, trademark, footer, secondaryInfo, ratingCounter } = (0, helpers_1.defineSlots)(children, {
+function ProductInfo({ strict = true, restriction, children }) {
+    if (!strict) {
+        return ((0, jsx_runtime_1.jsx)(utils_1.ProductInfoContext.Provider, { value: { restriction }, children: children }));
+    }
+    const { media, image, badges, prices, title, trademark, footer, secondaryInfo, ratingCounter } = (0, helpers_1.defineSlots)(children, {
+        media: parts_1.Parts.Media,
         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,
+        trademark: parts_1.Parts.TrademarkLink,
         ratingCounter: parts_1.Parts.RatingCounter,
+        footer: parts_1.Parts.Footer,
     });
-    return ((0, jsx_runtime_1.jsxs)(utils_1.ProductInfoContext.Provider, { value: { restriction }, children: [image, restriction !== 'adult' && badges, prices, title, restriction !== 'adult' && secondaryInfo, !restriction && trademark, restriction !== 'adult' && ratingCounter, footer] }));
-};
+    const adult = restriction === 'adult';
+    return ((0, jsx_runtime_1.jsxs)(utils_1.ProductInfoContext.Provider, { value: { restriction }, children: [(0, jsx_runtime_1.jsx)(product_image_1.ProductImageContext.Provider, { value: { adult }, children: image !== null && image !== void 0 ? image : media }), !adult && badges, prices, title, !adult && secondaryInfo, !restriction && trademark, !adult && ratingCounter, footer] }));
+}
 exports.ProductInfo = ProductInfo;
 //# sourceMappingURL=product-info.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"product-info.js","sourceRoot":"","sources":["../../../../src/common/components/product-info/product-info.tsx"],"names":[],"mappings":";;;;AAAA,4DAA6D;AAE7D,mCAA6C;AAC7C,mCAAgC;AA0CvB,sFA1CA,aAAK,OA0CA;AAtCD,QAAA,kBAAkB,GAAG;IAChC,SAAS,EAAE,eAAe;IAC1B,mBAAmB,EAAE,kCAAkC;IACvD,oBAAoB,EAAE,2CAA2C;CACzD,CAAC;AAEX;;;;GAIG;AACI,MAAM,WAAW,GAAG,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAoB,EAAE,EAAE;IACzE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,GACrF,IAAA,qBAAW,EAAC,QAAQ,EAAE;QACpB,KAAK,EAAE,aAAK,CAAC,KAAK;QAClB,MAAM,EAAE,aAAK,CAAC,MAAM;QACpB,MAAM,EAAE,aAAK,CAAC,MAAM;QACpB,KAAK,EAAE,aAAK,CAAC,KAAK;QAClB,SAAS,EAAE,aAAK,CAAC,aAAa;QAC9B,MAAM,EAAE,aAAK,CAAC,MAAM;QACpB,aAAa,EAAE,aAAK,CAAC,aAAa;QAClC,aAAa,EAAE,aAAK,CAAC,aAAa;KACnC,CAAC,CAAC;IAEL,OAAO,CACL,wBAAC,0BAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,WAAW,EAAE,aAChD,KAAK,EACL,WAAW,KAAK,OAAO,IAAI,MAAM,EACjC,MAAM,EACN,KAAK,EACL,WAAW,KAAK,OAAO,IAAI,aAAa,EACxC,CAAC,WAAW,IAAI,SAAS,EACzB,WAAW,KAAK,OAAO,IAAI,aAAa,EACxC,MAAM,IACqB,CAC/B,CAAC;AACJ,CAAC,CAAC;AAzBW,QAAA,WAAW,eAyBtB"}
+{"version":3,"file":"product-info.js","sourceRoot":"","sources":["../../../../src/common/components/product-info/product-info.tsx"],"names":[],"mappings":";;;;AACA,mCAA6C;AAC7C,mCAAgC;AAChC,4DAA6D;AAC7D,oDAAuD;AAE1C,QAAA,kBAAkB,GAAG;IAChC,SAAS,EAAE,eAAe;IAC1B,mBAAmB,EAAE,kCAAkC;IACvD,oBAAoB,EAAE,2CAA2C;CACzD,CAAC;AAEX;;;;GAIG;AACH,SAAgB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAoB;IACpF,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,CACL,uBAAC,0BAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,WAAW,EAAE,YAAG,QAAQ,GAA+B,CAC9F,CAAC;IACJ,CAAC;IAED,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,GAC5F,IAAA,qBAAW,EAAC,QAAQ,EAAE;QACpB,KAAK,EAAE,aAAK,CAAC,KAAK;QAClB,KAAK,EAAE,aAAK,CAAC,KAAK;QAClB,MAAM,EAAE,aAAK,CAAC,MAAM;QACpB,MAAM,EAAE,aAAK,CAAC,MAAM;QACpB,KAAK,EAAE,aAAK,CAAC,KAAK;QAClB,aAAa,EAAE,aAAK,CAAC,aAAa;QAClC,SAAS,EAAE,aAAK,CAAC,aAAa;QAC9B,aAAa,EAAE,aAAK,CAAC,aAAa;QAClC,MAAM,EAAE,aAAK,CAAC,MAAM;KACrB,CAAC,CAAC;IAEL,MAAM,KAAK,GAAG,WAAW,KAAK,OAAO,CAAC;IAEtC,OAAO,CACL,wBAAC,0BAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,WAAW,EAAE,aACjD,uBAAC,mCAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,YAC3C,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,KAAK,GACc,EAE9B,CAAC,KAAK,IAAI,MAAM,EAEhB,MAAM,EAEN,KAAK,EAEL,CAAC,KAAK,IAAI,aAAa,EAEvB,CAAC,WAAW,IAAI,SAAS,EAEzB,CAAC,KAAK,IAAI,aAAa,EAEvB,MAAM,IACqB,CAC/B,CAAC;AACJ,CAAC;AA3CD,kCA2CC"}

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

@@ -1,7 +1,64 @@
-import type { ReactNode } from 'react';
+import type { LinkProps } from '@sima-land/ui-nucleons/link';
+import type { StrokedSVGProps } from '@sima-land/ui-nucleons/stroked-svg';
+import type { ProductImageStyle } from '../product-image';
+import type { AnchorHTMLAttributes, CSSProperties, ElementType, HTMLAttributes, ReactNode, Ref, SVGAttributes } from 'react';
+export type ProductInfoRestriction = 'adult' | 'unavailable';
 export interface ProductInfoProps {
     /** Ограничение товара. Влияет на отображение информации. */
-    restriction?: 'adult' | 'unavailable';
+    restriction?: ProductInfoRestriction;
     /** Содержимое. */
     children?: ReactNode;
+    /** Нужно ли фильтровать содержимое и четко задавать порядок слотов. */
+    strict?: boolean;
+}
+export interface ProductInfoMediaStyle extends CSSProperties {
+    '--product-info-media-ratio'?: string;
+}
+export interface ProductInfoMediaProps extends HTMLAttributes<HTMLDivElement> {
+    /** Включено ли фиксированное соотношение сторон. */
+    aspectRatio?: boolean;
+    /** Стили. */
+    style?: ProductInfoMediaStyle & ProductImageStyle;
+}
+export interface ProductInfoImageProps extends ProductInfoMediaProps {
+    /** Ссылка на картинку или список ссылок для вывода слайдера. */
+    src?: string | string[];
+    /** Ссылка на товар. */
+    href?: string;
+    /** Прочие атрибуты элемента-ссылки. */
+    anchorProps?: AnchorHTMLAttributes<HTMLAnchorElement>;
+}
+export interface ImageButtonProps extends Omit<StrokedSVGProps, 'component'> {
+    icon: ElementType<SVGAttributes<SVGSVGElement>>;
+    /** Задает абсолютное позиционирование. */
+    position?: {
+        x: 'left' | 'right';
+        y: 'top' | 'bottom';
+    };
+    /** Хинт. */
+    hint?: ReactNode;
+    /** Направление хинта. */
+    hintDirection?: 'top' | 'left' | 'bottom' | 'right';
+}
+export interface ProductInfoTitleProps extends LinkProps {
+    adultPlaceholder?: ReactNode;
+}
+export interface ProductInfoPricesProps {
+    price: number;
+    oldPrice?: number;
+    currencyGrapheme?: string;
+    unavailableReason?: ReactNode;
+}
+export interface ProductInfoWaitListAddedLinkProps extends LinkProps {
+    contentBefore?: ReactNode;
+    rootRef?: Ref<HTMLSpanElement>;
+    rootProps?: HTMLAttributes<HTMLSpanElement>;
+}
+export interface ProductInfoFooterProps extends HTMLAttributes<HTMLDivElement> {
+}
+export interface ProductInfoCartControlProps {
+    children?: ReactNode;
+    stepText?: string;
+    markupText?: string;
+    loading?: boolean;
 }

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

@@ -1,3 +1,6 @@
 /// <reference types="react" />
 import { ProductInfoProps } from './types';
 export declare const ProductInfoContext: import("react").Context<Pick<ProductInfoProps, "restriction">>;
+export declare const ProductInfoFooterContext: import("react").Context<{
+    className?: string | undefined;
+}>;

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

@@ -1,6 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProductInfoContext = void 0;
+exports.ProductInfoFooterContext = exports.ProductInfoContext = void 0;
 const react_1 = require("react");
-exports.ProductInfoContext = (0, react_1.createContext)({});
+exports.ProductInfoContext = (0, react_1.createContext)({
+    restriction: undefined,
+});
+exports.ProductInfoFooterContext = (0, react_1.createContext)({
+    className: undefined,
+});
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/common/components/product-info/utils.ts"],"names":[],"mappings":";;;AAAA,iCAAsC;AAGzB,QAAA,kBAAkB,GAAG,IAAA,qBAAa,EAAwC,EAAE,CAAC,CAAC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/common/components/product-info/utils.ts"],"names":[],"mappings":";;;AAAA,iCAAsC;AAGzB,QAAA,kBAAkB,GAAG,IAAA,qBAAa,EAAwC;IACrF,WAAW,EAAE,SAAS;CACvB,CAAC,CAAC;AAEU,QAAA,wBAAwB,GAAG,IAAA,qBAAa,EAAyB;IAC5E,SAAS,EAAE,SAAS;CACrB,CAAC,CAAC"}

package/common/components/rating-counter/rating-counter.js

@@ -16,7 +16,7 @@ const cx = bind_1.default.bind(rating_counter_m_scss_1.default);
  * @return Элемент.
  */
 function RatingCounter({ size = 's', value, reviewCount, className, hoverDisabled, 'data-testid': testId = 'rating-counter', ...restProps }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: cx('root', `size-${size}`, !(value > 0) && 'empty', hoverDisabled && 'hover-disabled', className), "data-testid": testId, ...restProps, children: [(0, jsx_runtime_1.jsx)(Star_1.default, { className: cx('star') }), value > 0 && (0, jsx_runtime_1.jsx)("span", { className: cx('value'), children: String(value).replace('.', ',') }), (0, jsx_runtime_1.jsx)("span", { className: cx('count'), children: reviewCount > 0
+    return ((0, jsx_runtime_1.jsxs)("div", { className: cx('root', `size-${size}`, !(value > 0) && 'empty', hoverDisabled && 'hover-disabled', className), "data-testid": testId, ...restProps, children: [(0, jsx_runtime_1.jsx)(Star_1.default, { className: cx('star') }), value > 0 && (0, jsx_runtime_1.jsx)("span", { className: cx('value'), children: value }), (0, jsx_runtime_1.jsx)("span", { className: cx('count'), children: reviewCount > 0
                     ? `${reviewCount} ${(0, helpers_1.getDeclination)(reviewCount, ['отзыв', 'отзыва', 'отзывов'])}`
                     : 'Нет отзывов' })] }));
 }

package/common/components/rating-counter/rating-counter.js.map

@@ -1 +1 @@
-{"version":3,"file":"rating-counter.js","sourceRoot":"","sources":["../../../../src/common/components/rating-counter/rating-counter.tsx"],"names":[],"mappings":";;;;;;;AACA,wFAAmE;AACnE,4DAAgE;AAChE,2DAAyC;AACzC,oFAA6C;AAuC7C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,+BAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,aAAa,CAAC,EAC5B,IAAI,GAAG,GAAG,EACV,KAAK,EACL,WAAW,EACX,SAAS,EACT,aAAa,EACb,aAAa,EAAE,MAAM,GAAG,gBAAgB,EACxC,GAAG,SAAS,EACO;IACnB,OAAO,CACL,iCACE,SAAS,EAAE,EAAE,CACX,MAAM,EACN,QAAQ,IAAI,EAAE,EACd,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,OAAO,EACvB,aAAa,IAAI,gBAAgB,EACjC,SAAS,CACV,iBACY,MAAM,KACf,SAAS,aAEb,uBAAC,cAAO,IAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GAAI,EAEjC,KAAK,GAAG,CAAC,IAAI,iCAAM,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,YAAG,MAAM,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,GAAQ,EAEpF,iCAAM,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,YACzB,WAAW,GAAG,CAAC;oBACd,CAAC,CAAC,GAAG,WAAW,IAAI,IAAA,wBAAc,EAAC,WAAW,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,EAAE;oBACjF,CAAC,CAAC,aAAa,GACZ,IACH,CACP,CAAC;AACJ,CAAC;AAhCD,sCAgCC"}
+{"version":3,"file":"rating-counter.js","sourceRoot":"","sources":["../../../../src/common/components/rating-counter/rating-counter.tsx"],"names":[],"mappings":";;;;;;;AACA,wFAAmE;AACnE,4DAAgE;AAChE,2DAAyC;AACzC,oFAA6C;AAuC7C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,+BAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,aAAa,CAAC,EAC5B,IAAI,GAAG,GAAG,EACV,KAAK,EACL,WAAW,EACX,SAAS,EACT,aAAa,EACb,aAAa,EAAE,MAAM,GAAG,gBAAgB,EACxC,GAAG,SAAS,EACO;IACnB,OAAO,CACL,iCACE,SAAS,EAAE,EAAE,CACX,MAAM,EACN,QAAQ,IAAI,EAAE,EACd,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,OAAO,EACvB,aAAa,IAAI,gBAAgB,EACjC,SAAS,CACV,iBACY,MAAM,KACf,SAAS,aAEb,uBAAC,cAAO,IAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GAAI,EAEjC,KAAK,GAAG,CAAC,IAAI,iCAAM,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,YAAG,KAAK,GAAQ,EAE1D,iCAAM,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,YACzB,WAAW,GAAG,CAAC;oBACd,CAAC,CAAC,GAAG,WAAW,IAAI,IAAA,wBAAc,EAAC,WAAW,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,EAAE;oBACjF,CAAC,CAAC,aAAa,GACZ,IACH,CACP,CAAC;AACJ,CAAC;AAhCD,sCAgCC"}

package/common/hooks/index.d.ts

@@ -1,19 +1,3 @@
-import { ReactEventHandler } from 'react';
-/**
- * Возвращает true если компонент смонтирован.
- * @return True если компонент смонтирован.
- */
-export declare function useMounted(): boolean;
-/**
- * Хук состояния ошибки загрузки изображения.
- * @param src Ссылка на картинку.
- * @param onError Обработчик ошибки.
- * @return Управление состоянием.
- * @todo Переименовать в useImageError?
- * @todo Объединить с тем что есть в AllRoundView!
- */
-export declare function useImageStub(src?: string, onError?: ReactEventHandler<HTMLImageElement>): {
-    failed: boolean;
-    setFailed: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    handleError: ReactEventHandler<HTMLImageElement>;
-};
+export { useClientWidth } from './use-client-width';
+export { useImageStub } from './use-image-stub';
+export { useMounted } from './use-mounted';

package/common/hooks/index.js

@@ -1,39 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useImageStub = exports.useMounted = void 0;
-const hooks_1 = require("@sima-land/ui-nucleons/hooks");
-const react_1 = require("react");
-/**
- * Возвращает true если компонент смонтирован.
- * @return True если компонент смонтирован.
- */
-function useMounted() {
-    const [mounted, setMounted] = (0, react_1.useState)(false);
-    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
-        setMounted(true);
-        return () => setMounted(false);
-    }, []);
-    return mounted;
-}
-exports.useMounted = useMounted;
-/**
- * Хук состояния ошибки загрузки изображения.
- * @param src Ссылка на картинку.
- * @param onError Обработчик ошибки.
- * @return Управление состоянием.
- * @todo Переименовать в useImageError?
- * @todo Объединить с тем что есть в AllRoundView!
- */
-function useImageStub(src, onError) {
-    const [failed, setFailed] = (0, react_1.useState)(false);
-    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
-        setFailed(false);
-    }, [src]);
-    const handleError = (0, react_1.useCallback)(event => {
-        setFailed(true);
-        onError === null || onError === void 0 ? void 0 : onError(event);
-    }, [onError]);
-    return { failed, setFailed, handleError };
-}
-exports.useImageStub = useImageStub;
+exports.useMounted = exports.useImageStub = exports.useClientWidth = void 0;
+var use_client_width_1 = require("./use-client-width");
+Object.defineProperty(exports, "useClientWidth", { enumerable: true, get: function () { return use_client_width_1.useClientWidth; } });
+var use_image_stub_1 = require("./use-image-stub");
+Object.defineProperty(exports, "useImageStub", { enumerable: true, get: function () { return use_image_stub_1.useImageStub; } });
+var use_mounted_1 = require("./use-mounted");
+Object.defineProperty(exports, "useMounted", { enumerable: true, get: function () { return use_mounted_1.useMounted; } });
 //# sourceMappingURL=index.js.map

package/common/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/common/hooks/index.ts"],"names":[],"mappings":";;;AAAA,wDAAyE;AACzE,iCAAiE;AAEjE;;;GAGG;AACH,SAAgB,UAAU;IACxB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,IAAA,iCAAyB,EAAC,GAAG,EAAE;QAC7B,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,OAAO,CAAC;AACjB,CAAC;AATD,gCASC;AAED;;;;;;;GAOG;AACH,SAAgB,YAAY,CAAC,GAAY,EAAE,OAA6C;IACtF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5C,IAAA,iCAAyB,EAAC,GAAG,EAAE;QAC7B,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,KAAK,CAAC,EAAE;QACN,SAAS,CAAC,IAAI,CAAC,CAAC;QAChB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAC;IACnB,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;AAC5C,CAAC;AAhBD,oCAgBC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/common/hooks/index.ts"],"names":[],"mappings":";;;AAAA,uDAAoD;AAA3C,kHAAA,cAAc,OAAA;AACvB,mDAAgD;AAAvC,8GAAA,YAAY,OAAA;AACrB,6CAA2C;AAAlC,yGAAA,UAAU,OAAA"}

package/common/hooks/use-client-width.d.ts

@@ -0,0 +1,8 @@
+import { RefObject, DependencyList } from 'react';
+/**
+ * Возвращает актуальное значение clientWidth элемента.
+ * @param ref Ref с элементом.
+ * @param deps Массив зависимостей от которых зависит пересчет.
+ * @return Значение свойства clientWidth.
+ */
+export declare function useClientWidth(ref: RefObject<HTMLElement | null>, deps?: DependencyList): number | null;

package/common/hooks/use-client-width.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useClientWidth = void 0;
+const react_1 = require("react");
+/**
+ * Возвращает актуальное значение clientWidth элемента.
+ * @param ref Ref с элементом.
+ * @param deps Массив зависимостей от которых зависит пересчет.
+ * @return Значение свойства clientWidth.
+ */
+function useClientWidth(ref, deps = []) {
+    const [width, setWidth] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
+        if (!ref.current) {
+            return;
+        }
+        const element = ref.current;
+        const observer = new ResizeObserver(() => {
+            setWidth(element.clientWidth);
+        });
+        observer.observe(element);
+        setWidth(element.clientWidth);
+        return () => observer.disconnect();
+    }, [ref, ...deps]);
+    return width;
+}
+exports.useClientWidth = useClientWidth;
+//# sourceMappingURL=use-client-width.js.map

package/common/hooks/use-client-width.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-client-width.js","sourceRoot":"","sources":["../../../src/common/hooks/use-client-width.ts"],"names":[],"mappings":";;;AAAA,iCAAuE;AAEvE;;;;;GAKG;AACH,SAAgB,cAAc,CAAC,GAAkC,EAAE,OAAuB,EAAE;IAC1F,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAC;IAExD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;YACjB,OAAO;QACT,CAAC;QAED,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAE5B,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;YACvC,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QAChC,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAE1B,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QAE9B,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACrC,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC;IAEnB,OAAO,KAAK,CAAC;AACf,CAAC;AAtBD,wCAsBC"}

package/common/hooks/use-image-stub.d.ts

@@ -0,0 +1,14 @@
+import { ReactEventHandler } from 'react';
+/**
+ * Хук состояния ошибки загрузки изображения.
+ * @param src Ссылка на картинку.
+ * @param onError Обработчик ошибки.
+ * @return Управление состоянием.
+ * @todo Переименовать в useImageError?
+ * @todo Объединить с тем что есть в AllRoundView!
+ */
+export declare function useImageStub(src?: string, onError?: ReactEventHandler<HTMLImageElement>): {
+    failed: boolean;
+    setFailed: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    handleError: ReactEventHandler<HTMLImageElement>;
+};

package/common/hooks/use-image-stub.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useImageStub = void 0;
+const hooks_1 = require("@sima-land/ui-nucleons/hooks");
+const react_1 = require("react");
+/**
+ * Хук состояния ошибки загрузки изображения.
+ * @param src Ссылка на картинку.
+ * @param onError Обработчик ошибки.
+ * @return Управление состоянием.
+ * @todo Переименовать в useImageError?
+ * @todo Объединить с тем что есть в AllRoundView!
+ */
+function useImageStub(src, onError) {
+    const [failed, setFailed] = (0, react_1.useState)(false);
+    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
+        setFailed(false);
+    }, [src]);
+    const handleError = (0, react_1.useCallback)(event => {
+        setFailed(true);
+        onError === null || onError === void 0 ? void 0 : onError(event);
+    }, [onError]);
+    return { failed, setFailed, handleError };
+}
+exports.useImageStub = useImageStub;
+//# sourceMappingURL=use-image-stub.js.map

package/common/hooks/use-image-stub.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-image-stub.js","sourceRoot":"","sources":["../../../src/common/hooks/use-image-stub.ts"],"names":[],"mappings":";;;AAAA,wDAAyE;AACzE,iCAAiE;AAEjE;;;;;;;GAOG;AACH,SAAgB,YAAY,CAAC,GAAY,EAAE,OAA6C;IACtF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5C,IAAA,iCAAyB,EAAC,GAAG,EAAE;QAC7B,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,KAAK,CAAC,EAAE;QACN,SAAS,CAAC,IAAI,CAAC,CAAC;QAChB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAC;IACnB,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;AAC5C,CAAC;AAhBD,oCAgBC"}

package/common/hooks/use-mounted.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Возвращает true если компонент смонтирован.
+ * @return True если компонент смонтирован.
+ */
+export declare function useMounted(): boolean;

package/common/hooks/use-mounted.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMounted = void 0;
+const hooks_1 = require("@sima-land/ui-nucleons/hooks");
+const react_1 = require("react");
+/**
+ * Возвращает true если компонент смонтирован.
+ * @return True если компонент смонтирован.
+ */
+function useMounted() {
+    const [mounted, setMounted] = (0, react_1.useState)(false);
+    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
+        setMounted(true);
+        return () => setMounted(false);
+    }, []);
+    return mounted;
+}
+exports.useMounted = useMounted;
+//# sourceMappingURL=use-mounted.js.map

package/common/hooks/use-mounted.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mounted.js","sourceRoot":"","sources":["../../../src/common/hooks/use-mounted.ts"],"names":[],"mappings":";;;AAAA,wDAAyE;AACzE,iCAAiC;AAEjC;;;GAGG;AACH,SAAgB,UAAU;IACxB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,IAAA,iCAAyB,EAAC,GAAG,EAAE;QAC7B,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,OAAO,CAAC;AACjB,CAAC;AATD,gCASC"}

package/desktop/components/product-carousel/product-carousel.d.ts

@@ -4,4 +4,4 @@ import { ProductCarouselProps } from './types';
  * @param props Свойства.
  * @return Элемент.
  */
-export declare function ProductCarousel({ className, itemSize, itemProps, onInViewport, onNeedRequest, withHoverCard, children, reduceBaseInfo: reduceBaseInfoProp, reduceHoverInfo: reduceHoverInfoProp, }: ProductCarouselProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProductCarousel({ className, itemSize, itemProps, onInViewport, onNeedRequest, children, }: ProductCarouselProps): import("react/jsx-runtime").JSX.Element;