@alfalab/core-components 48.23.0-beta.0 → 48.23.0

package/input/hooks/usePreventScrollOnFocus.js

@@ -1,67 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var coreComponentsShared = require('../../shared');
-var helpers_findScrollableParent = require('../helpers/findScrollableParent.js');
-var helpers_isInput = require('../helpers/isInput.js');
-var hooks_useVirtualKeyboard = require('./useVirtualKeyboard.js');
-
-function usePreventViewportScrollOnFocus() {
-    var inputRef = React.useRef(null);
-    var keyboardIsOpen = hooks_useVirtualKeyboard.useVirtualKeyboard().keyboardIsOpen;
-    var originalContainerHeightRef = React.useRef('');
-    var originalContainerScrollRef = React.useRef(0);
-    React.useEffect(function () {
-        if (!coreComponentsShared.os.isIOS() || !inputRef.current) {
-            return coreComponentsShared.fnUtils.noop;
-        }
-        var input = inputRef.current;
-        // Хак для того, чтобы предотвратить смещение visual viewport появившейся клавиатурой
-        var handleFocus = function () {
-            input.style.opacity = '0';
-            requestAnimationFrame(function () {
-                input.style.transition = 'opacity 0.1s';
-                input.style.opacity = '1';
-            });
-        };
-        var handleBlur = function () {
-            input.style.opacity = '';
-            input.style.transition = '';
-        };
-        input.addEventListener('focus', handleFocus, true);
-        input.addEventListener('blur', handleBlur, true);
-        return function () {
-            input.removeEventListener('focus', handleFocus, true);
-            input.removeEventListener('blur', handleBlur, true);
-        };
-    }, []);
-    React.useEffect(function () {
-        var _a;
-        if (!(window === null || window === void 0 ? void 0 : window.visualViewport) || !inputRef.current)
-            return coreComponentsShared.fnUtils.noop;
-        var input = inputRef.current;
-        var focusedElement = document.activeElement;
-        var scrollableParent = null;
-        if (keyboardIsOpen && helpers_isInput.isInput(focusedElement) && focusedElement === input) {
-            var visualViewportHeight = window.visualViewport.height;
-            scrollableParent = helpers_findScrollableParent.findScrollableParent(focusedElement);
-            originalContainerHeightRef.current = scrollableParent.style.height || '';
-            originalContainerScrollRef.current = (_a = scrollableParent.scrollTop) !== null && _a !== void 0 ? _a : 0;
-            scrollableParent.style.height = "".concat(visualViewportHeight, "px");
-            input.scrollIntoView({
-                block: 'center',
-                behavior: 'instant', // в проекте используется старая версия typescript, которая не знает про "instant"
-            });
-        }
-        return function () {
-            var _a;
-            if (keyboardIsOpen && scrollableParent) {
-                scrollableParent.style.height = (_a = originalContainerHeightRef.current) !== null && _a !== void 0 ? _a : '';
-                scrollableParent.scrollTop = originalContainerScrollRef.current;
-            }
-        };
-    }, [keyboardIsOpen]);
-    return inputRef;
-}
-
-exports.usePreventViewportScrollOnFocus = usePreventViewportScrollOnFocus;

package/input/hooks/useVirtualKeyboard.d.ts

@@ -1,5 +0,0 @@
-declare function useVirtualKeyboard(): {
-    keyboardIsOpen: boolean;
-    keyboardHeight: number;
-};
-export { useVirtualKeyboard };

package/input/hooks/useVirtualKeyboard.js

@@ -1,31 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var coreComponentsShared = require('../../shared');
-
-function useVirtualKeyboard() {
-    var _a = React.useState(false), open = _a[0], setOpen = _a[1];
-    var _b = React.useState(0), height = _b[0], setHeight = _b[1];
-    React.useEffect(function () {
-        if (typeof window === 'undefined' || !window.visualViewport) {
-            return coreComponentsShared.fnUtils.noop;
-        }
-        var handleResize = function () {
-            var windowHeight = window.innerHeight;
-            var viewportHeight = window.visualViewport.height;
-            var keyboardOpen = viewportHeight < windowHeight;
-            setOpen(keyboardOpen);
-            setHeight(keyboardOpen ? windowHeight - viewportHeight : 0);
-        };
-        window.visualViewport.addEventListener('resize', handleResize);
-        return function () {
-            window.visualViewport.removeEventListener('resize', handleResize);
-        };
-    }, []);
-    return {
-        keyboardIsOpen: open,
-        keyboardHeight: height,
-    };
-}
-
-exports.useVirtualKeyboard = useVirtualKeyboard;

package/input/modern/helpers/findScrollableParent.d.ts

@@ -1,11 +0,0 @@
-/**
- * Находит ближайший родительский элемент с возможностью прокрутки.
- *
- * @param element - Элемент, от которого начинается поиск. Может быть null.
- * @returns {Element}
- *   - Ближайший родительский элемент с возможностью прокрутки
- *   - Если такой не найден, возвращает document.scrollingElement или document.documentElement
- *   - Если передан null, вернет корневой элемент документа
- */
-declare function findScrollableParent(element: Element | null): Element;
-export { findScrollableParent };

package/input/modern/helpers/findScrollableParent.js

@@ -1,23 +0,0 @@
-import { isScrollable } from './isScrollable.js';
-
-/**
- * Находит ближайший родительский элемент с возможностью прокрутки.
- *
- * @param element - Элемент, от которого начинается поиск. Может быть null.
- * @returns {Element}
- *   - Ближайший родительский элемент с возможностью прокрутки
- *   - Если такой не найден, возвращает document.scrollingElement или document.documentElement
- *   - Если передан null, вернет корневой элемент документа
- */
-function findScrollableParent(element) {
-    let current = element;
-    if (current && isScrollable(current)) {
-        current = current.parentElement;
-    }
-    while (current && !isScrollable(current)) {
-        current = current.parentElement;
-    }
-    return current || document.scrollingElement || document.documentElement;
-}
-
-export { findScrollableParent };

package/input/modern/helpers/isInput.d.ts

@@ -1,16 +0,0 @@
-/**
- * Проверяет, является ли элемент текстовым полем ввода, которое может получать ввод с клавиатуры.
- *
- * @param element - DOM-элемент для проверки. Может быть null для безопасной обработки.
- * @returns {boolean}
- *   - `true` если элемент:
- *     * Текстовое поле ввода (`<input type="text|email|password...>`)
- *     * Элемент `<textarea>`
- *     * Редактируемый элемент (contenteditable)
- *   - `false` во всех остальных случаях, включая:
- *     * Null/undefined на входе
- *     * Не-инпуты
- *     * Нетекстовые поля ввода (чекбоксы, радиокнопки и др.)
- */
-declare function isInput(element: Element | null): element is HTMLInputElement | HTMLTextAreaElement;
-export { isInput };

package/input/modern/helpers/isInput.js

@@ -1,40 +0,0 @@
-// Инпуты, которые не вызывают появления клавиатуры
-const NON_TEXT_INPUT_TYPES = new Set([
-    'checkbox',
-    'radio',
-    'range',
-    'color',
-    'file',
-    'image',
-    'button',
-    'submit',
-    'reset',
-]);
-/**
- * Проверяет, является ли элемент текстовым полем ввода, которое может получать ввод с клавиатуры.
- *
- * @param element - DOM-элемент для проверки. Может быть null для безопасной обработки.
- * @returns {boolean}
- *   - `true` если элемент:
- *     * Текстовое поле ввода (`<input type="text|email|password...>`)
- *     * Элемент `<textarea>`
- *     * Редактируемый элемент (contenteditable)
- *   - `false` во всех остальных случаях, включая:
- *     * Null/undefined на входе
- *     * Не-инпуты
- *     * Нетекстовые поля ввода (чекбоксы, радиокнопки и др.)
- */
-function isInput(element) {
-    if (!element)
-        return false;
-    const { nodeName } = element;
-    if (nodeName === 'INPUT') {
-        return !NON_TEXT_INPUT_TYPES.has(element.type);
-    }
-    if (nodeName === 'TEXTAREA') {
-        return true;
-    }
-    return 'isContentEditable' in element && element.isContentEditable;
-}
-
-export { isInput };

package/input/modern/helpers/isScrollable.d.ts

@@ -1,2 +0,0 @@
-declare function isScrollable(element: Element): boolean;
-export { isScrollable };

package/input/modern/helpers/isScrollable.js

@@ -1,12 +0,0 @@
-function isScrollable(element) {
-    if (!element) {
-        return false;
-    }
-    const style = window.getComputedStyle(element);
-    return (style.overflow === 'auto' ||
-        style.overflow === 'scroll' ||
-        style.overflowY === 'auto' ||
-        style.overflowY === 'scroll');
-}
-
-export { isScrollable };

package/input/modern/hooks/usePreventScrollOnFocus.d.ts

@@ -1,3 +0,0 @@
-import { RefObject } from 'react';
-declare function usePreventViewportScrollOnFocus<T extends HTMLInputElement | HTMLTextAreaElement>(): RefObject<T>;
-export { usePreventViewportScrollOnFocus };

package/input/modern/hooks/usePreventScrollOnFocus.js

@@ -1,64 +0,0 @@
-import { useRef, useEffect } from 'react';
-import { os, fnUtils } from '../../../shared/modern';
-import { findScrollableParent } from '../helpers/findScrollableParent.js';
-import { isInput } from '../helpers/isInput.js';
-import { useVirtualKeyboard } from './useVirtualKeyboard.js';
-import '../helpers/isScrollable.js';
-
-function usePreventViewportScrollOnFocus() {
-    const inputRef = useRef(null);
-    const { keyboardIsOpen } = useVirtualKeyboard();
-    const originalContainerHeightRef = useRef('');
-    const originalContainerScrollRef = useRef(0);
-    useEffect(() => {
-        if (!os.isIOS() || !inputRef.current) {
-            return fnUtils.noop;
-        }
-        const input = inputRef.current;
-        // Хак для того, чтобы предотвратить смещение visual viewport появившейся клавиатурой
-        const handleFocus = () => {
-            input.style.opacity = '0';
-            requestAnimationFrame(() => {
-                input.style.transition = 'opacity 0.1s';
-                input.style.opacity = '1';
-            });
-        };
-        const handleBlur = () => {
-            input.style.opacity = '';
-            input.style.transition = '';
-        };
-        input.addEventListener('focus', handleFocus, true);
-        input.addEventListener('blur', handleBlur, true);
-        return () => {
-            input.removeEventListener('focus', handleFocus, true);
-            input.removeEventListener('blur', handleBlur, true);
-        };
-    }, []);
-    useEffect(() => {
-        if (!window?.visualViewport || !inputRef.current)
-            return fnUtils.noop;
-        const input = inputRef.current;
-        const focusedElement = document.activeElement;
-        let scrollableParent = null;
-        if (keyboardIsOpen && isInput(focusedElement) && focusedElement === input) {
-            const { height: visualViewportHeight } = window.visualViewport;
-            scrollableParent = findScrollableParent(focusedElement);
-            originalContainerHeightRef.current = scrollableParent.style.height || '';
-            originalContainerScrollRef.current = scrollableParent.scrollTop ?? 0;
-            scrollableParent.style.height = `${visualViewportHeight}px`;
-            input.scrollIntoView({
-                block: 'center',
-                behavior: 'instant', // в проекте используется старая версия typescript, которая не знает про "instant"
-            });
-        }
-        return () => {
-            if (keyboardIsOpen && scrollableParent) {
-                scrollableParent.style.height = originalContainerHeightRef.current ?? '';
-                scrollableParent.scrollTop = originalContainerScrollRef.current;
-            }
-        };
-    }, [keyboardIsOpen]);
-    return inputRef;
-}
-
-export { usePreventViewportScrollOnFocus };

package/input/modern/hooks/useVirtualKeyboard.d.ts

@@ -1,5 +0,0 @@
-declare function useVirtualKeyboard(): {
-    keyboardIsOpen: boolean;
-    keyboardHeight: number;
-};
-export { useVirtualKeyboard };

package/input/modern/hooks/useVirtualKeyboard.js

@@ -1,29 +0,0 @@
-import { useState, useEffect } from 'react';
-import { fnUtils } from '../../../shared/modern';
-
-function useVirtualKeyboard() {
-    const [open, setOpen] = useState(false);
-    const [height, setHeight] = useState(0);
-    useEffect(() => {
-        if (typeof window === 'undefined' || !window.visualViewport) {
-            return fnUtils.noop;
-        }
-        const handleResize = () => {
-            const windowHeight = window.innerHeight;
-            const viewportHeight = window.visualViewport.height;
-            const keyboardOpen = viewportHeight < windowHeight;
-            setOpen(keyboardOpen);
-            setHeight(keyboardOpen ? windowHeight - viewportHeight : 0);
-        };
-        window.visualViewport.addEventListener('resize', handleResize);
-        return () => {
-            window.visualViewport.removeEventListener('resize', handleResize);
-        };
-    }, []);
-    return {
-        keyboardIsOpen: open,
-        keyboardHeight: height,
-    };
-}
-
-export { useVirtualKeyboard };

package/input/moderncssm/helpers/findScrollableParent.d.ts

@@ -1,11 +0,0 @@
-/**
- * Находит ближайший родительский элемент с возможностью прокрутки.
- *
- * @param element - Элемент, от которого начинается поиск. Может быть null.
- * @returns {Element}
- *   - Ближайший родительский элемент с возможностью прокрутки
- *   - Если такой не найден, возвращает document.scrollingElement или document.documentElement
- *   - Если передан null, вернет корневой элемент документа
- */
-declare function findScrollableParent(element: Element | null): Element;
-export { findScrollableParent };

package/input/moderncssm/helpers/findScrollableParent.js

@@ -1,23 +0,0 @@
-import { isScrollable } from './isScrollable.js';
-
-/**
- * Находит ближайший родительский элемент с возможностью прокрутки.
- *
- * @param element - Элемент, от которого начинается поиск. Может быть null.
- * @returns {Element}
- *   - Ближайший родительский элемент с возможностью прокрутки
- *   - Если такой не найден, возвращает document.scrollingElement или document.documentElement
- *   - Если передан null, вернет корневой элемент документа
- */
-function findScrollableParent(element) {
-    let current = element;
-    if (current && isScrollable(current)) {
-        current = current.parentElement;
-    }
-    while (current && !isScrollable(current)) {
-        current = current.parentElement;
-    }
-    return current || document.scrollingElement || document.documentElement;
-}
-
-export { findScrollableParent };

package/input/moderncssm/helpers/isInput.d.ts

@@ -1,16 +0,0 @@
-/**
- * Проверяет, является ли элемент текстовым полем ввода, которое может получать ввод с клавиатуры.
- *
- * @param element - DOM-элемент для проверки. Может быть null для безопасной обработки.
- * @returns {boolean}
- *   - `true` если элемент:
- *     * Текстовое поле ввода (`<input type="text|email|password...>`)
- *     * Элемент `<textarea>`
- *     * Редактируемый элемент (contenteditable)
- *   - `false` во всех остальных случаях, включая:
- *     * Null/undefined на входе
- *     * Не-инпуты
- *     * Нетекстовые поля ввода (чекбоксы, радиокнопки и др.)
- */
-declare function isInput(element: Element | null): element is HTMLInputElement | HTMLTextAreaElement;
-export { isInput };

package/input/moderncssm/helpers/isInput.js

@@ -1,40 +0,0 @@
-// Инпуты, которые не вызывают появления клавиатуры
-const NON_TEXT_INPUT_TYPES = new Set([
-    'checkbox',
-    'radio',
-    'range',
-    'color',
-    'file',
-    'image',
-    'button',
-    'submit',
-    'reset',
-]);
-/**
- * Проверяет, является ли элемент текстовым полем ввода, которое может получать ввод с клавиатуры.
- *
- * @param element - DOM-элемент для проверки. Может быть null для безопасной обработки.
- * @returns {boolean}
- *   - `true` если элемент:
- *     * Текстовое поле ввода (`<input type="text|email|password...>`)
- *     * Элемент `<textarea>`
- *     * Редактируемый элемент (contenteditable)
- *   - `false` во всех остальных случаях, включая:
- *     * Null/undefined на входе
- *     * Не-инпуты
- *     * Нетекстовые поля ввода (чекбоксы, радиокнопки и др.)
- */
-function isInput(element) {
-    if (!element)
-        return false;
-    const { nodeName } = element;
-    if (nodeName === 'INPUT') {
-        return !NON_TEXT_INPUT_TYPES.has(element.type);
-    }
-    if (nodeName === 'TEXTAREA') {
-        return true;
-    }
-    return 'isContentEditable' in element && element.isContentEditable;
-}
-
-export { isInput };

package/input/moderncssm/helpers/isScrollable.d.ts

@@ -1,2 +0,0 @@
-declare function isScrollable(element: Element): boolean;
-export { isScrollable };

package/input/moderncssm/helpers/isScrollable.js

@@ -1,12 +0,0 @@
-function isScrollable(element) {
-    if (!element) {
-        return false;
-    }
-    const style = window.getComputedStyle(element);
-    return (style.overflow === 'auto' ||
-        style.overflow === 'scroll' ||
-        style.overflowY === 'auto' ||
-        style.overflowY === 'scroll');
-}
-
-export { isScrollable };

package/input/moderncssm/hooks/usePreventScrollOnFocus.d.ts

@@ -1,3 +0,0 @@
-import { RefObject } from 'react';
-declare function usePreventViewportScrollOnFocus<T extends HTMLInputElement | HTMLTextAreaElement>(): RefObject<T>;
-export { usePreventViewportScrollOnFocus };

package/input/moderncssm/hooks/usePreventScrollOnFocus.js

@@ -1,64 +0,0 @@
-import { useRef, useEffect } from 'react';
-import { os, fnUtils } from '../../../shared/moderncssm';
-import { findScrollableParent } from '../helpers/findScrollableParent.js';
-import { isInput } from '../helpers/isInput.js';
-import { useVirtualKeyboard } from './useVirtualKeyboard.js';
-import '../helpers/isScrollable.js';
-
-function usePreventViewportScrollOnFocus() {
-    const inputRef = useRef(null);
-    const { keyboardIsOpen } = useVirtualKeyboard();
-    const originalContainerHeightRef = useRef('');
-    const originalContainerScrollRef = useRef(0);
-    useEffect(() => {
-        if (!os.isIOS() || !inputRef.current) {
-            return fnUtils.noop;
-        }
-        const input = inputRef.current;
-        // Хак для того, чтобы предотвратить смещение visual viewport появившейся клавиатурой
-        const handleFocus = () => {
-            input.style.opacity = '0';
-            requestAnimationFrame(() => {
-                input.style.transition = 'opacity 0.1s';
-                input.style.opacity = '1';
-            });
-        };
-        const handleBlur = () => {
-            input.style.opacity = '';
-            input.style.transition = '';
-        };
-        input.addEventListener('focus', handleFocus, true);
-        input.addEventListener('blur', handleBlur, true);
-        return () => {
-            input.removeEventListener('focus', handleFocus, true);
-            input.removeEventListener('blur', handleBlur, true);
-        };
-    }, []);
-    useEffect(() => {
-        if (!window?.visualViewport || !inputRef.current)
-            return fnUtils.noop;
-        const input = inputRef.current;
-        const focusedElement = document.activeElement;
-        let scrollableParent = null;
-        if (keyboardIsOpen && isInput(focusedElement) && focusedElement === input) {
-            const { height: visualViewportHeight } = window.visualViewport;
-            scrollableParent = findScrollableParent(focusedElement);
-            originalContainerHeightRef.current = scrollableParent.style.height || '';
-            originalContainerScrollRef.current = scrollableParent.scrollTop ?? 0;
-            scrollableParent.style.height = `${visualViewportHeight}px`;
-            input.scrollIntoView({
-                block: 'center',
-                behavior: 'instant', // в проекте используется старая версия typescript, которая не знает про "instant"
-            });
-        }
-        return () => {
-            if (keyboardIsOpen && scrollableParent) {
-                scrollableParent.style.height = originalContainerHeightRef.current ?? '';
-                scrollableParent.scrollTop = originalContainerScrollRef.current;
-            }
-        };
-    }, [keyboardIsOpen]);
-    return inputRef;
-}
-
-export { usePreventViewportScrollOnFocus };

package/input/moderncssm/hooks/useVirtualKeyboard.d.ts

@@ -1,5 +0,0 @@
-declare function useVirtualKeyboard(): {
-    keyboardIsOpen: boolean;
-    keyboardHeight: number;
-};
-export { useVirtualKeyboard };

package/input/moderncssm/hooks/useVirtualKeyboard.js

@@ -1,29 +0,0 @@
-import { useState, useEffect } from 'react';
-import { fnUtils } from '../../../shared/moderncssm';
-
-function useVirtualKeyboard() {
-    const [open, setOpen] = useState(false);
-    const [height, setHeight] = useState(0);
-    useEffect(() => {
-        if (typeof window === 'undefined' || !window.visualViewport) {
-            return fnUtils.noop;
-        }
-        const handleResize = () => {
-            const windowHeight = window.innerHeight;
-            const viewportHeight = window.visualViewport.height;
-            const keyboardOpen = viewportHeight < windowHeight;
-            setOpen(keyboardOpen);
-            setHeight(keyboardOpen ? windowHeight - viewportHeight : 0);
-        };
-        window.visualViewport.addEventListener('resize', handleResize);
-        return () => {
-            window.visualViewport.removeEventListener('resize', handleResize);
-        };
-    }, []);
-    return {
-        keyboardIsOpen: open,
-        keyboardHeight: height,
-    };
-}
-
-export { useVirtualKeyboard };