@sima-land/moleculas 15.1.0 → 15.2.0

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

@@ -29,6 +29,9 @@ export declare const Parts: {
     readonly Title: ({ children, href, onClick }: Pick<LinkProps, 'children' | 'href' | 'onClick'>) => JSX.Element;
     readonly TrademarkLink: ({ href, children, onClick, }: Pick<LinkProps, 'href' | 'children' | 'onClick'>) => JSX.Element;
     readonly Footer: React.FC<{}>;
+    readonly FooterContext: React.Context<{
+        className?: string | undefined;
+    }>;
     readonly CartControl: ({ children, stepText, markupText, loading, }: {
         children?: React.ReactNode;
         stepText?: string | undefined;

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

@@ -111,12 +111,18 @@ const Title = ({ children, href, onClick }) => {
  * @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 FooterContext = (0, react_1.createContext)({
+    className: undefined,
+});
 /**
  * Слот - футер.
  * @param props Свойства.
  * @return Элемент.
  */
-const Footer = ({ children }) => (react_1.default.createElement("div", { className: cx('footer'), "data-testid": 'product-info:footer' }, children));
+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));
+};
 /**
  * Блок управления корзиной.
  * @param props Свойства.
@@ -169,6 +175,7 @@ exports.Parts = {
     TrademarkLink,
     // компоненты-слоты и компоненты-запчасти, предназначенные для вывода футера (dcе что ниже ссылки на торговую марку)
     Footer,
+    FooterContext,
     CartControl,
     AdultConfirmButton,
     WaitListAddButton,

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

@@ -45,11 +45,12 @@ const ProductSlider = ({ children, onInViewport, onNeedRequest }) => {
         entry.isIntersecting && (onInViewport === null || onInViewport === void 0 ? void 0 : onInViewport());
     });
     return (react_1.default.createElement("div", { ref: rootRef, "data-testid": 'product-slider:root' },
-        react_1.default.createElement(touch_slider_1.TouchSlider, null, react_1.Children.toArray(children).reduce((list, item) => {
-            (0, react_1.isValidElement)(item) &&
-                item.type === product_info_1.ProductInfo &&
-                list.push(react_1.default.createElement("div", { key: item.key, className: product_slider_module_scss_1.default.item, "data-testid": 'product-slider:item' }, item));
-            return list;
-        }, []))));
+        react_1.default.createElement(touch_slider_1.TouchSlider, null,
+            react_1.default.createElement(product_info_1.Parts.FooterContext.Provider, { value: { className: product_slider_module_scss_1.default.footer } }, react_1.Children.toArray(children).reduce((list, item) => {
+                (0, react_1.isValidElement)(item) &&
+                    item.type === product_info_1.ProductInfo &&
+                    list.push(react_1.default.createElement("div", { key: item.key, className: product_slider_module_scss_1.default.item, "data-testid": 'product-slider:item' }, item));
+                return list;
+            }, [])))));
 };
 exports.ProductSlider = ProductSlider;

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

@@ -1,6 +1,8 @@
 @use 'node_modules/@sima-land/ui-nucleons/breakpoints';
 
 .item {
+  display: flex;
+  flex-direction: column;
   position: relative;
   flex-shrink: 0;
   width: 160px;
@@ -11,3 +13,8 @@
     margin-right: 16px;
   }
 }
+
+.footer {
+  margin-top: auto;
+  padding-top: 16px;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sima-land/moleculas",
-  "version": "15.1.0",
+  "version": "15.2.0",
   "repository": "ssh://git@github.com:sima-land/moleculas.git",
   "author": "www.sima-land.ru team",
   "license": "Apache-2.0",