@astral/ui 0.48.3 → 1.0.0-test.1670405759

package/esm/utils/date/buildIsoDate/buildIsoDateString.d.ts

@@ -0,0 +1,33 @@
+/**
+ * @description опции для генерации даты без смещения по часовому поясу пользователя
+ */
+export type BuildIsoDateStringOptions = {
+    /**
+     * @description год, обязательный
+     */
+    year: number;
+    /**
+     * @description месяц, опциональный, должен быть нормализован, т.е. начинаться от 1
+     */
+    month?: number;
+    /**
+     * @description день месяца, опциональный
+     */
+    day?: number;
+    /**
+     * @description час, опциональный
+     */
+    hour?: number;
+    /**
+     * @description минута, опциональный
+     */
+    minute?: number;
+    /**
+     * @description секунда, опциональный
+     */
+    second?: number;
+};
+/**
+ * @description утилита генерирующая строковую дату в формате ISO
+ */
+export declare const buildIsoDateString: ({ year, month, day, hour, minute, second, }: BuildIsoDateStringOptions) => string;

package/esm/utils/date/buildIsoDate/buildIsoDateString.js

@@ -0,0 +1,13 @@
+import { zeroPad } from '../../zeroPad';
+/**
+ * @description утилита генерирующая строковую дату в формате ISO
+ */
+export const buildIsoDateString = ({ year, month = 1, day = 1, hour = 0, minute = 0, second = 0, }) => {
+    const YYYY = zeroPad(year, 4);
+    const MM = zeroPad(month, 2);
+    const DD = zeroPad(day, 2);
+    const HH = zeroPad(hour, 2);
+    const mm = zeroPad(minute, 2);
+    const ss = zeroPad(second, 2);
+    return `${YYYY}-${MM}-${DD}T${HH}:${mm}:${ss}.000Z`;
+};

package/esm/utils/date/buildIsoDate/index.d.ts

@@ -0,0 +1,2 @@
+export * from './buildIsoDate';
+export * from './buildIsoDateString';

package/esm/utils/date/buildIsoDate/index.js

@@ -0,0 +1,2 @@
+export * from './buildIsoDate';
+export * from './buildIsoDateString';

package/esm/utils/date/format/formatDate/formatDate.d.ts

@@ -0,0 +1,5 @@
+import { DateMask } from '../maskDate';
+/**
+ * @description утилита для генерации строковой даты по заданной маске
+ */
+export declare const formatDate: (date: Date, mask: DateMask, separator?: string) => string;

package/esm/utils/date/format/formatDate/formatDate.js

@@ -0,0 +1,19 @@
+import { zeroPad } from '../../../zeroPad';
+import { DateMaskElements } from '../maskDate';
+const elementsMap = {
+    [DateMaskElements.day]: (date) => date.getUTCDate(),
+    [DateMaskElements.month]: (date) => date.getUTCMonth() + 1,
+    [DateMaskElements.year]: (date) => date.getUTCFullYear(),
+    [DateMaskElements.hour]: (date) => date.getUTCHours(),
+    [DateMaskElements.minute]: (date) => date.getUTCMinutes(),
+    [DateMaskElements.second]: (date) => date.getUTCSeconds(),
+};
+/**
+ * @description утилита для генерации строковой даты по заданной маске
+ */
+export const formatDate = (date, mask, separator = '.') => mask
+    .split(separator)
+    .map((element) => { var _a; return (_a = elementsMap[element]) === null || _a === void 0 ? void 0 : _a.call(elementsMap, date); })
+    .filter(Boolean)
+    .map((value) => zeroPad(value, 2))
+    .join(separator);

package/esm/utils/date/format/formatDate/index.d.ts

@@ -0,0 +1 @@
+export * from './formatDate';

package/esm/utils/date/format/formatDate/index.js

@@ -0,0 +1 @@
+export * from './formatDate';

package/esm/utils/date/format/index.d.ts

@@ -0,0 +1,3 @@
+export * from './parseDate';
+export * from './formatDate';
+export * from './maskDate';

package/esm/utils/date/format/index.js

@@ -0,0 +1,3 @@
+export * from './parseDate';
+export * from './formatDate';
+export * from './maskDate';

package/esm/utils/date/format/maskDate.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @description текстовая маска содержащая упоминания элементов даты
+ * @example DD.MM.YYYY.hh.mm.ss
+ */
+export type DateMask = string;
+export declare enum DateMaskElements {
+    day = "DD",
+    month = "MM",
+    year = "YYYY",
+    hour = "hh",
+    minute = "mm",
+    second = "ss"
+}

package/esm/utils/date/format/maskDate.js

@@ -0,0 +1,9 @@
+export var DateMaskElements;
+(function (DateMaskElements) {
+    DateMaskElements["day"] = "DD";
+    DateMaskElements["month"] = "MM";
+    DateMaskElements["year"] = "YYYY";
+    DateMaskElements["hour"] = "hh";
+    DateMaskElements["minute"] = "mm";
+    DateMaskElements["second"] = "ss";
+})(DateMaskElements || (DateMaskElements = {}));

package/esm/utils/date/format/parseDate/index.d.ts

@@ -0,0 +1 @@
+export * from './parseDate';

package/esm/utils/date/format/parseDate/index.js

@@ -0,0 +1 @@
+export * from './parseDate';

package/esm/utils/date/format/parseDate/parseDate.d.ts

@@ -0,0 +1,5 @@
+import { DateMask } from '../maskDate';
+/**
+ * @description утилита конвертации строковой даты созданной по маске обратно в Date
+ */
+export declare const parseDate: (date: string, mask: DateMask, separator?: string) => Date;

package/esm/utils/date/format/parseDate/parseDate.js

@@ -0,0 +1,21 @@
+import { DateMaskElements } from '../maskDate';
+import { buildIsoDate } from '../../buildIsoDate';
+const orderMap = {
+    [DateMaskElements.year]: 'year',
+    [DateMaskElements.month]: 'month',
+    [DateMaskElements.day]: 'day',
+    [DateMaskElements.hour]: 'hour',
+    [DateMaskElements.minute]: 'minute',
+    [DateMaskElements.second]: 'second',
+};
+/**
+ * @description утилита конвертации строковой даты созданной по маске обратно в Date
+ */
+export const parseDate = (date, mask, separator = '.') => {
+    const dateArr = date.split(separator);
+    const options = { year: 1900 };
+    mask.split('.').forEach((element, index) => {
+        options[orderMap[element]] = parseInt(dateArr[index]);
+    });
+    return buildIsoDate(options);
+};

package/esm/utils/date/index.d.ts

@@ -0,0 +1,8 @@
+export * from './buildIsoDate';
+export * from './addDays';
+export * from './addMonths';
+export * from './addYears';
+export * from './isDate';
+export * from './isDateOutOfRange';
+export * from './areDatesSame';
+export * from './format';

package/esm/utils/date/index.js

@@ -0,0 +1,8 @@
+export * from './buildIsoDate';
+export * from './addDays';
+export * from './addMonths';
+export * from './addYears';
+export * from './isDate';
+export * from './isDateOutOfRange';
+export * from './areDatesSame';
+export * from './format';

package/esm/utils/date/isDate/index.d.ts

@@ -0,0 +1 @@
+export * from './isDate';

package/esm/utils/date/isDate/index.js

@@ -0,0 +1 @@
+export * from './isDate';

package/esm/utils/date/isDate/isDate.d.ts

@@ -0,0 +1,6 @@
+type Unknown = null | undefined | string | number | Date;
+/**
+ * @description функция проверки значения на дату
+ */
+export declare const isDate: (value: Unknown) => value is Date;
+export {};

package/esm/utils/date/isDate/isDate.js

@@ -0,0 +1,5 @@
+import dayjs from 'dayjs';
+/**
+ * @description функция проверки значения на дату
+ */
+export const isDate = (value) => dayjs(value).isValid();

package/esm/utils/date/isDateOutOfRange/index.d.ts

@@ -0,0 +1 @@
+export * from './isDateOutOfRange';

package/esm/utils/date/isDateOutOfRange/index.js

@@ -0,0 +1 @@
+export * from './isDateOutOfRange';

package/esm/utils/date/isDateOutOfRange/isDateOutOfRange.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @description глубина сравнивания, даты могут быть равны по году, но разные по месяцу, и т.д.
+ */
+export declare enum DateCompareDeep {
+    year = 0,
+    month = 1,
+    day = 2,
+    hour = 3,
+    minute = 4,
+    second = 5
+}
+export type IsDateOutOfRangeOptions = {
+    /**
+     * @description опорная дата, которая сравнивается с minDate и maxDate
+     */
+    date: Date;
+    /**
+     * @description глубина сравнивания, даты могут быть равны по году, но разные по месяцу, и т.д.
+     */
+    deep?: DateCompareDeep;
+    log?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+};
+export declare const buildDateByDeep: (date: Date, deep: DateCompareDeep) => Date;
+/**
+ * @description утилита проверки даты на вхождение в указанный диапазон между minDate и maxDate
+ */
+export declare const isDateOutOfRange: ({ date, minDate, maxDate, deep, }: IsDateOutOfRangeOptions) => boolean;

package/esm/utils/date/isDateOutOfRange/isDateOutOfRange.js

@@ -0,0 +1,40 @@
+import { isDate } from '../isDate';
+import { buildIsoDate } from '../buildIsoDate';
+/**
+ * @description глубина сравнивания, даты могут быть равны по году, но разные по месяцу, и т.д.
+ */
+export var DateCompareDeep;
+(function (DateCompareDeep) {
+    DateCompareDeep[DateCompareDeep["year"] = 0] = "year";
+    DateCompareDeep[DateCompareDeep["month"] = 1] = "month";
+    DateCompareDeep[DateCompareDeep["day"] = 2] = "day";
+    DateCompareDeep[DateCompareDeep["hour"] = 3] = "hour";
+    DateCompareDeep[DateCompareDeep["minute"] = 4] = "minute";
+    DateCompareDeep[DateCompareDeep["second"] = 5] = "second";
+})(DateCompareDeep || (DateCompareDeep = {}));
+export const buildDateByDeep = (date, deep) => buildIsoDate({
+    year: date.getUTCFullYear(),
+    month: deep > DateCompareDeep.year ? date.getUTCMonth() + 1 : undefined,
+    day: deep > DateCompareDeep.month ? date.getUTCDate() : undefined,
+    hour: deep > DateCompareDeep.day ? date.getUTCDate() : undefined,
+    minute: deep > DateCompareDeep.hour ? date.getUTCDate() : undefined,
+    second: deep > DateCompareDeep.minute ? date.getUTCDate() : undefined,
+});
+/**
+ * @description утилита проверки даты на вхождение в указанный диапазон между minDate и maxDate
+ */
+export const isDateOutOfRange = ({ date, minDate, maxDate, deep = DateCompareDeep.second, }) => {
+    const hasMinDate = isDate(minDate);
+    const hasMaxDate = isDate(maxDate);
+    if (deep === DateCompareDeep.second) {
+        return ((hasMinDate && Number(date) < Number(minDate)) ||
+            (hasMaxDate && Number(date) > Number(maxDate)));
+    }
+    else {
+        const dateToCompare = buildDateByDeep(date, deep);
+        return ((hasMinDate &&
+            Number(dateToCompare) < Number(buildDateByDeep(minDate, deep))) ||
+            (hasMaxDate &&
+                Number(dateToCompare) > Number(buildDateByDeep(maxDate, deep))));
+    }
+};

package/esm/utils/zeroPad/index.d.ts

@@ -0,0 +1 @@
+export * from './zeroPad';

package/esm/utils/zeroPad/index.js

@@ -0,0 +1 @@
+export * from './zeroPad';

package/esm/utils/zeroPad/zeroPad.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @description утилита для генерации строковых чисел с заданным количеством символов, если число символов числа меньше необходимого
+ * @example  zeroPad(1, 3) -> '001'
+ * @param {number} value число которое надо дополнить нулями
+ * @param {number} length число обозначающее необходимую длину строки
+ */
+export declare const zeroPad: (value: number, length: number) => string;

package/esm/utils/zeroPad/zeroPad.js

@@ -0,0 +1,7 @@
+/**
+ * @description утилита для генерации строковых чисел с заданным количеством символов, если число символов числа меньше необходимого
+ * @example  zeroPad(1, 3) -> '001'
+ * @param {number} value число которое надо дополнить нулями
+ * @param {number} length число обозначающее необходимую длину строки
+ */
+export const zeroPad = (value, length) => value.toString().padStart(length, '0');

package/hooks/index.d.ts

@@ -1,2 +1,5 @@
 export * from './useLocalStorage';
 export * from './useMenu';
+export * from './useToggle';
+export * from './useForwardedRef';
+export * from './useRadioGroup';

package/hooks/index.js

@@ -16,3 +16,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./useLocalStorage"), exports);
 __exportStar(require("./useMenu"), exports);
+__exportStar(require("./useToggle"), exports);
+__exportStar(require("./useForwardedRef"), exports);
+__exportStar(require("./useRadioGroup"), exports);

package/hooks/useEscapeClickEffect/index.d.ts

@@ -0,0 +1 @@
+export * from './useEscapeClickEffect';

package/hooks/useEscapeClickEffect/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useEscapeClickEffect"), exports);

package/hooks/useEscapeClickEffect/useEscapeClickEffect.d.ts

@@ -0,0 +1,19 @@
+import { Reason } from '../../types';
+export type UseEscapeClickEffectProps = {
+    /**
+     * @description колбэк который будет вызываться при нажатии на кнопку `esc`
+     */
+    onEscape?: (event: Event, reason: Reason) => void;
+    /**
+     * @description флаг активности
+     */
+    isActive: boolean;
+    /**
+     * @description флаг необходимости предотвращать всплытие, подойдет когда используется внутри модалки
+     */
+    preventBubbling?: boolean;
+};
+/**
+ * @description хук клика по кнопке клавиатуры `esc`
+ */
+export declare const useEscapeClickEffect: ({ onEscape, isActive, preventBubbling, }: UseEscapeClickEffectProps) => void;

package/hooks/useEscapeClickEffect/useEscapeClickEffect.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEscapeClickEffect = void 0;
+const react_1 = require("react");
+/**
+ * @description хук клика по кнопке клавиатуры `esc`
+ */
+const useEscapeClickEffect = ({ onEscape, isActive, preventBubbling, }) => {
+    (0, react_1.useEffect)(() => {
+        if (!isActive) {
+            return;
+        }
+        const onKeydown = (e) => {
+            if (e.code === 'Escape') {
+                if (preventBubbling) {
+                    e.stopPropagation();
+                    e.stopImmediatePropagation();
+                }
+                onEscape === null || onEscape === void 0 ? void 0 : onEscape(e, 'escape');
+            }
+        };
+        window.addEventListener('keydown', onKeydown, true);
+        return () => {
+            window.removeEventListener('keydown', onKeydown, true);
+        };
+    }, [isActive]);
+};
+exports.useEscapeClickEffect = useEscapeClickEffect;

package/hooks/useEscapeClickEffect/useEscapeClickEffect.test.d.ts

@@ -0,0 +1 @@
+export {};

package/hooks/useEscapeClickEffect/useEscapeClickEffect.test.js

@@ -0,0 +1,28 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const tests_1 = require("@astral/tests");
+const vitest_1 = require("vitest");
+const useEscapeClickEffect_1 = require("./useEscapeClickEffect");
+describe('useEscapeClickEffect', () => {
+    it('Props:isActive=true: при нажатии esc вызывается onEscape', () => __awaiter(void 0, void 0, void 0, function* () {
+        const onEscape = vitest_1.vi.fn();
+        (0, tests_1.renderHook)(() => (0, useEscapeClickEffect_1.useEscapeClickEffect)({ isActive: true, onEscape }));
+        yield tests_1.userEvents.keyboard('{Escape}');
+        expect(onEscape).toBeCalled();
+    }));
+    it('Props:isActive=false: при нажатии esc onEscape не вызывается', () => __awaiter(void 0, void 0, void 0, function* () {
+        const onEscape = vitest_1.vi.fn();
+        (0, tests_1.renderHook)(() => (0, useEscapeClickEffect_1.useEscapeClickEffect)({ isActive: false, onEscape }));
+        yield tests_1.userEvents.keyboard('{Escape}');
+        expect(onEscape).not.toBeCalled();
+    }));
+});

package/hooks/useForwardedRef/index.d.ts

@@ -0,0 +1 @@
+export * from './useForwardedRef';

package/hooks/useForwardedRef/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useForwardedRef"), exports);

package/hooks/useForwardedRef/useForwardedRef.d.ts

@@ -0,0 +1,5 @@
+import { ForwardedRef } from 'react';
+/**
+ * @description хук позволяет использовать опциональный реф пришедший сверху, т.к. ForwardedRef может являться колбэком, это может подходить не для всех компонентов, яркий пример MaskField
+ */
+export declare const useForwardedRef: <T>(forwardedRef: ForwardedRef<T>) => import("react").RefObject<T>;

package/hooks/useForwardedRef/useForwardedRef.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useForwardedRef = void 0;
+const react_1 = require("react");
+/**
+ * @description хук позволяет использовать опциональный реф пришедший сверху, т.к. ForwardedRef может являться колбэком, это может подходить не для всех компонентов, яркий пример MaskField
+ */
+const useForwardedRef = (forwardedRef) => {
+    const localRef = (0, react_1.useRef)(null);
+    (0, react_1.useImperativeHandle)(forwardedRef, () => localRef.current, [forwardedRef]);
+    return localRef;
+};
+exports.useForwardedRef = useForwardedRef;

package/hooks/useMenu/index.d.ts

@@ -0,0 +1 @@
+export * from './useMenu';

package/hooks/useMenu/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useMenu"), exports);

package/hooks/{useMenu.d.ts → useMenu/useMenu.d.ts}

@@ -1,5 +1,5 @@
 import { ForwardedRef, MutableRefObject } from 'react';
-declare type UseMenuResult = {
+type UseMenuResult = {
     /**
      * Флаг состояния меню (открыто-закрыто)
      */

package/hooks/useMenu/useMenu.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMenu = void 0;
+const react_1 = require("react");
+function useMenu(ref = null) {
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const anchorRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (!ref) {
+            return;
+        }
+        if (typeof ref === 'function') {
+            ref(anchorRef.current);
+        }
+        else {
+            ref.current = anchorRef.current;
+        }
+    }, [ref]);
+    const handleCloseMenu = () => setOpen(false);
+    const handleOpenMenu = () => setOpen(true);
+    return { open, anchorRef, handleCloseMenu, handleOpenMenu };
+}
+exports.useMenu = useMenu;

package/hooks/useRadioGroup/index.d.ts

@@ -0,0 +1 @@
+export * from './useRadioGroup';

package/hooks/useRadioGroup/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useRadioGroup"), exports);

package/hooks/useRadioGroup/useRadioGroup.d.ts

@@ -0,0 +1 @@
+export { useRadioGroup } from '@mui/material/RadioGroup';

package/hooks/useRadioGroup/useRadioGroup.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRadioGroup = void 0;
+var RadioGroup_1 = require("@mui/material/RadioGroup");
+Object.defineProperty(exports, "useRadioGroup", { enumerable: true, get: function () { return RadioGroup_1.useRadioGroup; } });

package/hooks/useToggle/index.d.ts

@@ -0,0 +1 @@
+export * from './useToggle';

package/hooks/useToggle/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useToggle"), exports);

package/hooks/useToggle/useToggle.d.ts

@@ -0,0 +1,43 @@
+/**
+ * @description тип обозначающий какой угодно рест аргументов
+ */
+type Arguments = unknown[];
+/**
+ * @description хэндлер принимающий на вход неизвестное колличество аргументов, неизвестного вида
+ */
+type Handler<Args extends Arguments> = (...a: Args) => void;
+/**
+ * @description хэндлер на открытие с неизвестным колличеством аргументов, неизвестного вида
+ */
+type OpenHandler<Args extends Arguments> = Handler<Args>;
+/**
+ * @description хэндлер на закрытие с неизвестным колличеством аргументов, неизвестного вида
+ */
+type CloseHandler<Args extends Arguments> = Handler<Args>;
+type UseToggleResultTuple<CloseArgs extends Arguments, OpenArgs extends Arguments> = [
+    /**
+     * @description флаг активности состояния
+     */
+    boolean,
+    OpenHandler<OpenArgs>,
+    CloseHandler<CloseArgs>
+];
+type UseToggleOptions<CloseArgs extends Arguments, OpenArgs extends Arguments> = {
+    /**
+     * @description изначальное состояние активности
+     */
+    initialState?: boolean;
+    /**
+     * @description коллбэк на открытие
+     */
+    onActive?: OpenHandler<OpenArgs>;
+    /**
+     * @description коллбэк на закрытие
+     */
+    onInactive?: CloseHandler<CloseArgs>;
+};
+/**
+ * @description хук хранящий стейт активности, и предоставляющий методы переключения c проксируемыми аргументами, позволяет уменьшить бойлерплейт код
+ */
+export declare const useToggle: <CloseArgs extends Arguments, OpenArgs extends Arguments>(params?: UseToggleOptions<CloseArgs, OpenArgs> | undefined) => UseToggleResultTuple<CloseArgs, OpenArgs>;
+export {};