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

package/dist/group-overflow/group-overflow.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GroupOverflow = GroupOverflow;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const utils_1 = require("./utils");
+const classnames_1 = __importDefault(require("classnames"));
+const group_overflow_m_scss_1 = __importDefault(require("./group-overflow.m.scss"));
+/**
+ * Группа со скрытием не влезающих элементов.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function GroupOverflow({ children, className, style, gap, tail, ...restProps }) {
+    const ref = (0, react_1.useRef)(null);
+    const { state, start } = (0, utils_1.useItemsHide)(ref, el => el.parentElement?.parentElement);
+    const total = react_1.Children.count(children);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(group_overflow_m_scss_1.default.root, className), style: typeof gap === 'number'
+            ? { ...style, '--group-overflow-gap': `${gap}px` }
+            : style, ...restProps, children: [(0, jsx_runtime_1.jsx)("div", { ref: ref, className: group_overflow_m_scss_1.default.items, children: state === 'initial'
+                    ? react_1.Children.toArray(children)
+                    : react_1.Children.toArray(children).slice(0, start) }), state !== 'initial' && start < total && tail && ((0, jsx_runtime_1.jsx)("div", { className: group_overflow_m_scss_1.default.more, children: tail({ hiddenCount: total - start }) }))] }));
+}
+//# sourceMappingURL=group-overflow.js.map

package/dist/group-overflow/group-overflow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-overflow.js","sourceRoot":"","sources":["../../src/group-overflow/group-overflow.tsx"],"names":[],"mappings":";;;;;AAWA,sCAkCC;;AA7CD,iCAAwD;AACxD,mCAAuC;AAEvC,4DAAoC;AACpC,oFAA6C;AAE7C;;;;GAIG;AACH,SAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,EACH,IAAI,EACJ,GAAG,SAAS,EACO;IACnB,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAY,EAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;IAClF,MAAM,KAAK,GAAG,gBAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAEvC,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,oBAAU,EAAC,+BAAM,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7C,KAAK,EACH,OAAO,GAAG,KAAK,QAAQ;YACrB,CAAC,CAAE,EAAE,GAAG,KAAK,EAAE,sBAAsB,EAAE,GAAG,GAAG,IAAI,EAAoB;YACrE,CAAC,CAAC,KAAK,KAEP,SAAS,aAEb,gCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,+BAAM,CAAC,KAAK,YAEnC,KAAK,KAAK,SAAS;oBAClB,CAAC,CAAC,gBAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC;oBAC5B,CAAC,CAAC,gBAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,GAC1C,EAEL,KAAK,KAAK,SAAS,IAAI,KAAK,GAAG,KAAK,IAAI,IAAI,IAAI,CAC/C,gCAAK,SAAS,EAAE,+BAAM,CAAC,IAAI,YAAG,IAAI,CAAC,EAAE,WAAW,EAAE,KAAK,GAAG,KAAK,EAAE,CAAC,GAAO,CAC1E,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/group-overflow/index.d.ts

@@ -0,0 +1,2 @@
+export type { GroupOverflowProps, RenderTail } from './types';
+export { GroupOverflow } from './group-overflow';

package/dist/group-overflow/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GroupOverflow = void 0;
+var group_overflow_1 = require("./group-overflow");
+Object.defineProperty(exports, "GroupOverflow", { enumerable: true, get: function () { return group_overflow_1.GroupOverflow; } });
+//# sourceMappingURL=index.js.map

package/dist/group-overflow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/group-overflow/index.ts"],"names":[],"mappings":";;;AACA,mDAAiD;AAAxC,+GAAA,aAAa,OAAA"}

package/dist/group-overflow/types.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export type RenderTail = (data: {
+    hiddenCount: number;
+}) => ReactNode;
+export interface GroupOverflowProps extends HTMLAttributes<HTMLDivElement> {
+    /** Расстояние между элементами в пикселях. */
+    gap?: number;
+    /** Вернёт "замыкающий" элемент, который будет выведен по аналогии с многоточием для текста. */
+    tail?: RenderTail;
+}

package/dist/group-overflow/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/group-overflow/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/group-overflow/types.ts"],"names":[],"mappings":""}

package/dist/group-overflow/utils.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useItemsHide = useItemsHide;
+exports.defineHideStart = defineHideStart;
+const react_1 = require("react");
+const hooks_1 = require("../hooks");
+/**
+ * Хук состояния скрытия не влезающих элементов.
+ * @param ref Реф с контейнером.
+ * @param getParent Получив контейнер вернет элемент за изменением ширины которого надо следить.
+ * @return Состояние.
+ */
+function useItemsHide(ref, getParent) {
+    const [state, setState] = (0, react_1.useState)('initial');
+    const [start, setStart] = (0, react_1.useState)(-1);
+    const calculateHideStart = (0, react_1.useCallback)((nextState) => {
+        if (ref.current) {
+            setStart(defineHideStart(ref.current));
+            setState(nextState);
+        }
+    }, [ref]);
+    // следим за изменениями размера **родительского** элемента
+    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
+        if (!ref.current) {
+            return;
+        }
+        const parent = getParent(ref.current);
+        if (!parent) {
+            return;
+        }
+        const observer = new ResizeObserver(() => setState('initial'));
+        observer.observe(parent);
+        return () => observer.disconnect();
+    }, [ref]);
+    const lastStateRef = (0, react_1.useRef)(null);
+    // при каждом **внешнем** ререндере сбрасываем состояние
+    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
+        if (state === lastStateRef.current) {
+            setStart(-1);
+            setState('initial');
+        }
+        else {
+            lastStateRef.current = state;
+        }
+    });
+    // меняем состояние по итогам рендера
+    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
+        switch (state) {
+            case 'initial':
+                calculateHideStart('hidden');
+                break;
+            case 'hidden':
+                calculateHideStart('hidden+more');
+                break;
+        }
+    }, [state]);
+    return { state, start };
+}
+/**
+ * Вернет индекс дочернего элемента, который не влез в контейнер по ширине.
+ * Работает только если все дочерние узлы размещены в одной строке (без переноса).
+ * @param element Контейнер.
+ * @return Индекс.
+ */
+function defineHideStart(element) {
+    const limit = Math.floor(element.getBoundingClientRect().right);
+    for (const [index, item] of [...element.children].entries()) {
+        if (index > 0 && Math.floor(item.getBoundingClientRect().right) > limit) {
+            return index;
+        }
+    }
+    return element.children.length;
+}
+//# sourceMappingURL=utils.js.map

package/dist/group-overflow/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/group-overflow/utils.ts"],"names":[],"mappings":";;AAWA,oCA6DC;AAQD,0CAUC;AA1FD,iCAAiE;AACjE,oCAAqD;AAIrD;;;;;GAKG;AACH,SAAgB,YAAY,CAC1B,GAA2B,EAC3B,SAA8D;IAE9D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAa,SAAS,CAAC,CAAC;IAC1D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAS,CAAC,CAAC,CAAC,CAAC;IAE/C,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EACpC,CAAC,SAAqB,EAAE,EAAE;QACxB,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YAChB,QAAQ,CAAC,eAAe,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;YACvC,QAAQ,CAAC,SAAS,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,EACD,CAAC,GAAG,CAAC,CACN,CAAC;IAEF,2DAA2D;IAC3D,IAAA,iCAAyB,EAAC,GAAG,EAAE;QAC7B,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;YACjB,OAAO;QACT,CAAC;QAED,MAAM,MAAM,GAAG,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAEtC,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO;QACT,CAAC;QAED,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC;QAE/D,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAEzB,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACrC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,MAAM,YAAY,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAErD,wDAAwD;IACxD,IAAA,iCAAyB,EAAC,GAAG,EAAE;QAC7B,IAAI,KAAK,KAAK,YAAY,CAAC,OAAO,EAAE,CAAC;YACnC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;YACb,QAAQ,CAAC,SAAS,CAAC,CAAC;QACtB,CAAC;aAAM,CAAC;YACN,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;QAC/B,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,qCAAqC;IACrC,IAAA,iCAAyB,EAAC,GAAG,EAAE;QAC7B,QAAQ,KAAK,EAAE,CAAC;YACd,KAAK,SAAS;gBACZ,kBAAkB,CAAC,QAAQ,CAAC,CAAC;gBAC7B,MAAM;YACR,KAAK,QAAQ;gBACX,kBAAkB,CAAC,aAAa,CAAC,CAAC;gBAClC,MAAM;QACV,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;AAC1B,CAAC;AAED;;;;;GAKG;AACH,SAAgB,eAAe,CAAC,OAAoB;IAClD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC,CAAC;IAEhE,KAAK,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC;QAC5D,IAAI,KAAK,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC,GAAG,KAAK,EAAE,CAAC;YACxE,OAAO,KAAK,CAAC;QACf,CAAC;IACH,CAAC;IAED,OAAO,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC;AACjC,CAAC"}

package/dist/helpers/bounds-of.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Возвращает ограничивающий прямоугольник элемента.
+ * @param element Элемент.
+ * @return Ограничивающий прямоугольник.
+ */
+export declare function boundsOf<T>(element: T): T extends Element ? DOMRect : null;

package/dist/helpers/bounds-of.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.boundsOf = boundsOf;
+/**
+ * Возвращает ограничивающий прямоугольник элемента.
+ * @param element Элемент.
+ * @return Ограничивающий прямоугольник.
+ */
+function boundsOf(element) {
+    return (element instanceof Element ? element.getBoundingClientRect() : null);
+}
+//# sourceMappingURL=bounds-of.js.map

package/dist/helpers/bounds-of.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bounds-of.js","sourceRoot":"","sources":["../../src/helpers/bounds-of.ts"],"names":[],"mappings":";;AAKA,4BAIC;AATD;;;;GAIG;AACH,SAAgB,QAAQ,CAAI,OAAU;IACpC,OAAO,CAAC,OAAO,YAAY,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,CAAC,CAAC,IAAI,CAEnE,CAAC;AACX,CAAC"}

package/dist/helpers/center-of.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Возвращает координаты центра прямоугольника.
+ * @param rect Прямоугольник.
+ * @return Центр.
+ */
+export declare function centerOf(rect: DOMRect): import("./point").IPoint;

package/dist/helpers/center-of.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.centerOf = centerOf;
+const point_1 = require("./point");
+/**
+ * Возвращает координаты центра прямоугольника.
+ * @param rect Прямоугольник.
+ * @return Центр.
+ */
+function centerOf(rect) {
+    return (0, point_1.Point)((rect.right + rect.left) / 2, (rect.bottom + rect.top) / 2);
+}
+//# sourceMappingURL=center-of.js.map

package/dist/helpers/center-of.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"center-of.js","sourceRoot":"","sources":["../../src/helpers/center-of.ts"],"names":[],"mappings":";;AAOA,4BAEC;AATD,mCAAgC;AAEhC;;;;GAIG;AACH,SAAgB,QAAQ,CAAC,IAAa;IACpC,OAAO,IAAA,aAAK,EAAC,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;AAC3E,CAAC"}

package/dist/helpers/create-container.d.ts

@@ -0,0 +1,13 @@
+export interface Container<T> {
+    get: () => T | undefined;
+    set: (v: T) => void;
+    setObserver: (fn: Observer<T> | null) => void;
+}
+type Observer<T> = (prev: T | undefined, next: T | undefined) => void;
+/**
+ * Фабрика контейнеров для произвольных значений.
+ * @param initialValue Начальное значение в контейнере.
+ * @return Контейнер.
+ */
+export declare function createContainer<T = any>(initialValue?: T): Container<T>;
+export {};

package/dist/helpers/create-container.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createContainer = createContainer;
+/**
+ * Фабрика контейнеров для произвольных значений.
+ * @param initialValue Начальное значение в контейнере.
+ * @return Контейнер.
+ */
+function createContainer(initialValue) {
+    let value = initialValue;
+    let observe;
+    /**
+     * Геттер значения.
+     * @return Значение.
+     */
+    const get = () => value;
+    /**
+     * Сеттер значения.
+     * @param newValue Новое значение.
+     */
+    const set = (newValue) => {
+        const oldValue = value;
+        value = newValue;
+        !Object.is(newValue, oldValue) && observe?.(newValue, oldValue);
+    };
+    /**
+     * Сеттер функции-наблюдателя за изменением значения.
+     * @param newObserve Функция-наблюдатель.
+     */
+    const setObserver = (newObserve) => {
+        observe = newObserve;
+    };
+    return { get, set, setObserver };
+}
+//# sourceMappingURL=create-container.js.map

package/dist/helpers/create-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-container.js","sourceRoot":"","sources":["../../src/helpers/create-container.ts"],"names":[],"mappings":";;AAaA,0CA8BC;AAnCD;;;;GAIG;AACH,SAAgB,eAAe,CAAU,YAAgB;IACvD,IAAI,KAAK,GAAkB,YAAY,CAAC;IACxC,IAAI,OAA2B,CAAC;IAEhC;;;OAGG;IACH,MAAM,GAAG,GAAG,GAAkB,EAAE,CAAC,KAAK,CAAC;IAEvC;;;OAGG;IACH,MAAM,GAAG,GAAG,CAAC,QAAW,EAAE,EAAE;QAC1B,MAAM,QAAQ,GAAkB,KAAK,CAAC;QACtC,KAAK,GAAG,QAAQ,CAAC;QAEjB,CAAC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,IAAI,OAAO,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAClE,CAAC,CAAC;IAEF;;;OAGG;IACH,MAAM,WAAW,GAAG,CAAC,UAA8B,EAAE,EAAE;QACrD,OAAO,GAAG,UAAU,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;AACnC,CAAC"}

package/dist/helpers/define-slots.d.ts

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

package/dist/helpers/define-slots.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defineSlots = defineSlots;
+const react_1 = require("react");
+/**
+ * Определяет, является ли React-элемент элементом заданного типа.
+ * @param value Элемент.
+ * @param type Тип.
+ * @return Результат.
+ */
+function isComponentOfType(value, type) {
+    return value.type === type;
+}
+/**
+ * Распределяет дочерние элементы по слотам.
+ * @param children Дочерние элементы.
+ * @param dict Словарь типов элементов.
+ * @return Дочерние элементы разбитые по слотам.
+ */
+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)) {
+            for (const key of allKeys) {
+                if (!result[key] && isComponentOfType(item, dict[key])) {
+                    result[key] = item;
+                    break;
+                }
+            }
+        }
+        return result;
+    }, {});
+    return slots;
+}
+//# sourceMappingURL=define-slots.js.map

package/dist/helpers/define-slots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define-slots.js","sourceRoot":"","sources":["../../src/helpers/define-slots.tsx"],"names":[],"mappings":";;AAkCA,kCAiBC;AAnDD,iCAOe;AAQf;;;;;GAKG;AACH,SAAS,iBAAiB,CACxB,KAAmB,EACnB,IAAO;IAEP,OAAO,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC;AAC7B,CAAC;AAED;;;;;GAKG;AACH,SAAgB,WAAW,CAAsB,QAAmB,EAAE,IAAO;IAC3E,MAAM,OAAO,GAAmB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAElD,MAAM,KAAK,GAAa,gBAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAW,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE;QACnF,IAAI,IAAA,sBAAc,EAAC,IAAI,CAAC,EAAE,CAAC;YACzB,KAAK,MAAM,GAAG,IAAI,OAAO,EAAE,CAAC;gBAC1B,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,iBAAiB,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;oBACvD,MAAM,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;oBACnB,MAAM;gBACR,CAAC;YACH,CAAC;QACH,CAAC;QAED,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,EAAS,CAAC,CAAC;IAEd,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/helpers/events.d.ts

@@ -0,0 +1,28 @@
+import type { MouseEvent as ReactMouseEvent, TouchEvent as ReactTouchEvent } from 'react';
+export type EventWithPosition<T extends HTMLElement = HTMLElement> = MouseEvent | TouchEvent | ReactMouseEvent<T> | ReactTouchEvent<T>;
+/**
+ * Проверяет, является ли событие событием нажатия основной кнопки мыши.
+ * @param event Событие.
+ * @return Является ли.
+ */
+export declare function isMainMouseButton(event: any): boolean;
+/**
+ * Проверяет, является ли переданное событие touch-событием.
+ * @param event Событие.
+ * @return Является ли переданное событие touch-событием.
+ */
+export declare function isTouchEvent(event: any): event is TouchEvent | ReactTouchEvent;
+/**
+ * Берет данные позиции из события.
+ * @param event Touch- или Mouse-событие.
+ * @return Данные позиции.
+ */
+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/dist/helpers/events.js

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

package/dist/helpers/events.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.js","sourceRoot":"","sources":["../../src/helpers/events.ts"],"names":[],"mappings":";;AAcA,8CAEC;AAOD,oCAEC;AAOD,8CAMC;AASD,oCA0BC;AAxED,mCAAgC;AAQhC;;;;GAIG;AACH,SAAgB,iBAAiB,CAAC,KAAU;IAC1C,OAAO,KAAK,EAAE,MAAM,KAAK,CAAC,CAAC;AAC7B,CAAC;AAED;;;;GAIG;AACH,SAAgB,YAAY,CAAC,KAAU;IACrC,OAAO,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AACjC,CAAC;AAED;;;;GAIG;AACH,SAAgB,iBAAiB,CAC/B,KAA2B;IAE3B,MAAM,MAAM,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAE9D,OAAO,IAAA,aAAK,EAAC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;AACjD,CAAC;AAED;;;;;;GAMG;AACH,SAAgB,YAAY,CAC1B,OAAmE,EACnE,KAAa;IAEb,MAAM,YAAY,GAAG,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,mBAAmB,CAAU,CAAC;IAEzF,IAAI,WAAW,GAIJ,IAAI,CAAC;IAEhB,KAAK,MAAM,IAAI,IAAI,YAAY,EAAE,CAAC;QAChC,IAAI,OAAO,YAAY,IAAI,EAAE,CAAC;YAC5B,WAAW,GAAG,IAAI,CAAC;QACrB,CAAC;IACH,CAAC;IAED,IAAI,WAAW,EAAE,CAAC;QAChB,MAAM,QAAQ,GAAG,MAAM,CAAC,wBAAwB,CAAC,WAAW,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,GAAG,CAAC;QAEtF,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;YAC9B,OAAO,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAC/D,CAAC;IACH,CAAC;AACH,CAAC"}

package/dist/helpers/find-child-index.d.ts

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

package/dist/helpers/find-child-index.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.findChildIndex = findChildIndex;
+/**
+ * Выполняет цикл для поиска родственного элемента по заданным условиям.
+ * @param props Свойства.
+ * @param props.target Элемент для которого нужно найти родственный элемент.
+ * @param props.startIndex Индекс элемента с которого нужно начать поиск.
+ * @param props.increment Значение инкремента.
+ * @param props.defaultResult Результат в случае если ни один элемент не прошел проверку.
+ * @param props.isSuitable Должна определить удовлетворяет ли элемент условию.
+ * @param props.needBreakLoop Должна определить нужно ли останавливать цикл.
+ * @return Индекс дочернего элемента.
+ */
+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;
+        for (let i = startIndex; i >= 0 && i < children.length; i += increment) {
+            const sibling = children[i];
+            const passed = isSuitable(sibling);
+            if (passed) {
+                result = i;
+            }
+            if (needBreakLoop(passed)) {
+                break;
+            }
+        }
+    }
+    return result;
+}
+//# sourceMappingURL=find-child-index.js.map

package/dist/helpers/find-child-index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"find-child-index.js","sourceRoot":"","sources":["../../src/helpers/find-child-index.ts"],"names":[],"mappings":";;AAWA,wCAkCC;AA7CD;;;;;;;;;;GAUG;AACH,SAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,UAAU,GAAG,CAAC,EACd,SAAS,GAAG,CAAC,EACb,aAAa,GAAG,CAAC,CAAC,EAClB,UAAU,EACV,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAQvB;IACC,IAAI,MAAM,GAAG,aAAa,CAAC;IAE3B,IAAI,MAAM,IAAI,MAAM,CAAC,QAAQ,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;QAC1D,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;QAE5B,KAAK,IAAI,CAAC,GAAG,UAAU,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,IAAI,SAAS,EAAE,CAAC;YACvE,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YAC5B,MAAM,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;YAEnC,IAAI,MAAM,EAAE,CAAC;gBACX,MAAM,GAAG,CAAC,CAAC;YACb,CAAC;YACD,IAAI,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC1B,MAAM;YACR,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/dist/helpers/find-offset-parent.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.findOffsetParent = findOffsetParent;
+/**
+ * Возвращает offsetParent с учетом того, что html может иметь или не иметь position !== 'static'.
+ * @param element Элемент.
+ * @return Правильный offsetParent.
+ */
+function findOffsetParent(element) {
+    let parent = element.offsetParent || document.body;
+    if (getComputedStyle(parent).position === 'static') {
+        parent =
+            getComputedStyle(document.documentElement).position === 'static'
+                ? null
+                : document.documentElement;
+    }
+    return parent;
+}
+//# sourceMappingURL=find-offset-parent.js.map

package/dist/helpers/find-offset-parent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"find-offset-parent.js","sourceRoot":"","sources":["../../src/helpers/find-offset-parent.ts"],"names":[],"mappings":";;AAKA,4CAWC;AAhBD;;;;GAIG;AACH,SAAgB,gBAAgB,CAAC,OAAoB;IACnD,IAAI,MAAM,GAAmB,OAAO,CAAC,YAAY,IAAI,QAAQ,CAAC,IAAI,CAAC;IAEnE,IAAI,gBAAgB,CAAC,MAAM,CAAC,CAAC,QAAQ,KAAK,QAAQ,EAAE,CAAC;QACnD,MAAM;YACJ,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,QAAQ,KAAK,QAAQ;gBAC9D,CAAC,CAAC,IAAI;gBACN,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC;IACjC,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC"}

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

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

package/dist/helpers/find-sibling-index.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.findSiblingIndex = findSiblingIndex;
+/**
+ * Выполняет цикл для поиска родственного элемента по заданным условиям.
+ * @param props Свойства.
+ * @param props.target Элемент для которого нужно найти родственный элемент.
+ * @param [props.startIndex] Индекс элемента с которого нужно начать поиск.
+ * @param [props.increment] Значение инкремента.
+ * @param [props.defaultResult] Результат в случае если ни один элемент не прошел проверку.
+ * @param [props.isSuitable] Должна определить удовлетворяет ли элемент условию.
+ * @param [props.needBreakLoop] Должна определить нужно ли останавливать цикл.
+ * @return Родственный элемент.
+ */
+function findSiblingIndex({ target, startIndex = 0, increment = 1, defaultResult = -1, isSuitable, needBreakLoop = a => a, }) {
+    let result = defaultResult;
+    if (target && target.parentElement && typeof isSuitable === 'function') {
+        const { children } = target.parentElement;
+        for (let i = startIndex; i >= 0 && i < children.length; i += increment) {
+            const sibling = children[i];
+            const passed = isSuitable(sibling);
+            if (passed) {
+                result = i;
+            }
+            if (needBreakLoop(passed)) {
+                break;
+            }
+        }
+    }
+    return result;
+}
+//# sourceMappingURL=find-sibling-index.js.map

package/dist/helpers/find-sibling-index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"find-sibling-index.js","sourceRoot":"","sources":["../../src/helpers/find-sibling-index.ts"],"names":[],"mappings":";;AAWA,4CAkCC;AA7CD;;;;;;;;;;GAUG;AACH,SAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,UAAU,GAAG,CAAC,EACd,SAAS,GAAG,CAAC,EACb,aAAa,GAAG,CAAC,CAAC,EAClB,UAAU,EACV,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAQvB;IACC,IAAI,MAAM,GAAG,aAAa,CAAC;IAE3B,IAAI,MAAM,IAAI,MAAM,CAAC,aAAa,IAAI,OAAO,UAAU,KAAK,UAAU,EAAE,CAAC;QACvE,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC,aAAa,CAAC;QAE1C,KAAK,IAAI,CAAC,GAAG,UAAU,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,IAAI,SAAS,EAAE,CAAC;YACvE,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YAC5B,MAAM,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;YAEnC,IAAI,MAAM,EAAE,CAAC;gBACX,MAAM,GAAG,CAAC,CAAC;YACb,CAAC;YACD,IAAI,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC1B,MAAM;YACR,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/dist/helpers/fit-element-height.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fitElementHeight = fitElementHeight;
+/**
+ * Подгонит высоту поля под содержимое.
+ * @param eventLike Событие.
+ * @param eventLike.target Поле.
+ */
+function fitElementHeight({ target }) {
+    target.style.height = '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 = `${target.scrollHeight + offsetHeight - clientHeight}px`;
+}
+//# sourceMappingURL=fit-element-height.js.map

package/dist/helpers/fit-element-height.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fit-element-height.js","sourceRoot":"","sources":["../../src/helpers/fit-element-height.ts"],"names":[],"mappings":";;AAKA,4CASC;AAdD;;;;GAIG;AACH,SAAgB,gBAAgB,CAAC,EAAE,MAAM,EAA2B;IAClE,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;IAE7B,+FAA+F;IAC/F,yHAAyH;IACzH,6DAA6D;IAC7D,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,MAAM,CAAC;IAE5D,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,MAAM,CAAC,YAAY,GAAG,YAAY,GAAG,YAAY,IAAI,CAAC;AACjF,CAAC"}

package/dist/helpers/format-date.d.ts

@@ -0,0 +1,24 @@
+import type { ParseOptions } from 'date-fns';
+/**
+ * Создает функцию форматирования дат.
+ * @param options Опции.
+ * @param options.formatFrom Формат(ы) принимаемой даты, понимаемые date-fns/parse.
+ * @param options.formatTo Формат возвращаемой даты или функция, возвращающая формат.
+ * @param options.invalidPlaceholder Вернется в случае невалидности даты.
+ * @return Функция для форматирования даты.
+ */
+export declare function createDateFormatter({ formatFrom, formatTo, invalidPlaceholder, }?: {
+    formatFrom?: string | string[];
+    formatTo?: string | ((d: Date) => string);
+    invalidPlaceholder?: any;
+}): (dateString: string) => any;
+/**
+ * Работает аналогично "date-fns/parse", но позволяет передать множество форматов в виде массива.
+ * @param dateString Строка с датой.
+ * @param formatString Формат(ы) дат.
+ * @param referenceDate Дата, в которую необходимо записать данные.
+ * @param options Опции "date-fns/parse".
+ * @return Дата.
+ */
+export declare function parseMultiple(dateString: string, formatString: string | string[], referenceDate: Date, options?: ParseOptions): Date;
+export declare const formatDate: (dateString: string) => any;