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

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

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProductInfoCartControl = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cart_control_m_scss_1 = __importDefault(require("./cart-control.m.scss"));
+const classnames_1 = __importDefault(require("classnames"));
+/**
+ * Блок управления корзиной.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function ProductInfoCartControl({ children, stepText, markupText, loading, }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(cart_control_m_scss_1.default.root, loading && cart_control_m_scss_1.default.loading), children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(cart_control_m_scss_1.default.main), children: !loading && children }), (loading || stepText) && ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(cart_control_m_scss_1.default.aside), "data-testid": 'product-info:cart-step', children: !loading && stepText })), !loading && markupText && ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(cart_control_m_scss_1.default.footer), "data-testid": 'product-info:cart-info', children: markupText }))] }));
+}
+exports.ProductInfoCartControl = ProductInfoCartControl;
+//# sourceMappingURL=cart-control.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cart-control.js","sourceRoot":"","sources":["../../../../../src/common/components/product-info/parts/cart-control.tsx"],"names":[],"mappings":";;;;;;;AACA,gFAA2C;AAC3C,4DAAoC;AAEpC;;;;GAIG;AACH,SAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,OAAO,GACqB;IAC5B,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,6BAAM,CAAC,IAAI,EAAE,OAAO,IAAI,6BAAM,CAAC,OAAO,CAAC,aAChE,gCAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,6BAAM,CAAC,IAAI,CAAC,YAAG,CAAC,OAAO,IAAI,QAAQ,GAAO,EAEpE,CAAC,OAAO,IAAI,QAAQ,CAAC,IAAI,CACxB,gCAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,6BAAM,CAAC,KAAK,CAAC,iBAAc,wBAAwB,YAC3E,CAAC,OAAO,IAAI,QAAQ,GACjB,CACP,EAEA,CAAC,OAAO,IAAI,UAAU,IAAI,CACzB,gCAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,6BAAM,CAAC,MAAM,CAAC,iBAAc,wBAAwB,YAC5E,UAAU,GACP,CACP,IACG,CACP,CAAC;AACJ,CAAC;AAvBD,wDAuBC"}

package/common/components/product-info/parts/cart-control.m.scss

@@ -0,0 +1,41 @@
+@use 'node_modules/@sima-land/ui-nucleons/colors';
+
+.root {
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: 16px;
+  &.loading {
+    .main {
+      background: colors.$basic-gray4;
+      border-radius: 4px;
+    }
+    .aside::before {
+      content: '';
+      display: block;
+      background: colors.$basic-gray4;
+      border-radius: 4px;
+      width: 48px;
+      height: 16px;
+    }
+  }
+}
+
+.main {
+  width: 122px;
+  height: 40px;
+  margin-right: 16px;
+}
+
+.aside {
+  padding-top: 12px; // чтобы при переносе на следующую строку правильно отступил от кнопки
+  font-size: 12px;
+  line-height: 16px;
+  color: colors.$basic-gray38;
+}
+
+.footer {
+  margin-top: 12px;
+  font-size: 12px;
+  line-height: 16px;
+  color: colors.$basic-gray38;
+}

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

@@ -0,0 +1,7 @@
+import type { ProductInfoFooterProps } from '../types';
+/**
+ * Слот - футер.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function ProductInfoFooter({ children, className, ...restProps }: ProductInfoFooterProps): import("react/jsx-runtime").JSX.Element;

package/common/components/product-info/parts/footer.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.ProductInfoFooter = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("../utils");
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+const footer_m_scss_1 = __importDefault(require("./footer.m.scss"));
+/**
+ * Слот - футер.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function ProductInfoFooter({ children, className, ...restProps }) {
+    const { className: classNameFromContext } = (0, react_1.useContext)(utils_1.ProductInfoFooterContext);
+    return ((0, jsx_runtime_1.jsx)("div", { className: classNameFromContext !== null && classNameFromContext !== void 0 ? classNameFromContext : (0, classnames_1.default)(footer_m_scss_1.default.root, className), ...restProps, children: children }));
+}
+exports.ProductInfoFooter = ProductInfoFooter;
+//# sourceMappingURL=footer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../../../src/common/components/product-info/parts/footer.tsx"],"names":[],"mappings":";;;;;;;AACA,oCAAoD;AACpD,iCAAmC;AACnC,4DAAoC;AACpC,oEAAqC;AAErC;;;;GAIG;AACH,SAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAA0B;IAC7F,MAAM,EAAE,SAAS,EAAE,oBAAoB,EAAE,GAAG,IAAA,kBAAU,EAAC,gCAAwB,CAAC,CAAC;IAEjF,OAAO,CACL,gCAAK,SAAS,EAAE,oBAAoB,aAApB,oBAAoB,cAApB,oBAAoB,GAAI,IAAA,oBAAU,EAAC,uBAAM,CAAC,IAAI,EAAE,SAAS,CAAC,KAAM,SAAS,YACtF,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AARD,8CAQC"}

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

@@ -0,0 +1,3 @@
+.root {
+  margin-top: 16px;
+}

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

@@ -0,0 +1,7 @@
+import { type ImageButtonProps } from '../types';
+/**
+ * Кнопка-иконка на изображении.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function ImageButton({ icon, hint, hintDirection, position, 'data-testid': testId, className, ...restProps }: ImageButtonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,39 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const stroked_svg_1 = require("@sima-land/ui-nucleons/stroked-svg");
+const hint_1 = require("@sima-land/ui-nucleons/hint");
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+const image_button_m_scss_1 = __importDefault(require("./image-button.m.scss"));
+/**
+ * Кнопка-иконка на изображении.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function ImageButton({ icon, hint, hintDirection = 'left', position, 'data-testid': testId, className, ...restProps }) {
+    // состояние
+    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);
+    const rootProps = {
+        role: 'banner',
+        ...restProps,
+        strokeWidth: 1.5,
+        className: (0, classnames_1.default)(image_button_m_scss_1.default.root, position && image_button_m_scss_1.default[`${position.x}-${position.y}`], className),
+        'data-testid': testId,
+    };
+    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(rootProps) }), hint && ((0, jsx_runtime_1.jsx)(hint_1.Hint, { open: open, hintRef: refs.setFloating, arrowRef: refs.setArrow, ...getFloatingProps(), children: hint }))] }));
+}
+exports.ImageButton = ImageButton;
+//# sourceMappingURL=image-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image-button.js","sourceRoot":"","sources":["../../../../../src/common/components/product-info/parts/image-button.tsx"],"names":[],"mappings":";;;;;;;AACA,oEAAsF;AACtF,sDAAoF;AACpF,iCAAiC;AACjC,4DAAoC;AACpC,gFAA2C;AAE3C;;;;GAIG;AACH,SAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,IAAI,EACJ,aAAa,GAAG,MAAM,EACtB,QAAQ,EACR,aAAa,EAAE,MAAM,EACrB,SAAS,EACT,GAAG,SAAS,EACK;IACjB,YAAY;IACZ,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAEjD,mBAAmB;IACnB,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,EAAE,GAAG,IAAA,sBAAe,EAAC;QAC5C,IAAI;QACJ,YAAY,EAAE,OAAO;QACrB,SAAS,EAAE,aAAa;KACzB,CAAC,CAAC;IAEH,kCAAkC;IAClC,MAAM,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,GAAG,IAAA,qBAAc,EAAC,QAAQ,CAAC,CAAC;IAEzE,MAAM,SAAS,GAAuC;QACpD,IAAI,EAAE,QAAQ;QACd,GAAG,SAAS;QACZ,WAAW,EAAE,GAAG;QAChB,SAAS,EAAE,IAAA,oBAAU,EACnB,6BAAM,CAAC,IAAI,EACX,QAAQ,IAAI,6BAAM,CAAC,GAAG,QAAQ,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,EAAE,CAAC,EACjD,SAAS,CACV;QACD,aAAa,EAAE,MAAM;KACtB,CAAC;IAEF,OAAO,CACL,6DACE,uBAAC,wBAAU,IAAC,GAAG,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,EAAE,IAAI,KAAM,iBAAiB,CAAC,SAAS,CAAC,GAAI,EAExF,IAAI,IAAI,CACP,uBAAC,WAAI,IACH,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ,KACnB,gBAAgB,EAAE,YAErB,IAAI,GACA,CACR,IACA,CACJ,CAAC;AACJ,CAAC;AAlDD,kCAkDC"}

package/common/components/product-info/parts/image-button.m.scss

@@ -0,0 +1,40 @@
+@use 'node_modules/@sima-land/ui-nucleons/colors';
+@use 'node_modules/@sima-land/ui-nucleons/breakpoints';
+
+.root {
+  width: 24px;
+  height: 24px;
+  display: block;
+  border: 0;
+  outline: 0;
+  background: transparent;
+  position: absolute;
+  &:hover {
+    cursor: pointer;
+    fill: colors.$basic-gray54;
+  }
+}
+
+.left-top {
+  position: absolute;
+  left: 8px;
+  top: 8px;
+}
+
+.left-bottom {
+  position: absolute;
+  left: 8px;
+  bottom: 8px;
+}
+
+.right-top {
+  position: absolute;
+  right: 8px;
+  top: 8px;
+}
+
+.right-bottom {
+  position: absolute;
+  right: 8px;
+  bottom: 8px;
+}

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

@@ -0,0 +1,7 @@
+import { ProductInfoImageProps } from '../types';
+/**
+ * Картинки товара.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function ProductInfoImage({ src, href, children, anchorProps, ...restProps }: ProductInfoImageProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProductInfoImage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const product_image_1 = require("../../product-image");
+const hover_slider_1 = require("../../hover-slider");
+const utils_1 = require("../utils");
+const media_1 = require("./media");
+const classnames_1 = __importDefault(require("classnames"));
+const image_m_scss_1 = __importDefault(require("./image.m.scss"));
+/**
+ * Картинки товара.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function ProductInfoImage({ src, href, children, anchorProps, ...restProps }) {
+    const { restriction } = (0, react_1.useContext)(utils_1.ProductInfoContext);
+    const adult = restriction === 'adult';
+    const rootClassName = (0, classnames_1.default)(image_m_scss_1.default.link, restriction && !adult && image_m_scss_1.default.unavailable, anchorProps === null || anchorProps === void 0 ? void 0 : anchorProps.className);
+    return ((0, jsx_runtime_1.jsxs)(media_1.ProductInfoMedia, { ...restProps, children: [(0, jsx_runtime_1.jsx)("a", { ...anchorProps, "data-testid": 'product-image-link', href: adult ? undefined : href, className: rootClassName, children: Array.isArray(src) ? ((0, jsx_runtime_1.jsx)(hover_slider_1.HoverSlider, { className: image_m_scss_1.default.slider, children: src.map((item, index) => ((0, jsx_runtime_1.jsx)(hover_slider_1.HoverSliderItem, { children: (0, jsx_runtime_1.jsx)(product_image_1.ProductImage, { src: item, className: image_m_scss_1.default.image }) }, index))) })) : ((0, jsx_runtime_1.jsx)(product_image_1.ProductImage, { src: src, className: image_m_scss_1.default.image })) }), !adult && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children })] }));
+}
+exports.ProductInfoImage = ProductInfoImage;
+//# sourceMappingURL=image.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../../../src/common/components/product-info/parts/image.tsx"],"names":[],"mappings":";;;;;;;AACA,iCAAmC;AACnC,uDAAmD;AACnD,qDAAkE;AAClE,oCAA8C;AAC9C,mCAA2C;AAC3C,4DAAoC;AACpC,kEAAoC;AAEpC;;;;GAIG;AACH,SAAgB,gBAAgB,CAAC,EAC/B,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,GAAG,SAAS,EACU;IACtB,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,0BAAkB,CAAC,CAAC;IAEvD,MAAM,KAAK,GAAG,WAAW,KAAK,OAAO,CAAC;IAEtC,MAAM,aAAa,GAAG,IAAA,oBAAU,EAC9B,sBAAM,CAAC,IAAI,EACX,WAAW,IAAI,CAAC,KAAK,IAAI,sBAAM,CAAC,WAAW,EAC3C,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,CACvB,CAAC;IAEF,OAAO,CACL,wBAAC,wBAAgB,OAAK,SAAS,aAC7B,iCACM,WAAW,iBACH,oBAAoB,EAChC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAC9B,SAAS,EAAE,aAAa,YAEvB,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CACpB,uBAAC,0BAAW,IAAC,SAAS,EAAE,sBAAM,CAAC,MAAM,YAClC,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,uBAAC,8BAAe,cACd,uBAAC,4BAAY,IAAC,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,sBAAM,CAAC,KAAK,GAAI,IADhC,KAAK,CAET,CACnB,CAAC,GACU,CACf,CAAC,CAAC,CAAC,CACF,uBAAC,4BAAY,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,sBAAM,CAAC,KAAK,GAAI,CACpD,GACC,EAGH,CAAC,KAAK,IAAI,2DAAG,QAAQ,GAAI,IACT,CACpB,CAAC;AACJ,CAAC;AA1CD,4CA0CC"}

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

@@ -0,0 +1,24 @@
+@use 'node_modules/@sima-land/ui-nucleons/colors';
+
+.link {
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.unavailable .image {
+  opacity: 0.4;
+}
+
+.slider {
+  --hover-slider-width: 100%;
+  --hover-slider-height: 100%;
+}
+
+.image {
+  --product-image-width: 100%;
+  --product-image-height: 100%;
+}

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

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+import { ProductInfoMedia } from './media';
+import { ProductInfoImage } from './image';
+import { ImageButton } from './image-button';
+import { ProductInfoBadges } from './badges';
+import { ProductInfoPrices } from './prices';
+import { ProductInfoTitle } from './title';
+import { ProductInfoSecondaryInfo } from './secondary-info';
+import { ProductInfoTrademarkLink } from './trademark-link';
+import { ProductInfoRatingCounter } from './rating-couter';
+import { ProductInfoFooter } from './footer';
+import { ProductInfoCartControl } from './cart-control';
+import { WaitListAddedLink } from './wait-list-added-link';
+import { WaitListAddLink } from './wait-list-add-link';
+import { AdultConfirmButton } from './adult-confirm-button';
+export declare const Parts: {
+    readonly Media: typeof ProductInfoMedia;
+    readonly Image: typeof ProductInfoImage;
+    readonly ImageButton: typeof ImageButton;
+    readonly Badges: typeof ProductInfoBadges;
+    readonly Prices: typeof ProductInfoPrices;
+    readonly Title: typeof ProductInfoTitle;
+    readonly SecondaryInfo: typeof ProductInfoSecondaryInfo;
+    readonly TrademarkLink: typeof ProductInfoTrademarkLink;
+    readonly RatingCounter: typeof ProductInfoRatingCounter;
+    readonly Footer: typeof ProductInfoFooter;
+    readonly FooterContext: import("react").Context<{
+        className?: string | undefined;
+    }>;
+    readonly CartControl: typeof ProductInfoCartControl;
+    readonly AdultConfirmButton: typeof AdultConfirmButton;
+    readonly WaitListAddButton: typeof WaitListAddLink;
+    readonly WaitListAddedLink: typeof WaitListAddedLink;
+};

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

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Parts = void 0;
+const media_1 = require("./media");
+const image_1 = require("./image");
+const image_button_1 = require("./image-button");
+const badges_1 = require("./badges");
+const prices_1 = require("./prices");
+const title_1 = require("./title");
+const secondary_info_1 = require("./secondary-info");
+const trademark_link_1 = require("./trademark-link");
+const rating_couter_1 = require("./rating-couter");
+const footer_1 = require("./footer");
+const utils_1 = require("../utils");
+const cart_control_1 = require("./cart-control");
+const wait_list_added_link_1 = require("./wait-list-added-link");
+const wait_list_add_link_1 = require("./wait-list-add-link");
+const adult_confirm_button_1 = require("./adult-confirm-button");
+exports.Parts = {
+    // основные компоненты-слоты и компоненты-запчасти
+    Media: media_1.ProductInfoMedia,
+    Image: image_1.ProductInfoImage,
+    ImageButton: image_button_1.ImageButton,
+    Badges: badges_1.ProductInfoBadges,
+    Prices: prices_1.ProductInfoPrices,
+    Title: title_1.ProductInfoTitle,
+    SecondaryInfo: secondary_info_1.ProductInfoSecondaryInfo,
+    TrademarkLink: trademark_link_1.ProductInfoTrademarkLink,
+    RatingCounter: rating_couter_1.ProductInfoRatingCounter,
+    // компоненты-слоты и компоненты-запчасти, предназначенные для вывода футера
+    Footer: footer_1.ProductInfoFooter,
+    FooterContext: utils_1.ProductInfoFooterContext,
+    CartControl: cart_control_1.ProductInfoCartControl,
+    AdultConfirmButton: adult_confirm_button_1.AdultConfirmButton,
+    WaitListAddButton: wait_list_add_link_1.WaitListAddLink,
+    WaitListAddedLink: wait_list_added_link_1.WaitListAddedLink,
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/common/components/product-info/parts/index.ts"],"names":[],"mappings":";;;AAAA,mCAA2C;AAC3C,mCAA2C;AAC3C,iDAA6C;AAC7C,qCAA6C;AAC7C,qCAA6C;AAC7C,mCAA2C;AAC3C,qDAA4D;AAC5D,qDAA4D;AAC5D,mDAA2D;AAC3D,qCAA6C;AAC7C,oCAAoD;AACpD,iDAAwD;AACxD,iEAA2D;AAC3D,6DAAuD;AACvD,iEAA4D;AAE/C,QAAA,KAAK,GAAG;IACnB,kDAAkD;IAClD,KAAK,EAAE,wBAAgB;IACvB,KAAK,EAAE,wBAAgB;IACvB,WAAW,EAAX,0BAAW;IACX,MAAM,EAAE,0BAAiB;IACzB,MAAM,EAAE,0BAAiB;IACzB,KAAK,EAAE,wBAAgB;IACvB,aAAa,EAAE,yCAAwB;IACvC,aAAa,EAAE,yCAAwB;IACvC,aAAa,EAAE,wCAAwB;IAEvC,4EAA4E;IAC5E,MAAM,EAAE,0BAAiB;IACzB,aAAa,EAAE,gCAAwB;IACvC,WAAW,EAAE,qCAAsB;IACnC,kBAAkB,EAAlB,yCAAkB;IAClB,iBAAiB,EAAE,oCAAe;IAClC,iBAAiB,EAAjB,wCAAiB;CACT,CAAC"}

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

@@ -0,0 +1,7 @@
+import { ProductInfoMediaProps } from '../types';
+/**
+ * Слот для вывода медиа-файлов товара.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function ProductInfoMedia({ aspectRatio, children, className, ...restProps }: ProductInfoMediaProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProductInfoMedia = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const media_m_scss_1 = __importDefault(require("./media.m.scss"));
+/**
+ * Слот для вывода медиа-файлов товара.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function ProductInfoMedia({ aspectRatio = true, children, className, ...restProps }) {
+    return ((0, jsx_runtime_1.jsx)("div", { ...restProps, className: (0, classnames_1.default)(media_m_scss_1.default.root, aspectRatio && media_m_scss_1.default.ratio, className), children: children }));
+}
+exports.ProductInfoMedia = ProductInfoMedia;
+//# sourceMappingURL=media.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"media.js","sourceRoot":"","sources":["../../../../../src/common/components/product-info/parts/media.tsx"],"names":[],"mappings":";;;;;;;AACA,4DAAoC;AACpC,kEAAoC;AAEpC;;;;GAIG;AACH,SAAgB,gBAAgB,CAAC,EAC/B,WAAW,GAAG,IAAI,EAClB,QAAQ,EACR,SAAS,EACT,GAAG,SAAS,EACU;IACtB,OAAO,CACL,mCAAS,SAAS,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,sBAAM,CAAC,IAAI,EAAE,WAAW,IAAI,sBAAM,CAAC,KAAK,EAAE,SAAS,CAAC,YAC3F,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAXD,4CAWC"}

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

@@ -0,0 +1,10 @@
+.root {
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+  margin-bottom: 8px;
+}
+
+.ratio {
+  padding-bottom: calc((var(--product-info-media-ratio, 1)) * 100%);
+}

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

@@ -0,0 +1,15 @@
+@use 'node_modules/@sima-land/ui-nucleons/breakpoints';
+
+.text-button {
+  font-size: 16px;
+  line-height: 24px;
+  font-weight: 600;
+  &:hover,
+  &:active {
+    font-weight: 600;
+  }
+  @include breakpoints.down('ml') {
+    font-size: 14px;
+    line-height: 20px;
+  }
+}

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

@@ -0,0 +1,7 @@
+import { ProductInfoPricesProps } from '../types';
+/**
+ * Слот для вывода цен.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function ProductInfoPrices({ price, oldPrice, currencyGrapheme, unavailableReason, }: ProductInfoPricesProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProductInfoPrices = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const utils_1 = require("../utils");
+const price_1 = require("@sima-land/ui-nucleons/price");
+const classnames_1 = __importDefault(require("classnames"));
+const prices_m_scss_1 = __importDefault(require("./prices.m.scss"));
+/**
+ * Слот для вывода цен.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function ProductInfoPrices({ price, oldPrice, currencyGrapheme, unavailableReason = 'Товар недоступен', }) {
+    const { restriction } = (0, react_1.useContext)(utils_1.ProductInfoContext);
+    const rootClassName = (0, classnames_1.default)(prices_m_scss_1.default.root, {
+        [prices_m_scss_1.default['height-limit']]: !restriction || restriction === 'adult',
+    });
+    return ((0, jsx_runtime_1.jsxs)("div", { className: rootClassName, "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: prices_m_scss_1.default.price, "data-testid": 'product-info:price' }), restriction !== 'adult' && oldPrice && ((0, jsx_runtime_1.jsx)(price_1.Price, { value: oldPrice, currencyGrapheme: currencyGrapheme, className: prices_m_scss_1.default['old-price'], crossedOut: true, "data-testid": 'product-info:old-price' }))] })), restriction === 'unavailable' && unavailableReason] }));
+}
+exports.ProductInfoPrices = ProductInfoPrices;
+//# sourceMappingURL=prices.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"prices.js","sourceRoot":"","sources":["../../../../../src/common/components/product-info/parts/prices.tsx"],"names":[],"mappings":";;;;;;;AACA,iCAAmC;AACnC,oCAA8C;AAC9C,wDAAqD;AACrD,4DAAoC;AACpC,oEAAqC;AAErC;;;;GAIG;AACH,SAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,iBAAiB,GAAG,kBAAkB,GACf;IACvB,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,0BAAkB,CAAC,CAAC;IAEvD,MAAM,aAAa,GAAG,IAAA,oBAAU,EAAC,uBAAM,CAAC,IAAI,EAAE;QAC5C,CAAC,uBAAM,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,WAAW,IAAI,WAAW,KAAK,OAAO;KAClE,CAAC,CAAC;IAEH,OAAO,CACL,iCAAK,SAAS,EAAE,aAAa,iBAAc,qBAAqB,aAC7D,CAAC,CAAC,WAAW,IAAI,WAAW,KAAK,OAAO,CAAC,IAAI,CAC5C,6DACE,uBAAC,aAAK,IACJ,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,uBAAM,CAAC,KAAK,iBACX,oBAAoB,GAChC,EAED,WAAW,KAAK,OAAO,IAAI,QAAQ,IAAI,CACtC,uBAAC,aAAK,IACJ,KAAK,EAAE,QAAQ,EACf,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,uBAAM,CAAC,WAAW,CAAC,EAC9B,UAAU,uBACE,wBAAwB,GACpC,CACH,IACA,CACJ,EAEA,WAAW,KAAK,aAAa,IAAI,iBAAiB,IAC/C,CACP,CAAC;AACJ,CAAC;AAtCD,8CAsCC"}

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

@@ -0,0 +1,28 @@
+.root {
+  margin-bottom: 8px;
+  display: flex;
+  align-items: center;
+
+  font-size: 16px;
+  font-weight: 700;
+  line-height: 24px;
+
+  // чтобы старая цена скрывалась если не влазит
+  &.height-limit {
+    height: 24px;
+    overflow: hidden;
+    flex-wrap: wrap;
+  }
+}
+
+.price {
+  font-size: inherit;
+  line-height: inherit;
+  margin-right: 8px;
+}
+
+.old-price {
+  font-size: 12px;
+  line-height: 16px;
+  font-weight: 400;
+}

package/common/components/product-info/parts/rating-counter.m.scss

@@ -0,0 +1,12 @@
+@use 'node_modules/@sima-land/ui-nucleons/breakpoints';
+@use '../../rating-counter/rating-counter-util';
+
+.root {
+  margin-top: 8px;
+  @include breakpoints.down('mm') {
+    @include rating-counter-util.size-s;
+  }
+  @include breakpoints.up('mm') {
+    @include rating-counter-util.size-m;
+  }
+}

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

@@ -0,0 +1,7 @@
+import { type RatingCounterProps } from '../../rating-counter';
+/**
+ * Счетчик рейтинга.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function ProductInfoRatingCounter({ size, hoverDisabled, className, ...restProps }: RatingCounterProps): import("react/jsx-runtime").JSX.Element;

package/common/components/product-info/parts/rating-couter.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.ProductInfoRatingCounter = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const rating_counter_1 = require("../../rating-counter");
+const classnames_1 = __importDefault(require("classnames"));
+const rating_counter_m_scss_1 = __importDefault(require("./rating-counter.m.scss"));
+/**
+ * Счетчик рейтинга.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function ProductInfoRatingCounter({ size = 'unset', hoverDisabled = true, className, ...restProps }) {
+    return ((0, jsx_runtime_1.jsx)(rating_counter_1.RatingCounter, { ...restProps, size: size, hoverDisabled: hoverDisabled, className: (0, classnames_1.default)(rating_counter_m_scss_1.default.root, className) }));
+}
+exports.ProductInfoRatingCounter = ProductInfoRatingCounter;
+//# sourceMappingURL=rating-couter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rating-couter.js","sourceRoot":"","sources":["../../../../../src/common/components/product-info/parts/rating-couter.tsx"],"names":[],"mappings":";;;;;;;AAAA,yDAA8E;AAC9E,4DAAoC;AACpC,oFAA6C;AAE7C;;;;GAIG;AACH,SAAgB,wBAAwB,CAAC,EACvC,IAAI,GAAG,OAAO,EACd,aAAa,GAAG,IAAI,EACpB,SAAS,EACT,GAAG,SAAS,EACO;IACnB,OAAO,CACL,uBAAC,8BAAa,OACR,SAAS,EACb,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,IAAA,oBAAU,EAAC,+BAAM,CAAC,IAAI,EAAE,SAAS,CAAC,GAC7C,CACH,CAAC;AACJ,CAAC;AAdD,4DAcC"}

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

@@ -0,0 +1,7 @@
+import { type HTMLAttributes } from 'react';
+/**
+ * Дополнительный контент после заголовка.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function ProductInfoSecondaryInfo({ children, className, ...restProps }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProductInfoSecondaryInfo = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const secondary_info_m_scss_1 = __importDefault(require("./secondary-info.m.scss"));
+/**
+ * Дополнительный контент после заголовка.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function ProductInfoSecondaryInfo({ children, className, ...restProps }) {
+    return ((0, jsx_runtime_1.jsx)("div", { ...restProps, className: (0, classnames_1.default)(secondary_info_m_scss_1.default.root, className), children: children }));
+}
+exports.ProductInfoSecondaryInfo = ProductInfoSecondaryInfo;
+//# sourceMappingURL=secondary-info.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"secondary-info.js","sourceRoot":"","sources":["../../../../../src/common/components/product-info/parts/secondary-info.tsx"],"names":[],"mappings":";;;;;;;AACA,4DAAoC;AACpC,oFAA6C;AAE7C;;;;GAIG;AACH,SAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,SAAS,EACT,GAAG,SAAS,EACmB;IAC/B,OAAO,CACL,mCAAS,SAAS,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,+BAAM,CAAC,IAAI,EAAE,SAAS,CAAC,YAC9D,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAVD,4DAUC"}

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

@@ -0,0 +1,8 @@
+@use 'node_modules/@sima-land/ui-nucleons/colors';
+
+.root {
+  margin-top: 8px;
+  font-size: 14px;
+  line-height: 20px;
+  color: colors.$basic-gray38;
+}

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

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

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

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProductInfoTitle = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const link_1 = require("@sima-land/ui-nucleons/link");
+const react_1 = require("react");
+const utils_1 = require("../utils");
+const classnames_1 = __importDefault(require("classnames"));
+const title_m_scss_1 = __importDefault(require("./title.m.scss"));
+const defaultAdultPlaceholder = ((0, jsx_runtime_1.jsx)("span", { className: title_m_scss_1.default['adult-placeholder'], "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." }));
+/**
+ * Слот для вывода ссылки - названия товара.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function ProductInfoTitle({ children, href, className, color = 'basic-gray87', adultPlaceholder = defaultAdultPlaceholder, 'data-testid': testId = 'product-info:name-link', ...restProps }) {
+    const { restriction } = (0, react_1.useContext)(utils_1.ProductInfoContext);
+    return restriction === 'adult' ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: adultPlaceholder })) : ((0, jsx_runtime_1.jsx)(link_1.Link, { ...restProps, className: (0, classnames_1.default)(title_m_scss_1.default.root, title_m_scss_1.default['line-clamp'], className), href: href, color: color, "data-testid": testId, children: children }));
+}
+exports.ProductInfoTitle = ProductInfoTitle;
+//# sourceMappingURL=title.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"title.js","sourceRoot":"","sources":["../../../../../src/common/components/product-info/parts/title.tsx"],"names":[],"mappings":";;;;;;;AACA,sDAAmD;AACnD,iCAAmC;AACnC,oCAA8C;AAC9C,4DAAoC;AACpC,kEAAoC;AAEpC,MAAM,uBAAuB,GAAG,CAC9B,iCAAM,SAAS,EAAE,sBAAM,CAAC,mBAAmB,CAAC,iBAAc,4BAA4B,4SAE/E,CACR,CAAC;AAEF;;;;GAIG;AACH,SAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,KAAK,GAAG,cAAc,EACtB,gBAAgB,GAAG,uBAAuB,EAC1C,aAAa,EAAE,MAAM,GAAG,wBAAwB,EAChD,GAAG,SAAS,EACU;IACtB,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,0BAAkB,CAAC,CAAC;IAEvD,OAAO,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,CAC/B,2DAAG,gBAAgB,GAAI,CACxB,CAAC,CAAC,CAAC,CACF,uBAAC,WAAI,OACC,SAAS,EACb,SAAS,EAAE,IAAA,oBAAU,EAAC,sBAAM,CAAC,IAAI,EAAE,sBAAM,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC,EACnE,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,iBACC,MAAM,YAElB,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC;AAxBD,4CAwBC"}