@sima-land/ui-nucleons 44.2.10 → 45.0.0-alpha.1

package/field-block/index.d.ts

@@ -0,0 +1,63 @@
+import { ReactNode, HTMLAttributes, LabelHTMLAttributes, Ref, CSSProperties } from 'react';
+export type FieldBlockSize = 's' | 'm' | 'l';
+type NoChildren<T extends {
+    children?: any;
+}> = Omit<T, 'children'>;
+export interface FieldBlockStyle extends CSSProperties {
+    '--field-width'?: string;
+    '--field-main-text-color'?: string;
+}
+type WithStyle<T extends {
+    style?: CSSProperties;
+}> = Omit<T, 'style'> & {
+    style?: FieldBlockStyle;
+};
+export interface FieldBlockProps {
+    /** Отключенное состояние. */
+    disabled?: boolean;
+    /** Состояние с ошибкой. */
+    failed?: boolean;
+    /** Состояние фокуса. */
+    focused?: boolean;
+    /** Подпись под полем. */
+    caption?: string;
+    /** Ярлык в поле. */
+    label?: string;
+    /** Выводить ярлык вместо placeholder или введенного значения. */
+    labelAsPlaceholder?: boolean;
+    /** Опции элемента ярлыка. */
+    labelProps?: NoChildren<LabelHTMLAttributes<HTMLLabelElement>>;
+    /** Размер. */
+    size?: FieldBlockSize;
+    /** Фиксировать высоту. */
+    fixedHeight?: boolean;
+    /** Опции корневого элемента. */
+    rootProps?: NoChildren<WithStyle<HTMLAttributes<HTMLDivElement>>>;
+    /** Ref корневого элемента. */
+    rootRef?: Ref<HTMLDivElement>;
+    /** Опции элемента блока поля. */
+    blockProps?: NoChildren<WithStyle<HTMLAttributes<HTMLDivElement>>>;
+    /** Ref элемента блока поля. */
+    blockRef?: Ref<HTMLDivElement>;
+    /** Украшение перед основным содержимым. */
+    adornmentStart?: ReactNode;
+    /** Украшение после основного содержимого. */
+    adornmentEnd?: ReactNode;
+    /** Основное содержимое. */
+    main?: ReactNode;
+    /** Опции основного содержимого. */
+    mainProps?: NoChildren<WithStyle<HTMLAttributes<HTMLDivElement>>>;
+    /** Идентификатор для систем автоматизированного тестирования. */
+    'data-testid'?: string;
+}
+export declare const FIELD_BLOCK_HEIGHT: Record<FieldBlockSize, number>;
+export declare const FIELD_BLOCK_DEFAULTS: {
+    readonly size: "l";
+};
+/**
+ * Блок поля по дизайн-гайдам.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function FieldBlock({ size, main, mainProps, disabled, failed, focused, label, labelProps, labelAsPlaceholder, fixedHeight, caption, rootRef, rootProps, blockRef, blockProps, adornmentStart, adornmentEnd, 'data-testid': testId, }: FieldBlockProps): JSX.Element;
+export {};

package/field-block/index.js

@@ -0,0 +1,43 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FieldBlock = exports.FIELD_BLOCK_DEFAULTS = exports.FIELD_BLOCK_HEIGHT = void 0;
+const react_1 = __importDefault(require("react"));
+const bind_1 = __importDefault(require("classnames/bind"));
+const field_block_module_scss_1 = __importDefault(require("./field-block.module.scss"));
+const cx = bind_1.default.bind(field_block_module_scss_1.default);
+exports.FIELD_BLOCK_HEIGHT = {
+    s: 32,
+    m: 40,
+    l: 56,
+};
+exports.FIELD_BLOCK_DEFAULTS = {
+    size: 'l',
+};
+/**
+ * Блок поля по дизайн-гайдам.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function FieldBlock({ size = exports.FIELD_BLOCK_DEFAULTS.size, main, mainProps, disabled, failed, focused, label, labelProps, labelAsPlaceholder, fixedHeight = true, caption, rootRef, rootProps, blockRef, blockProps, adornmentStart, adornmentEnd, 'data-testid': testId = 'field-block', }) {
+    const needLabel = Boolean(label) && (size === 'l' || labelAsPlaceholder);
+    const rootClassName = cx('root', `size-${size}`, {
+        disabled,
+        focused,
+        failed,
+        'label-as-placeholder': needLabel && labelAsPlaceholder,
+        'no-label': !needLabel,
+    }, rootProps === null || rootProps === void 0 ? void 0 : rootProps.className);
+    const blockClassName = cx('block', fixedHeight && 'fixed-height', blockProps === null || blockProps === void 0 ? void 0 : blockProps.className);
+    return (react_1.default.createElement("div", Object.assign({}, rootProps, { ref: rootRef, className: rootClassName, "data-testid": testId }),
+        react_1.default.createElement("div", Object.assign({}, blockProps, { ref: blockRef, className: blockClassName, "data-testid": 'field-block:block' }),
+            adornmentStart && (react_1.default.createElement("div", { className: cx('col', 'adornment-col', 'start'), "data-testid": 'field-block:adornment-start' }, adornmentStart)),
+            react_1.default.createElement("div", { className: cx('col', 'main-col') },
+                needLabel && (react_1.default.createElement("label", Object.assign({}, labelProps, { className: cx('label', labelProps === null || labelProps === void 0 ? void 0 : labelProps.className), "data-testid": 'field-block:label' }), label)),
+                react_1.default.createElement("div", Object.assign({}, mainProps, { className: cx('main', mainProps === null || mainProps === void 0 ? void 0 : mainProps.className), "data-testid": 'field-block:main' }), main)),
+            adornmentEnd && (react_1.default.createElement("div", { className: cx('col', 'adornment-col', 'end'), "data-testid": 'field-block:adornment-end' }, adornmentEnd))),
+        caption && (react_1.default.createElement("div", { className: cx('caption'), "data-testid": 'field-block:caption' }, caption))));
+}
+exports.FieldBlock = FieldBlock;

package/field-grid/index.d.ts

@@ -1,15 +1,15 @@
 import React from 'react';
 import { TextFieldProps } from '../text-field';
-declare type ItOrArray<T> = T[] | T;
-declare type CellSize = 'full' | 'half' | 'third';
+type ItOrArray<T> = T[] | T;
+type CellSize = 'full' | 'half' | 'third';
 interface CommonCellProps {
     size?: CellSize;
     rounds?: TextFieldProps['rounds'];
 }
-declare type OnlyOneRequired<T, K extends keyof T = keyof T> = {
+type OnlyOneRequired<T, K extends keyof T = keyof T> = {
     [key in K]?: Required<Pick<T, key>> & Partial<Record<Exclude<K, key>, undefined>>;
 }[K];
-export declare type CellProps = CommonCellProps & OnlyOneRequired<{
+export type CellProps = CommonCellProps & OnlyOneRequired<{
     field: React.ReactElement<Pick<TextFieldProps, 'rounds' | 'caption' | 'classes' | 'className'>>;
     renderField: (props: Pick<TextFieldProps, 'rounds' | 'caption'>) => React.ReactNode;
 }>;
@@ -30,6 +30,7 @@ export interface FieldGridComponent extends React.FC<FieldGridProps> {
 }
 /**
  * Компонент сетки полей.
+ * @deprecated В макетах больше не используются "склеивания" полей.
  * @param props Свойства.
  * @param props.children Содержимое, дочерними элементами могут быть только FieldGrid.Row.
  * @param props.rootProps Свойства корневого элемента.

package/field-grid/index.js

@@ -42,6 +42,7 @@ const TypeCheck = {
 };
 /**
  * Компонент сетки полей.
+ * @deprecated В макетах больше не используются "склеивания" полей.
  * @param props Свойства.
  * @param props.children Содержимое, дочерними элементами могут быть только FieldGrid.Row.
  * @param props.rootProps Свойства корневого элемента.

package/helpers/bounds-of.d.ts

@@ -3,4 +3,8 @@
  * @param element Элемент.
  * @return Ограничивающий прямоугольник.
  */
-export default function boundsOf<T>(element: T): T extends Element ? DOMRect : null;
+export declare function boundsOf<T>(element: T): T extends Element ? DOMRect : null;
+/**
+ * @deprecated Следует использовать именованный экспорт. Экспорт по умолчанию будет удалён в будущем.
+ */
+export default boundsOf;

package/helpers/bounds-of.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.boundsOf = void 0;
 /**
  * Возвращает ограничивающий прямоугольник элемента.
  * @param element Элемент.
@@ -8,4 +9,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 function boundsOf(element) {
     return (element instanceof Element ? element.getBoundingClientRect() : null);
 }
+exports.boundsOf = boundsOf;
+/**
+ * @deprecated Следует использовать именованный экспорт. Экспорт по умолчанию будет удалён в будущем.
+ */
 exports.default = boundsOf;

package/helpers/center-of.d.ts

@@ -3,5 +3,8 @@
  * @param rect Прямоугольник.
  * @return Центр.
  */
-declare const centerOf: (rect: DOMRect) => import("./point").IPoint;
+export declare function centerOf(rect: DOMRect): import("./point").IPoint;
+/**
+ * @deprecated Следует использовать именованный экспорт. Экспорт по умолчанию будет удалён в будущем.
+ */
 export default centerOf;

package/helpers/center-of.js

@@ -3,11 +3,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.centerOf = void 0;
 const point_1 = __importDefault(require("./point"));
 /**
  * Возвращает координаты центра прямоугольника.
  * @param rect Прямоугольник.
  * @return Центр.
  */
-const centerOf = (rect) => (0, point_1.default)((rect.right + rect.left) / 2, (rect.bottom + rect.top) / 2);
+function centerOf(rect) {
+    return (0, point_1.default)((rect.right + rect.left) / 2, (rect.bottom + rect.top) / 2);
+}
+exports.centerOf = centerOf;
+/**
+ * @deprecated Следует использовать именованный экспорт. Экспорт по умолчанию будет удалён в будущем.
+ */
 exports.default = centerOf;

package/helpers/create-container.d.ts

@@ -3,11 +3,14 @@ export interface Container<T> {
     set: (v: T) => void;
     setObserver: (fn: Observer<T> | null) => void;
 }
-declare type Observer<T> = (prev: T | undefined, next: T | undefined) => void;
+type Observer<T> = (prev: T | undefined, next: T | undefined) => void;
 /**
  * Фабрика контейнеров для произвольных значений.
  * @param initialValue Начальное значение в контейнере.
  * @return Контейнер.
  */
-declare const createContainer: <T = any>(initialValue?: T | undefined) => Container<T>;
+export declare function createContainer<T = any>(initialValue?: T): Container<T>;
+/**
+ * @deprecated Следует использовать именованный экспорт. Экспорт по умолчанию будет удалён в будущем.
+ */
 export default createContainer;

package/helpers/create-container.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.createContainer = void 0;
 /**
  * Фабрика контейнеров для произвольных значений.
  * @param initialValue Начальное значение в контейнере.
  * @return Контейнер.
  */
-const createContainer = (initialValue) => {
+function createContainer(initialValue) {
     let value = initialValue;
     let observe;
     /**
@@ -30,5 +31,9 @@ const createContainer = (initialValue) => {
         observe = newObserve;
     };
     return { get, set, setObserver };
-};
+}
+exports.createContainer = createContainer;
+/**
+ * @deprecated Следует использовать именованный экспорт. Экспорт по умолчанию будет удалён в будущем.
+ */
 exports.default = createContainer;

package/helpers/define-slots.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-export declare type SlotsDict = Record<string, React.ElementType>;
-export declare type Slots<M extends SlotsDict> = {
+export type SlotsDict = Record<string, React.ElementType>;
+export type Slots<M extends SlotsDict> = {
     [key in keyof M]: React.ReactElement<React.ComponentProps<M[key]>, M[key]> | undefined;
 };
 /**
@@ -9,4 +9,4 @@ export declare type Slots<M extends SlotsDict> = {
  * @param dict Словарь типов элементов.
  * @return Дочерние элементы разбитые по слотам.
  */
-export declare const defineSlots: <T extends SlotsDict>(children: React.ReactNode, dict: T) => Slots<T>;
+export declare function defineSlots<T extends SlotsDict>(children: React.ReactNode, dict: T): Slots<T>;

package/helpers/define-slots.js

@@ -8,14 +8,16 @@ const react_1 = require("react");
  * @param type Тип.
  * @return Результат.
  */
-const isComponentOfType = (value, type) => value.type === type;
+function isComponentOfType(value, type) {
+    return value.type === type;
+}
 /**
  * Распределяет дочерние элементы по слотам.
  * @param children Дочерние элементы.
  * @param dict Словарь типов элементов.
  * @return Дочерние элементы разбитые по слотам.
  */
-const defineSlots = (children, dict) => {
+function defineSlots(children, dict) {
     const allKeys = Object.keys(dict);
     const slots = react_1.Children.toArray(children).reduce((result, item) => {
         if ((0, react_1.isValidElement)(item)) {
@@ -29,5 +31,5 @@ const defineSlots = (children, dict) => {
         return result;
     }, {});
     return slots;
-};
+}
 exports.defineSlots = defineSlots;

package/helpers/events.d.ts

@@ -1,20 +1,28 @@
 import React from 'react';
-export declare type EventWithPosition<T extends HTMLElement = HTMLElement> = MouseEvent | TouchEvent | React.MouseEvent<T> | React.TouchEvent<T>;
+export type EventWithPosition<T extends HTMLElement = HTMLElement> = MouseEvent | TouchEvent | React.MouseEvent<T> | React.TouchEvent<T>;
 /**
  * Проверяет, является ли событие событием нажатия основной кнопки мыши.
- * @param e Событие.
+ * @param event Событие.
  * @return Является ли.
  */
-export declare const isMainMouseButton: (e: any) => boolean;
+export declare function isMainMouseButton(event: any): boolean;
 /**
  * Проверяет, является ли переданное событие touch-событием.
- * @param e Событие.
- * @return Является ли.
+ * @param event Событие.
+ * @return Является ли переданное событие touch-событием.
  */
-export declare const isTouchEvent: (e: any) => e is TouchEvent | React.TouchEvent<Element>;
+export declare function isTouchEvent(event: any): event is TouchEvent | React.TouchEvent;
 /**
  * Берет данные позиции из события.
- * @param e Touch- или Mouse-событие.
+ * @param event Touch- или Mouse-событие.
  * @return Данные позиции.
  */
-export declare const getEventClientPos: <T extends HTMLElement = HTMLElement>(e: EventWithPosition<T>) => import("./point").IPoint;
+export declare function getEventClientPos<T extends HTMLElement = HTMLElement>(event: EventWithPosition<T>): import("./point").IPoint;
+/**
+ * Вызывает событие input на элементе input/textarea/select.
+ * Полезен когда необходимо сообщить React'у что был произведен ввод значения пользователем.
+ * За основу взята реализация отсюда: https://stackoverflow.com/a/47409362/13166471.
+ * @param element Элемент.
+ * @param value Значение.
+ */
+export declare function triggerInput(element: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement, value: string): void;

package/helpers/events.js

@@ -1,31 +1,57 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getEventClientPos = exports.isTouchEvent = exports.isMainMouseButton = void 0;
-const point_1 = __importDefault(require("./point"));
+exports.triggerInput = exports.getEventClientPos = exports.isTouchEvent = exports.isMainMouseButton = void 0;
+const point_1 = require("./point");
 /**
  * Проверяет, является ли событие событием нажатия основной кнопки мыши.
- * @param e Событие.
+ * @param event Событие.
  * @return Является ли.
  */
-const isMainMouseButton = (e) => (e === null || e === void 0 ? void 0 : e.button) === 0;
+function isMainMouseButton(event) {
+    return (event === null || event === void 0 ? void 0 : event.button) === 0;
+}
 exports.isMainMouseButton = isMainMouseButton;
 /**
  * Проверяет, является ли переданное событие touch-событием.
- * @param e Событие.
- * @return Является ли.
+ * @param event Событие.
+ * @return Является ли переданное событие touch-событием.
  */
-const isTouchEvent = (e) => Boolean(e === null || e === void 0 ? void 0 : e.touches);
+function isTouchEvent(event) {
+    return Boolean(event === null || event === void 0 ? void 0 : event.touches);
+}
 exports.isTouchEvent = isTouchEvent;
 /**
  * Берет данные позиции из события.
- * @param e Touch- или Mouse-событие.
+ * @param event Touch- или Mouse-событие.
  * @return Данные позиции.
  */
-const getEventClientPos = (e) => {
-    const source = (0, exports.isTouchEvent)(e) ? e.touches[0] : e;
-    return (0, point_1.default)(source === null || source === void 0 ? void 0 : source.clientX, source === null || source === void 0 ? void 0 : source.clientY);
-};
+function getEventClientPos(event) {
+    const source = isTouchEvent(event) ? event.touches[0] : event;
+    return (0, point_1.Point)(source === null || source === void 0 ? void 0 : source.clientX, source === null || source === void 0 ? void 0 : source.clientY);
+}
 exports.getEventClientPos = getEventClientPos;
+/**
+ * Вызывает событие input на элементе input/textarea/select.
+ * Полезен когда необходимо сообщить React'у что был произведен ввод значения пользователем.
+ * За основу взята реализация отсюда: https://stackoverflow.com/a/47409362/13166471.
+ * @param element Элемент.
+ * @param value Значение.
+ */
+function triggerInput(element, value) {
+    var _a;
+    const constructors = [HTMLInputElement, HTMLSelectElement, HTMLTextAreaElement];
+    let constructor = null;
+    for (const item of constructors) {
+        if (element instanceof item) {
+            constructor = item;
+        }
+    }
+    if (constructor) {
+        const setValue = (_a = Object.getOwnPropertyDescriptor(constructor.prototype, 'value')) === null || _a === void 0 ? void 0 : _a.set;
+        if (setValue) {
+            setValue.call(element, value);
+            element.dispatchEvent(new Event('input', { bubbles: true }));
+        }
+    }
+}
+exports.triggerInput = triggerInput;

package/helpers/find-child-element.d.ts

@@ -7,14 +7,17 @@
  * @param props.defaultResult Результат в случае если ни один элемент не прошел проверку.
  * @param props.isSuitable Должна определить удовлетворяет ли элемент условию.
  * @param props.needBreakLoop Должна определить нужно ли останавливать цикл.
- * @return Родственный элемент.
+ * @return Индекс дочернего элемента.
  */
-declare const findChildElement: ({ target, startIndex, increment, defaultResult, isSuitable, needBreakLoop, }: {
+export declare function findChildIndex({ target, startIndex, increment, defaultResult, isSuitable, needBreakLoop, }: {
     target?: HTMLElement | null | undefined;
-    startIndex?: number | undefined;
-    increment?: number | undefined;
-    defaultResult?: number | undefined;
-    isSuitable?: ((el: Element) => boolean) | undefined;
-    needBreakLoop?: ((passed: boolean) => boolean) | undefined;
-}) => number;
-export default findChildElement;
+    startIndex?: number;
+    increment?: number;
+    defaultResult?: number;
+    isSuitable?: (el: Element) => boolean;
+    needBreakLoop?: (passed: boolean) => boolean;
+}): number;
+/**
+ * @deprecated Следует использовать именованный экспорт. Экспорт по умолчанию будет удалён в будущем.
+ */
+export default findChildIndex;

package/helpers/find-child-element.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const lodash_1 = require("lodash");
+exports.findChildIndex = void 0;
 /**
  * Выполняет цикл для поиска родственного элемента по заданным условиям.
  * @param props Свойства.
@@ -10,9 +10,9 @@ const lodash_1 = require("lodash");
  * @param props.defaultResult Результат в случае если ни один элемент не прошел проверку.
  * @param props.isSuitable Должна определить удовлетворяет ли элемент условию.
  * @param props.needBreakLoop Должна определить нужно ли останавливать цикл.
- * @return Родственный элемент.
+ * @return Индекс дочернего элемента.
  */
-const findChildElement = ({ target, startIndex = 0, increment = 1, defaultResult = -1, isSuitable, needBreakLoop = lodash_1.identity, }) => {
+function findChildIndex({ target, startIndex = 0, increment = 1, defaultResult = -1, isSuitable, needBreakLoop = a => a, }) {
     let result = defaultResult;
     if (target && target.children && isSuitable !== undefined) {
         const { children } = target;
@@ -28,5 +28,9 @@ const findChildElement = ({ target, startIndex = 0, increment = 1, defaultResult
         }
     }
     return result;
-};
-exports.default = findChildElement;
+}
+exports.findChildIndex = findChildIndex;
+/**
+ * @deprecated Следует использовать именованный экспорт. Экспорт по умолчанию будет удалён в будущем.
+ */
+exports.default = findChildIndex;

package/helpers/find-offset-parent.d.ts

@@ -3,5 +3,4 @@
  * @param element Элемент.
  * @return Правильный offsetParent.
  */
-declare const findOffsetParent: (element: HTMLElement) => Element | null;
-export { findOffsetParent };
+export declare function findOffsetParent(element: HTMLElement): Element | null;

package/helpers/find-offset-parent.js

@@ -6,7 +6,7 @@ exports.findOffsetParent = void 0;
  * @param element Элемент.
  * @return Правильный offsetParent.
  */
-const findOffsetParent = (element) => {
+function findOffsetParent(element) {
     let parent = element.offsetParent || document.body;
     if (getComputedStyle(parent).position === 'static') {
         parent =
@@ -15,5 +15,5 @@ const findOffsetParent = (element) => {
                 : document.documentElement;
     }
     return parent;
-};
+}
 exports.findOffsetParent = findOffsetParent;

package/helpers/find-sibling-index.d.ts

@@ -4,17 +4,20 @@
  * @param props.target Элемент для которого нужно найти родственный элемент.
  * @param [props.startIndex=0] Индекс элемента с которого нужно начать поиск.
  * @param [props.increment=1] Значение инкремента.
- * @param [props.defaultResult=-1] Резуьтат в случае если ни один элемент не прошел проверку.
+ * @param [props.defaultResult=-1] Результат в случае если ни один элемент не прошел проверку.
  * @param [props.isSuitable] Должна определить удовлетворяет ли элемент условию.
  * @param [props.needBreakLoop] Должна определить нужно ли останавливать цикл.
  * @return Родственный элемент.
  */
-declare const findSiblingIndex: ({ target, startIndex, increment, defaultResult, isSuitable, needBreakLoop, }: {
+export declare function findSiblingIndex({ target, startIndex, increment, defaultResult, isSuitable, needBreakLoop, }: {
     target: HTMLElement;
-    startIndex?: number | undefined;
-    increment?: number | undefined;
-    defaultResult?: number | undefined;
-    isSuitable?: ((el: Element) => boolean) | undefined;
-    needBreakLoop?: ((passed: boolean) => boolean) | undefined;
-}) => number;
+    startIndex?: number;
+    increment?: number;
+    defaultResult?: number;
+    isSuitable?: (el: Element) => boolean;
+    needBreakLoop?: (passed: boolean) => boolean;
+}): number;
+/**
+ * @deprecated Следует использовать именованный экспорт. Экспорт по умолчанию будет удалён в будущем.
+ */
 export default findSiblingIndex;

package/helpers/find-sibling-index.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.findSiblingIndex = void 0;
 const lodash_1 = require("lodash");
 /**
  * Выполняет цикл для поиска родственного элемента по заданным условиям.
@@ -7,12 +8,12 @@ const lodash_1 = require("lodash");
  * @param props.target Элемент для которого нужно найти родственный элемент.
  * @param [props.startIndex=0] Индекс элемента с которого нужно начать поиск.
  * @param [props.increment=1] Значение инкремента.
- * @param [props.defaultResult=-1] Резуьтат в случае если ни один элемент не прошел проверку.
+ * @param [props.defaultResult=-1] Результат в случае если ни один элемент не прошел проверку.
  * @param [props.isSuitable] Должна определить удовлетворяет ли элемент условию.
  * @param [props.needBreakLoop] Должна определить нужно ли останавливать цикл.
  * @return Родственный элемент.
  */
-const findSiblingIndex = ({ target, startIndex = 0, increment = 1, defaultResult = -1, isSuitable, needBreakLoop = lodash_1.identity, }) => {
+function findSiblingIndex({ target, startIndex = 0, increment = 1, defaultResult = -1, isSuitable, needBreakLoop = lodash_1.identity, }) {
     let result = defaultResult;
     if (target && target.parentElement && (0, lodash_1.isFunction)(isSuitable)) {
         const { children } = target.parentElement;
@@ -28,5 +29,9 @@ const findSiblingIndex = ({ target, startIndex = 0, increment = 1, defaultResult
         }
     }
     return result;
-};
+}
+exports.findSiblingIndex = findSiblingIndex;
+/**
+ * @deprecated Следует использовать именованный экспорт. Экспорт по умолчанию будет удалён в будущем.
+ */
 exports.default = findSiblingIndex;

package/helpers/fit-element-height.d.ts

@@ -1,8 +1,8 @@
 /**
- * Перехватив событие, подгонит высоту поля под содержимое.
- * @param event Событие.
- * @param event.target Поле.
+ * Подгонит высоту поля под содержимое.
+ * @param eventLike Событие.
+ * @param eventLike.target Поле.
  */
-export declare const fitElementHeight: ({ target }: {
+export declare function fitElementHeight({ target }: {
     target: HTMLElement;
-}) => void;
+}): void;

package/helpers/fit-element-height.js

@@ -2,14 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.fitElementHeight = void 0;
 /**
- * Перехватив событие, подгонит высоту поля под содержимое.
- * @param event Событие.
- * @param event.target Поле.
+ * Подгонит высоту поля под содержимое.
+ * @param eventLike Событие.
+ * @param eventLike.target Поле.
  */
-const fitElementHeight = ({ target }) => {
+function fitElementHeight({ target }) {
     target.style.height = 'auto';
-    // актуальные значения после установки "auto" (в начало функции не переносить)
+    // ВАЖНО (1): актуальные значения берем ПОСЛЕ установки "auto" (в начало функции не переносить)
+    // ВАЖНО (2): дважды обращаемся к scrollHeight из-за бага в Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=1799404
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const { scrollHeight, offsetHeight, clientHeight } = target;
-    target.style.height = `${scrollHeight + offsetHeight - clientHeight}px`;
-};
+    target.style.height = `${target.scrollHeight + offsetHeight - clientHeight}px`;
+}
 exports.fitElementHeight = fitElementHeight;

package/helpers/format-date.d.ts

@@ -6,11 +6,11 @@
  * @param options.invalidPlaceholder Вернется в случае невалидности даты.
  * @return Функция для форматирования даты.
  */
-export declare const createDateFormatter: ({ formatFrom, formatTo, invalidPlaceholder, }?: {
-    formatFrom?: string | string[] | undefined;
-    formatTo?: string | ((d: Date) => string) | undefined;
+export declare function createDateFormatter({ formatFrom, formatTo, invalidPlaceholder, }?: {
+    formatFrom?: string | string[];
+    formatTo?: string | ((d: Date) => string);
     invalidPlaceholder?: any;
-}) => (dateString: string) => any;
+}): (dateString: string) => any;
 /**
  * Работает аналогично "date-fns/parse", но позволяет передать множество форматов в виде массива.
  * @param dateString Строка с датой.
@@ -19,11 +19,11 @@ export declare const createDateFormatter: ({ formatFrom, formatTo, invalidPlaceh
  * @param options Опции "date-fns/parse".
  * @return Дата.
  */
-export declare const parseMultiple: (dateString: string, formatString: string | string[], referenceDate: Date, options?: {
-    locale?: Locale | undefined;
-    weekStartsOn?: 0 | 2 | 1 | 3 | 4 | 5 | 6 | undefined;
-    firstWeekContainsDate?: 2 | 1 | 3 | 4 | 5 | 6 | 7 | undefined;
-    useAdditionalWeekYearTokens?: boolean | undefined;
-    useAdditionalDayOfYearTokens?: boolean | undefined;
-} | undefined) => Date;
+export declare function parseMultiple(dateString: string, formatString: string | string[], referenceDate: Date, options?: {
+    locale?: Locale;
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    firstWeekContainsDate?: 1 | 2 | 3 | 4 | 5 | 6 | 7;
+    useAdditionalWeekYearTokens?: boolean;
+    useAdditionalDayOfYearTokens?: boolean;
+}): Date;
 export declare const formatDate: (dateString: string) => any;