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

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;

package/helpers/format-date.js

@@ -17,16 +17,18 @@ const ru_1 = __importDefault(require("date-fns/locale/ru"));
  * @param options.invalidPlaceholder Вернется в случае невалидности даты.
  * @return Функция для форматирования даты.
  */
-const createDateFormatter = ({ formatFrom = ['yyyy-MM-dd', 'dd.MM.yyyy'], formatTo = 'dd MMMM yyyy', invalidPlaceholder = '', } = {}) => (dateString) => {
-    const date = (0, exports.parseMultiple)(dateString, formatFrom, new Date());
-    let result = invalidPlaceholder;
-    if ((0, isValid_1.default)(date)) {
-        result = (0, format_1.default)(date, (0, lodash_1.isFunction)(formatTo) ? formatTo(new Date(date.getTime())) : formatTo, {
-            locale: ru_1.default,
-        });
-    }
-    return result;
-};
+function createDateFormatter({ formatFrom = ['yyyy-MM-dd', 'dd.MM.yyyy'], formatTo = 'dd MMMM yyyy', invalidPlaceholder = '', } = {}) {
+    return (dateString) => {
+        const date = parseMultiple(dateString, formatFrom, new Date());
+        let result = invalidPlaceholder;
+        if ((0, isValid_1.default)(date)) {
+            result = (0, format_1.default)(date, (0, lodash_1.isFunction)(formatTo) ? formatTo(new Date(date.getTime())) : formatTo, {
+                locale: ru_1.default,
+            });
+        }
+        return result;
+    };
+}
 exports.createDateFormatter = createDateFormatter;
 /**
  * Работает аналогично "date-fns/parse", но позволяет передать множество форматов в виде массива.
@@ -36,7 +38,7 @@ exports.createDateFormatter = createDateFormatter;
  * @param options Опции "date-fns/parse".
  * @return Дата.
  */
-const parseMultiple = (dateString, formatString, referenceDate, options) => {
+function parseMultiple(dateString, formatString, referenceDate, options) {
     let result;
     if (Array.isArray(formatString)) {
         for (let i = 0; i < formatString.length; i++) {
@@ -50,6 +52,6 @@ const parseMultiple = (dateString, formatString, referenceDate, options) => {
         result = (0, parse_1.default)(dateString, formatString, referenceDate, options);
     }
     return result;
-};
+}
 exports.parseMultiple = parseMultiple;
-exports.formatDate = (0, exports.createDateFormatter)();
+exports.formatDate = createDateFormatter();

package/helpers/format-number.d.ts

@@ -4,4 +4,4 @@
  * @param separator Разделяющий символ для чисел больше 999.
  * @return Массив строк с целой и дробной отоформатированными частями числа.
  */
-export declare const formatNumber: (value: number | string, separator?: string | undefined) => string[];
+export declare function formatNumber(value: number | string, separator?: string): string[];

package/helpers/format-number.js

@@ -7,7 +7,7 @@ exports.formatNumber = void 0;
  * @param separator Разделяющий символ для чисел больше 999.
  * @return Массив строк с целой и дробной отоформатированными частями числа.
  */
-const formatNumber = (value, separator) => {
+function formatNumber(value, separator) {
     const pureSeparator = String(separator) === separator ? separator : ' ';
     const number = Number(value);
     let result = [];
@@ -25,5 +25,5 @@ const formatNumber = (value, separator) => {
         result[0] = separated.join(pureSeparator); // подменяем целую часть на целую разделённую
     }
     return result;
-};
+}
 exports.formatNumber = formatNumber;

package/helpers/get-date-interval-data.d.ts

@@ -4,8 +4,11 @@
  * @param endDate Конечная дата.
  * @return Объект с данными сформированного интервала.
  */
-declare const getDateIntervalData: (startDate: string, endDate: string) => {
+export declare function getDateIntervalData(startDate: string, endDate: string): {
     date: string | undefined;
     isInterval: boolean | undefined;
 };
+/**
+ * @deprecated Следует использовать именованный экспорт. Экспорт по умолчанию будет удалён в будущем.
+ */
 export default getDateIntervalData;

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

@@ -3,6 +3,7 @@ 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"));
@@ -17,7 +18,7 @@ const formatOptions = { locale: ru_1.default };
  * @param endDate Конечная дата.
  * @return Объект с данными сформированного интервала.
  */
-const getDateIntervalData = (startDate, endDate) => {
+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;
@@ -34,5 +35,9 @@ const getDateIntervalData = (startDate, endDate) => {
         isInterval = false;
     }
     return { date, isInterval };
-};
+}
+exports.getDateIntervalData = getDateIntervalData;
+/**
+ * @deprecated Следует использовать именованный экспорт. Экспорт по умолчанию будет удалён в будущем.
+ */
 exports.default = getDateIntervalData;