@sima-land/ui-nucleons 40.2.0 → 41.0.0

package/screen/screen-layout.js

@@ -1,110 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createTakeContentRef = exports.ScreenLayout = void 0;
-const react_1 = __importStar(require("react"));
-const nav_bar_1 = require("../nav-bar");
-const utils_1 = require("./utils");
-const on_1 = __importDefault(require("../helpers/on"));
-const is_fully_scrolled_1 = require("../helpers/is-fully-scrolled");
-const lodash_1 = require("lodash");
-const arrow_left_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/arrow-left"));
-const cross_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/cross"));
-/**
- * Разметка содержимого компонента Screen.
- * @param props Свойства.
- * @param props.children Содержимое.
- * @param props.childrenRef Ref для элемента содержимого.
- * @param props.footer Содержимое подвала.
- * @param props.fullScrollThreshold Отступ от нижней границы для срабатывания onFullScroll.
- * @param props.navBarProps Свойства компонента NavBar.
- * @param props.onBack Сработает при клике на кнопку "назад".
- * @param props.onClose Сработает при клике на крест.
- * @param props.onFullScroll Сработает при полной прокрутке контента.
- * @param props.subtitle Подзаголовок.
- * @param props.title Заголовок.
- * @param props.withBackButton Нужно ли выводить кнопку "назад".
- * @param props.withCloseButton Нужно ли выводить закрывающий крест.
- * @param props.withDivideHeader Нужно ли рисовать черту между шапкой и основным содержимым.
- * @param props.withHeader Нужно ли выводить шапку с заголовком и кнопками.
- * @return Элемент.
- */
-const ScreenLayout = ({ children, childrenRef, footer, fullScrollThreshold, navBarProps = {}, onBack, onClose, onFullScroll, subtitle, title, withBackButton, withCloseButton, withDivideHeader, withHeader, }) => {
-    const contentRef = (0, react_1.useRef)();
-    const unsubscribeRef = (0, react_1.useRef)();
-    (0, react_1.useImperativeHandle)(childrenRef, () => contentRef.current);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        Boolean(withHeader) && (react_1.default.createElement(nav_bar_1.NavBar, Object.assign({}, navBarProps, { title: title, subtitle: subtitle, bottomBordered: withDivideHeader, buttons: Object.assign(Object.assign({}, navBarProps.buttons), { start: withBackButton
-                    ? {
-                        icon: arrow_left_1.default,
-                        onClick: () => onBack && onBack({ contentElement: contentRef.current }),
-                        'aria-label': 'Вернуться назад',
-                    }
-                    : (0, lodash_1.get)(navBarProps.buttons, 'start'), end: withCloseButton
-                    ? {
-                        icon: cross_1.default,
-                        onClick: () => onClose && onClose({ contentElement: contentRef.current }),
-                        'aria-label': `Закрыть ${title || ''}`.trim(),
-                    }
-                    : (0, lodash_1.get)(navBarProps.buttons, 'end') }) }))),
-        react_1.default.createElement("div", { className: (0, utils_1.cx)('content', 'full-width'), children: children, ref: (0, exports.createTakeContentRef)({
-                elementRef: contentRef,
-                unsubscribeRef,
-                onFullScroll,
-                fullScrollThreshold,
-            }) }),
-        Boolean(footer) && (react_1.default.createElement("div", { className: (0, utils_1.cx)('footer', 'full-width') }, footer))));
-};
-exports.ScreenLayout = ScreenLayout;
-/**
- * Возвращает функцию сохранения аргумента в ref-контейнер.
- * Возвращаемая функция выполняет подписку на "scroll" и вызывает callback в момент полной прокрутки.
- * @param options Опции.
- * @param options.elementRef Ref-контейнер для элемента.
- * @param options.unsubscribeRef Ref-контейнер для функции отписки от "scroll".
- * @param options.onFullScroll Сработает при полной прокрутке.
- * @param options.fullScrollThreshold Отступ от нижней границы для срабатывания onFullScroll.
- * @return Функция сохранения аргумента в ref-контейнер.
- */
-const createTakeContentRef = ({ elementRef, unsubscribeRef, onFullScroll, fullScrollThreshold: threshold = 0, }) => (element) => {
-    if (!element) {
-        // чистим реф
-        elementRef.current = undefined;
-        // если ранее были подписаны - отписываемся
-        unsubscribeRef.current && unsubscribeRef.current();
-    }
-    else if (element !== elementRef.current) {
-        // сохраняем ссылку для последующей отправки в onClose/onBack
-        elementRef.current = element;
-        // если ранее были подписаны - отписываемся
-        unsubscribeRef.current && unsubscribeRef.current();
-        // выполняем подписку, сохраняем функцию отписки
-        unsubscribeRef.current = (0, on_1.default)(element, 'scroll', () => {
-            (0, is_fully_scrolled_1.isFullyScrolled)(element, { threshold })
-                && onFullScroll
-                && onFullScroll({ contentElement: element });
-        });
-    }
-};
-exports.createTakeContentRef = createTakeContentRef;