@sima-land/ui-nucleons 45.0.0-alpha.5 → 45.0.0-alpha.51

package/helpers/get-date-interval-data.js

@@ -1,43 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDateIntervalData = void 0;
-const format_1 = __importDefault(require("date-fns/format"));
-const parse_1 = __importDefault(require("date-fns/parse"));
-const isEqual_1 = __importDefault(require("date-fns/isEqual"));
-const isValid_1 = __importDefault(require("date-fns/isValid"));
-const getMonth_1 = __importDefault(require("date-fns/getMonth"));
-const ru_1 = __importDefault(require("date-fns/locale/ru"));
-const inputFormat = 'yyyy-MM-dd';
-const formatOptions = { locale: ru_1.default };
-/**
- * Формирует интервал дат.
- * @param startDate Начальная дата.
- * @param endDate Конечная дата.
- * @return Объект с данными сформированного интервала.
- */
-function getDateIntervalData(startDate, endDate) {
-    const start = (0, parse_1.default)(startDate, inputFormat, new Date());
-    const end = (0, parse_1.default)(endDate, inputFormat, new Date());
-    let date;
-    let isInterval;
-    if ((0, isValid_1.default)(start) && (0, isValid_1.default)(end) && !(0, isEqual_1.default)(start, end)) {
-        const startFormattedDate = (0, getMonth_1.default)(start) === (0, getMonth_1.default)(end)
-            ? (0, format_1.default)(start, 'd', formatOptions)
-            : (0, format_1.default)(start, 'd MMMM', formatOptions);
-        date = `${startFormattedDate} – ${(0, format_1.default)(end, 'd MMMM', formatOptions)}`;
-        isInterval = true;
-    }
-    else if ((0, isValid_1.default)(start)) {
-        date = (0, format_1.default)(start, 'd MMMM', formatOptions);
-        isInterval = false;
-    }
-    return { date, isInterval };
-}
-exports.getDateIntervalData = getDateIntervalData;
-/**
- * @deprecated Следует использовать именованный экспорт. Экспорт по умолчанию будет удалён в будущем.
- */
-exports.default = getDateIntervalData;

package/helpers/get-declination.d.ts

@@ -1,11 +0,0 @@
-/**
- * Возвращает нужное склонение из переданного списка по переданному числу.
- * @param number Число, используемое для склонения.
- * @param titles Массив со склонениями слова. Например: ['отзыв', 'отзыва', 'отзывов'].
- * @return Слово в нужном склонении.
- */
-export declare function getDeclination(number: number, titles: string[]): string;
-/**
- * @deprecated Следует использовать именованный экспорт. Экспорт по умолчанию будет удалён в будущем.
- */
-export default getDeclination;

package/helpers/get-declination.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDeclination = void 0;
-/**
- * Возвращает нужное склонение из переданного списка по переданному числу.
- * @param number Число, используемое для склонения.
- * @param titles Массив со склонениями слова. Например: ['отзыв', 'отзыва', 'отзывов'].
- * @return Слово в нужном склонении.
- */
-function getDeclination(number, titles) {
-    const cases = [2, 0, 1, 1, 1, 2];
-    const positiveNumber = Math.abs(number);
-    const index = positiveNumber % 100 > 4 && positiveNumber % 100 < 20
-        ? 2
-        : cases[positiveNumber % 10 < 5 ? positiveNumber % 10 : 5];
-    return titles[index];
-}
-exports.getDeclination = getDeclination;
-/**
- * @deprecated Следует использовать именованный экспорт. Экспорт по умолчанию будет удалён в будущем.
- */
-exports.default = getDeclination;

package/helpers/get-fraction-depth.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getFractionDepth = void 0;
-/**
- * Вычисляет разрядность дробной части.
- * @param fraction Дробь.
- * @return Разрядность / Количество символов после точки.
- */
-function getFractionDepth(fraction = null) {
-    const fractionString = Number(fraction).toString();
-    return fractionString.includes('.') ? fractionString.length - fractionString.indexOf('.') - 1 : 0;
-}
-exports.getFractionDepth = getFractionDepth;

package/helpers/get-no-index.d.ts

@@ -1,8 +0,0 @@
-/**
- * Возвращает объект с исходной строкой в тэге <!--noindex--> для запрета отслеживания контента поисковиками.
- * @param content Исходная строка.
- * @return Объект, содержащий обернутую строку, для использования c атрибутом dangerouslySetInnerHTML.
- */
-export declare function getNoIndex(content: unknown): {
-    __html: string;
-} | undefined;

package/helpers/get-no-index.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getNoIndex = void 0;
-/**
- * Возвращает объект с исходной строкой в тэге <!--noindex--> для запрета отслеживания контента поисковиками.
- * @param content Исходная строка.
- * @return Объект, содержащий обернутую строку, для использования c атрибутом dangerouslySetInnerHTML.
- */
-function getNoIndex(content) {
-    return content ? { __html: `<!--noindex-->${String(content)}<!--/noindex-->` } : undefined;
-}
-exports.getNoIndex = getNoIndex;

package/helpers/get-relative-pos.d.ts

@@ -1,14 +0,0 @@
-/**
- * Определяет позицию элемента относительно другого заданного элемента.
- * @param target Элемент для определения позиции.
- * @param parent Элемент, относительно которого необходимо определить позицию.
- * @return Относительная позиция элемента.
- */
-export declare function getRelativePos(target: Element, parent?: HTMLElement | null): {
-    x: number;
-    y: number;
-};
-/**
- * @deprecated Следует использовать именованный экспорт. Экспорт по умолчанию будет удалён в будущем.
- */
-export default getRelativePos;

package/helpers/get-relative-pos.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getRelativePos = void 0;
-/**
- * Определяет позицию элемента относительно другого заданного элемента.
- * @param target Элемент для определения позиции.
- * @param parent Элемент, относительно которого необходимо определить позицию.
- * @return Относительная позиция элемента.
- */
-function getRelativePos(target, parent = target.parentElement) {
-    const targetBounds = target.getBoundingClientRect();
-    const parentBounds = parent === null || parent === void 0 ? void 0 : parent.getBoundingClientRect();
-    return {
-        x: targetBounds.left - ((parentBounds === null || parentBounds === void 0 ? void 0 : parentBounds.left) || 0),
-        y: targetBounds.top - ((parentBounds === null || parentBounds === void 0 ? void 0 : parentBounds.top) || 0),
-    };
-}
-exports.getRelativePos = getRelativePos;
-/**
- * @deprecated Следует использовать именованный экспорт. Экспорт по умолчанию будет удалён в будущем.
- */
-exports.default = getRelativePos;

package/helpers/get-scroll-parent.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getScrollParent = void 0;
-// ВАЖНО: не надо использовать глобальный поиск здесь, чтобы regex не сохранял lastIndex
-const regex = /(auto|scroll)/;
-/**
- * Определяет, имеет ли элемент возможность прокручиваться.
- * @param element Элемент.
- * @return Имеет ли элемент возможность прокручиваться.
- */
-function isScrollable(element) {
-    let result = false;
-    if (element) {
-        const styles = getComputedStyle(element);
-        result = regex.test(styles.overflow + styles.overflowX + styles.overflowY);
-    }
-    return result;
-}
-/**
- * Возвращает ближайший родительский элемент с возможностью прокрутки.
- * @param element Элемент.
- * @return Ближайший родительский элемент с возможностью прокрутки.
- */
-function getScrollParent(element) {
-    let result;
-    if (!element || element === document.body) {
-        // @todo прокрутка на body не работает с addEventListener, https://stackoverflow.com/a/43632204/13166471
-        // надо будет придумать как обновить эту функцию
-        result = document.body;
-    }
-    else {
-        result = isScrollable(element.parentElement)
-            ? element.parentElement
-            : getScrollParent(element.parentElement);
-    }
-    return result;
-}
-exports.getScrollParent = getScrollParent;

package/helpers/is-browser.d.ts

@@ -1,9 +0,0 @@
-/**
- * Проверка находимся в браузере или нет.
- * @return Если в браузере true, если нет false.
- */
-export declare function isBrowser(): boolean;
-/**
- * @deprecated Следует использовать именованный экспорт. Экспорт по умолчанию будет удалён в будущем.
- */
-export default isBrowser;

package/helpers/is-browser.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isBrowser = void 0;
-/**
- * Проверка находимся в браузере или нет.
- * @return Если в браузере true, если нет false.
- */
-function isBrowser() {
-    return typeof window !== 'undefined';
-}
-exports.isBrowser = isBrowser;
-/**
- * @deprecated Следует использовать именованный экспорт. Экспорт по умолчанию будет удалён в будущем.
- */
-exports.default = isBrowser;

package/helpers/is-fully-scrolled.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isFullyScrolled = void 0;
-/**
- * Определяет, прокручен ли переданный элемент до конца по вертикали.
- * @param element Элемент.
- * @param options Опции.
- * @param options.threshold Отступ от конца.
- * @return Прокручен ли переданный элемент до конца по вертикали.
- */
-function isFullyScrolled(element, { threshold = 0 } = {}) {
-    let result = false;
-    if (element) {
-        const { scrollTop, clientHeight, scrollHeight } = element;
-        const bottom = threshold + scrollTop + clientHeight;
-        result = bottom >= scrollHeight;
-    }
-    return result;
-}
-exports.isFullyScrolled = isFullyScrolled;

package/helpers/is-touch-device.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isTouchDevice = void 0;
-const is_browser_1 = require("./is-browser");
-/**
- * Проверяет поддержку touch событий.
- * @return True - если поддерживает, false - если нет.
- */
-function isTouchDevice() {
-    return (0, is_browser_1.isBrowser)() && 'ontouchstart' in window;
-}
-exports.isTouchDevice = isTouchDevice;

package/helpers/layer.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-/**
- * Провайдер, задающий индекс "слоя".
- */
-export declare const LayerProvider: import("react").Provider<number>;
-/**
- * Хук, возвращающий индекс текущего "слоя".
- * @return Индекс.
- */
-export declare function useLayer(): number;

package/helpers/layer.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLayer = exports.LayerProvider = void 0;
-const react_1 = require("react");
-const LayerContext = (0, react_1.createContext)(0);
-/**
- * Провайдер, задающий индекс "слоя".
- */
-exports.LayerProvider = LayerContext.Provider;
-/**
- * Хук, возвращающий индекс текущего "слоя".
- * @return Индекс.
- */
-function useLayer() {
-    const currentLayer = (0, react_1.useContext)(LayerContext);
-    return currentLayer;
-}
-exports.useLayer = useLayer;

package/helpers/max-index-of.d.ts

@@ -1,10 +0,0 @@
-/**
- * Возвращает максимальный индекс списка.
- * @param list Список.
- * @return Максимальный индекс.
- */
-export declare function maxIndexOf(list?: ArrayLike<any> | null): number;
-/**
- * @deprecated Следует использовать именованный экспорт. Экспорт по умолчанию будет удалён в будущем.
- */
-export default maxIndexOf;

package/helpers/max-index-of.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.maxIndexOf = void 0;
-/**
- * Возвращает максимальный индекс списка.
- * @param list Список.
- * @return Максимальный индекс.
- */
-function maxIndexOf(list) {
-    let maxIndex = -1;
-    if (list) {
-        maxIndex = list.length > 0 ? list.length - 1 : 0;
-    }
-    return maxIndex;
-}
-exports.maxIndexOf = maxIndexOf;
-/**
- * @deprecated Следует использовать именованный экспорт. Экспорт по умолчанию будет удалён в будущем.
- */
-exports.default = maxIndexOf;

package/helpers/media-query-list.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.subscribe = void 0;
-/**
- * Подписка на изменение MediaQueryList с учетом запуска в Safari < 14.
- * @param mql MediaQueryList.
- * @param fn Обработчик.
- * @return Интерфейс отписки.
- */
-function subscribe(mql, fn) {
-    if (mql.addEventListener) {
-        mql.addEventListener('change', fn);
-    }
-    else if (mql.addListener) {
-        mql.addListener(fn);
-    }
-    return {
-        unsubscribe: () => {
-            if (mql.removeEventListener) {
-                mql.removeEventListener('change', fn);
-            }
-            else if (mql.removeListener) {
-                mql.removeListener(fn);
-            }
-        },
-    };
-}
-exports.subscribe = subscribe;

package/helpers/on.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-/**
- * Выполняет подписку на событие целевого объекта.
- * @param target Целевой объект.
- * @param eventNames Имена событий через пробел.
- * @param callback Функция обратного вызова.
- * @param options Опции подписки.
- * @return Функция отписки.
- */
-export declare function on<T extends Event | React.SyntheticEvent>(target: EventTarget, eventNames: string, callback: (e: T) => void, options?: boolean | EventListenerOptions | AddEventListenerOptions | undefined): () => undefined;
-/**
- * @deprecated Следует использовать именованный экспорт. Экспорт по умолчанию будет удалён в будущем.
- */
-export default on;

package/helpers/on.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.on = void 0;
-/**
- * Выполняет подписку на событие целевого объекта.
- * @param target Целевой объект.
- * @param eventNames Имена событий через пробел.
- * @param callback Функция обратного вызова.
- * @param options Опции подписки.
- * @return Функция отписки.
- */
-function on(target, eventNames, callback, options) {
-    const eventNamesList = eventNames.split(' ');
-    // обернуто чтобы прокинуть T
-    // eslint-disable-next-line require-jsdoc
-    const wrapped = (e) => callback(e);
-    eventNamesList.forEach(eventName => {
-        target.addEventListener(eventName, wrapped, options);
-    });
-    return () => void eventNamesList.forEach(eventName => {
-        target.removeEventListener(eventName, wrapped, options);
-    });
-}
-exports.on = on;
-/**
- * @deprecated Следует использовать именованный экспорт. Экспорт по умолчанию будет удалён в будущем.
- */
-exports.default = on;

package/helpers/point.d.ts

@@ -1,15 +0,0 @@
-export interface IPoint {
-    x: number;
-    y: number;
-}
-/**
- * Возвращает объект представляющий точку в двухмерном пространстве.
- * @param x Координата по оси X.
- * @param y Координата по оси Y.
- * @return Объект представляющий точку.
- */
-export declare function Point(x?: number, y?: number): IPoint;
-/**
- * @deprecated Следует использовать именованный экспорт. Экспорт по умолчанию будет удалён в будущем.
- */
-export default Point;

package/helpers/point.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Point = void 0;
-/**
- * Возвращает объект представляющий точку в двухмерном пространстве.
- * @param x Координата по оси X.
- * @param y Координата по оси Y.
- * @return Объект представляющий точку.
- */
-function Point(x = 0, y = 0) {
-    return { x, y };
-}
-exports.Point = Point;
-/**
- * @deprecated Следует использовать именованный экспорт. Экспорт по умолчанию будет удалён в будущем.
- */
-exports.default = Point;

package/helpers/rename.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="lodash" />
-/// <reference types="lodash" />
-type ObjectKey = string | number | symbol;
-/**
- * Переименовывает свойство, возвращая новый объект.
- * @deprecated Эта функция не относится напрямую к работе с UI и будет удалена в будущем.
- * @param fromKey Старый ключ.
- * @param toKey Новый ключ.
- * @param source Объект.
- * @return Новый объект.
- */
-export declare const rename: import("lodash").CurriedFunction3<ObjectKey, ObjectKey, any, import("lodash").Omit<any, ObjectKey>>;
-export default rename;

package/helpers/rename.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.rename = void 0;
-const fp_1 = require("lodash/fp");
-/**
- * Переименовывает свойство, возвращая новый объект.
- * @deprecated Эта функция не относится напрямую к работе с UI и будет удалена в будущем.
- * @param fromKey Старый ключ.
- * @param toKey Новый ключ.
- * @param source Объект.
- * @return Новый объект.
- */
-exports.rename = (0, fp_1.curry)((fromKey, toKey, source) => (0, fp_1.assoc)(toKey, (0, fp_1.prop)(fromKey, source), (0, fp_1.omit)([fromKey], source)));
-exports.default = exports.rename;

package/helpers/scroll-to-child.js

@@ -1,24 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.scrollToChild = void 0;
-const bounds_of_1 = __importDefault(require("./bounds-of"));
-/**
- * Прокручивает родительский элемент по вертикали так, чтобы дочерний был в зоне видимости.
- * @param parent Родительский элемент.
- * @param child Дочерний элемент.
- */
-function scrollToChild(parent, child) {
-    const [parentRect, childRect] = [parent, child].map(bounds_of_1.default);
-    // ВАЖНО: не надо использовать offsetTop здесь, offsetParent может не соответствовать указанному родителю
-    if (childRect.bottom > parentRect.bottom) {
-        parent.scrollTop += childRect.bottom - parentRect.bottom;
-    }
-    else if (childRect.top < parentRect.top) {
-        parent.scrollTop -= parentRect.top - childRect.top;
-    }
-    // @todo доделать для OverlayScrollbars?
-}
-exports.scrollToChild = scrollToChild;

package/helpers/styles.d.ts

@@ -1,25 +0,0 @@
-/**
- * Возвращает строку значения CSS-свойства "transition".
- * @param duration Длительность перехода в миллисекундах.
- * @param property Имя свойства.
- * @param easing Функция плавности.
- * @return Значение CSS-свойства "transition".
- */
-export declare function getTransitionStyle(duration?: number, property?: string, easing?: string): string;
-/**
- * Возвращает строку значения CSS-свойства с трансформацией смещения.
- *
- * Использовать только "translate3d" для смещения.
- * @see https://stackoverflow.com/a/22312917
- * @param x Смещение по оси x в пикселях.
- * @param y Смещение по оси y в пикселях.
- * @param z Смещение по оси z в пикселях.
- * @return Значение CSS-свойства с трансформацией смещения.
- */
-export declare function getTranslateStyle(x?: number, y?: number, z?: number): string;
-/**
- * Устанавливает на переданный элемент css-переменную "--vh".
- * Значение переменной является аналогом `1vh` с учетом особенностей viewport'а мобильный устройств.
- * @param element Элемент на котором будет задана css-переменная.
- */
-export declare function setViewportHeightUnit(element: HTMLElement): void;

package/helpers/styles.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setViewportHeightUnit = exports.getTranslateStyle = exports.getTransitionStyle = void 0;
-/**
- * Возвращает строку значения CSS-свойства "transition".
- * @param duration Длительность перехода в миллисекундах.
- * @param property Имя свойства.
- * @param easing Функция плавности.
- * @return Значение CSS-свойства "transition".
- */
-function getTransitionStyle(duration = 0, property = 'all', easing = 'ease-out') {
-    return `${property} ${Number.isFinite(duration) ? duration : 0}ms ${easing}`;
-}
-exports.getTransitionStyle = getTransitionStyle;
-/**
- * Возвращает строку значения CSS-свойства с трансформацией смещения.
- *
- * Использовать только "translate3d" для смещения.
- * @see https://stackoverflow.com/a/22312917
- * @param x Смещение по оси x в пикселях.
- * @param y Смещение по оси y в пикселях.
- * @param z Смещение по оси z в пикселях.
- * @return Значение CSS-свойства с трансформацией смещения.
- */
-function getTranslateStyle(x = 0, y = 0, z = 0) {
-    return `translate3d(${x}px, ${y}px, ${z}px)`;
-}
-exports.getTranslateStyle = getTranslateStyle;
-/**
- * Устанавливает на переданный элемент css-переменную "--vh".
- * Значение переменной является аналогом `1vh` с учетом особенностей viewport'а мобильный устройств.
- * @param element Элемент на котором будет задана css-переменная.
- */
-function setViewportHeightUnit(element) {
-    const { visualViewport } = window;
-    const height = visualViewport ? visualViewport.height * visualViewport.scale : window.innerHeight;
-    element.style.setProperty('--vh', `${height / 100}px`);
-}
-exports.setViewportHeightUnit = setViewportHeightUnit;

package/helpers/with-prevent.d.ts

@@ -1,11 +0,0 @@
-import { SyntheticEvent } from 'react';
-/**
- * Декорирует переданную функцию-обработчик события вызывая preventDefault и stopPropagation.
- * @param callback Функция-обработчик.
- * @return Декорированная функция-обработчик.
- */
-export declare function withEventMute<T extends Event | SyntheticEvent>(callback?: (event: T) => void): (event: T) => void;
-/**
- * @deprecated Следует использовать именованный экспорт. Экспорт по умолчанию будет удалён в будущем.
- */
-export default withEventMute;

package/helpers/with-prevent.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.withEventMute = void 0;
-/**
- * Декорирует переданную функцию-обработчик события вызывая preventDefault и stopPropagation.
- * @param callback Функция-обработчик.
- * @return Декорированная функция-обработчик.
- */
-function withEventMute(callback) {
-    return (event) => {
-        event.preventDefault();
-        event.stopPropagation(); // @todo придумать как вынести
-        callback === null || callback === void 0 ? void 0 : callback(event);
-    };
-}
-exports.withEventMute = withEventMute;
-/**
- * @deprecated Следует использовать именованный экспорт. Экспорт по умолчанию будет удалён в будущем.
- */
-exports.default = withEventMute;

package/hint/hint-view.d.ts

@@ -1,26 +0,0 @@
-import { HTMLAttributes, Ref } from 'react';
-import { WithTestId } from '../types';
-export interface HintViewProps extends HTMLAttributes<HTMLDivElement>, WithTestId {
-    /** Ref корневого элемента. */
-    hintRef?: Ref<HTMLDivElement>;
-}
-/** Длина стороны квадрата, составленного из двух стрелок (треугольников). */
-export declare const arrowSquareSize: number;
-/**
- * "Хинт" - всплывающая подсказка.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function HintView({ hintRef, className, children, 'data-testid': testId, ...rest }: HintViewProps): JSX.Element;
-export declare namespace HintView {
-    var Arrow: typeof HintArrow;
-}
-/**
- * Стрелка хинта.
- * @param props Свойства.
- * @return Элемент.
- */
-declare function HintArrow({ arrowRef, className, ...rest }: Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
-    arrowRef?: Ref<HTMLDivElement>;
-}): JSX.Element;
-export {};