@astral/ui 4.85.0 → 4.87.0

package/components/utils/replaceRaf/replaceRaf.js

@@ -0,0 +1,81 @@
+import { defaultFrameDuration } from './constants';
+const now = () => {
+    if (performance) {
+        return performance.now();
+    }
+    return Date.now();
+};
+export function createStub(frameDuration = defaultFrameDuration, startTime = now()) {
+    const frames = [];
+    let frameId = 0;
+    let currentTime = startTime;
+    const add = (cb) => {
+        const id = ++frameId;
+        const callback = (time) => {
+            cb(time);
+            // remove callback from frames after calling it
+            remove(id);
+        };
+        frames.push({
+            id,
+            callback,
+        });
+        return id;
+    };
+    const remove = (id) => {
+        const index = frames.findIndex((frame) => frame.id === id);
+        if (index === -1) {
+            return;
+        }
+        // remove frame from array
+        frames.splice(index, 1);
+    };
+    const flush = (duration = frameDuration) => {
+        while (frames.length) {
+            step(1, duration);
+        }
+    };
+    const reset = () => {
+        frames.length = 0;
+        currentTime = startTime;
+    };
+    const step = (steps = 1, duration = frameDuration) => {
+        if (steps === 0) {
+            return;
+        }
+        // This line can cause a precision error if both `currentTime`
+        // and `duration` are numbers with decimal components.
+        currentTime = currentTime + duration;
+        const shallow = frames.slice(0);
+        shallow.forEach((frame) => {
+            frame.callback(currentTime);
+        });
+        return step(steps - 1, duration);
+    };
+    const api = {
+        add,
+        remove,
+        reset,
+        flush,
+        step,
+    };
+    return api;
+}
+export function replaceRaf(roots = [], { frameDuration = defaultFrameDuration, startTime = now(), } = {}) {
+    // automatic usage of 'window' or 'global' if no roots are provided
+    if (!roots.length) {
+        roots.push(typeof window !== 'undefined' ? window : global);
+    }
+    // all roots share the same stub
+    const stub = createStub(frameDuration, startTime);
+    roots.forEach((root) => {
+        root.requestAnimationFrame = stub.add;
+        // $FlowFixMe - incorrect typing
+        Object.assign(root.requestAnimationFrame, {
+            step: stub.step,
+            flush: stub.flush,
+            reset: stub.reset,
+        });
+        root.cancelAnimationFrame = stub.remove;
+    });
+}

package/hook-form/FormPageLayoutBase/useLogic/useLogic.d.ts

@@ -9,6 +9,7 @@ export declare const useLogic: <TFormValues extends Record<string, unknown>>({ a
         subheader?: import("react").ReactNode;
         filters?: import("react").ReactNode;
         breadcrumbs?: import("react").ReactNode;
+        tabs?: import("react").ReactNode;
         className?: string | undefined;
         isLoading?: boolean | undefined;
         shouldUpdateDocumentTitle?: boolean | undefined;

package/node/components/NotificationList/ListItem/useLogic/useLogic.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
-const react_use_1 = require("react-use");
+const useIntersection_1 = require("../../../useIntersection");
 const useLogic = ({ id, onDelete, onViewNotification, isUnread, }) => {
     const ref = (0, react_1.useRef)(null);
-    const entry = (0, react_use_1.useIntersection)(ref, {
+    const entry = (0, useIntersection_1.useIntersection)(ref, {
         root: null,
         threshold: 0.95,
     });

package/node/components/PageHeader/HeaderContent/HeaderContent.d.ts

@@ -1,5 +1,5 @@
 import { type ElementType } from 'react';
 import type { PageHeaderProps } from '../types';
-type HeaderContentProps<TMainActionComponent extends ElementType, TSecondaryActionComponent extends ElementType, TBackButtonComponent extends ElementType> = Pick<PageHeaderProps<TMainActionComponent, TSecondaryActionComponent, TBackButtonComponent>, 'breadcrumbs' | 'backButton' | 'description' | 'actions' | 'subheader' | 'filters' | 'title' | 'isLoading'>;
-export declare const HeaderContent: <TMainActionComponent extends ElementType, TSecondaryActionComponent extends ElementType, TBackButtonComponent extends ElementType>({ backButton, description, subheader, breadcrumbs, actions, title, filters, isLoading, }: HeaderContentProps<TMainActionComponent, TSecondaryActionComponent, TBackButtonComponent>) => import("react/jsx-runtime").JSX.Element;
+type HeaderContentProps<TMainActionComponent extends ElementType, TSecondaryActionComponent extends ElementType, TBackButtonComponent extends ElementType> = Pick<PageHeaderProps<TMainActionComponent, TSecondaryActionComponent, TBackButtonComponent>, 'breadcrumbs' | 'backButton' | 'description' | 'actions' | 'subheader' | 'tabs' | 'filters' | 'title' | 'isLoading'>;
+export declare const HeaderContent: <TMainActionComponent extends ElementType, TSecondaryActionComponent extends ElementType, TBackButtonComponent extends ElementType>({ backButton, description, subheader, breadcrumbs, tabs, actions, title, filters, isLoading, }: HeaderContentProps<TMainActionComponent, TSecondaryActionComponent, TBackButtonComponent>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/node/components/PageHeader/HeaderContent/HeaderContent.js

@@ -10,13 +10,13 @@ const Title_1 = require("../Title");
 const Description_1 = require("./Description");
 const FormFiltersProvider_1 = require("./FormFiltersProvider");
 const styles_1 = require("./styles");
-const HeaderContent = ({ backButton, description, subheader, breadcrumbs, actions, title, filters, isLoading, }) => {
+const HeaderContent = ({ backButton, description, subheader, breadcrumbs, tabs, actions, title, filters, isLoading, }) => {
     const renderBreadcrumbs = () => {
         if (!breadcrumbs) {
             return null;
         }
         return ((0, jsx_runtime_1.jsx)(styles_1.BreadcrumbsWrapper, { children: Array.isArray(breadcrumbs) ? ((0, jsx_runtime_1.jsx)(Breadcrumbs_1.Breadcrumbs, { children: breadcrumbs })) : (breadcrumbs) }));
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [renderBreadcrumbs(), (0, jsx_runtime_1.jsx)(styles_1.DesktopTitleWrapper, { children: (0, jsx_runtime_1.jsx)(Title_1.Title, { backButton: backButton, title: title, isLoading: isLoading, hasDescription: Boolean(description), hasBreadcrumbs: Boolean(breadcrumbs) }) }), (0, jsx_runtime_1.jsx)(Description_1.Description, { description: description, isLoading: isLoading }), actions && ((0, jsx_runtime_1.jsx)(PageActions_1.PageActions, { className: (0, classNames_1.classNames)(constants_1.pageHeaderClassnames.pageHeaderActions), isLoading: isLoading, size: "medium", withCollapseOnLaptop: Boolean(filters), ...actions })), filters && ((0, jsx_runtime_1.jsx)(FormFiltersProvider_1.FormFiltersProvider, { filtersClassName: constants_1.pageHeaderClassnames.filters, quickFiltersClassName: constants_1.pageHeaderClassnames.quickFilters, children: filters })), subheader && ((0, jsx_runtime_1.jsx)(styles_1.PageSubheader, { className: constants_1.pageHeaderClassnames.subheader, children: subheader }))] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [renderBreadcrumbs(), (0, jsx_runtime_1.jsx)(styles_1.DesktopTitleWrapper, { children: (0, jsx_runtime_1.jsx)(Title_1.Title, { backButton: backButton, title: title, isLoading: isLoading, hasDescription: Boolean(description), hasBreadcrumbs: Boolean(breadcrumbs) }) }), (0, jsx_runtime_1.jsx)(Description_1.Description, { description: description, isLoading: isLoading }), actions && ((0, jsx_runtime_1.jsx)(PageActions_1.PageActions, { className: (0, classNames_1.classNames)(constants_1.pageHeaderClassnames.pageHeaderActions), isLoading: isLoading, size: "medium", withCollapseOnLaptop: Boolean(filters), ...actions })), filters && ((0, jsx_runtime_1.jsx)(FormFiltersProvider_1.FormFiltersProvider, { filtersClassName: constants_1.pageHeaderClassnames.filters, quickFiltersClassName: constants_1.pageHeaderClassnames.quickFilters, children: filters })), tabs && (0, jsx_runtime_1.jsx)(styles_1.TabsWrapper, { children: tabs }), subheader && ((0, jsx_runtime_1.jsx)(styles_1.PageSubheader, { className: constants_1.pageHeaderClassnames.subheader, children: subheader }))] }));
 };
 exports.HeaderContent = HeaderContent;

package/node/components/PageHeader/HeaderContent/styles.d.ts

@@ -3,6 +3,10 @@ export declare const BreadcrumbsWrapper: import("@emotion/styled/dist/declaratio
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TabsWrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const PageSubheader: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;

package/node/components/PageHeader/HeaderContent/styles.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DesktopTitleWrapper = exports.PageSubheader = exports.BreadcrumbsWrapper = void 0;
+exports.DesktopTitleWrapper = exports.PageSubheader = exports.TabsWrapper = exports.BreadcrumbsWrapper = void 0;
 const styled_1 = require("../../styled");
 exports.BreadcrumbsWrapper = styled_1.styled.div `
   grid-column: 2;
@@ -12,9 +12,19 @@ exports.BreadcrumbsWrapper = styled_1.styled.div `
     display: none;
   }
 `;
+exports.TabsWrapper = styled_1.styled.div `
+  grid-column: 1 / -1;
+  grid-row: 4;
+
+  padding-top:  ${({ theme }) => theme.spacing(3)};
+
+  ${({ theme }) => theme.breakpoints.down('sm')} {
+    padding: ${({ theme }) => theme.spacing(0, 3, 3, 3)};
+  }
+`;
 exports.PageSubheader = styled_1.styled.div `
   grid-column: 1 / -1;
-  grid-row: 6;
+  grid-row: 5;
 
   padding-top: ${({ theme }) => theme.spacing(4)};
 

package/node/components/PageHeader/PageHeader.js

@@ -34,7 +34,7 @@ const rootCva = (0, cva_1.cva)(constants_1.pageHeaderClassnames.root, {
     },
 });
 const PageHeader = (props) => {
-    const { title, description, subheader, breadcrumbs, actions, backButton, className, filters, } = props;
+    const { title, description, subheader, breadcrumbs, tabs, actions, backButton, className, filters, } = props;
     const { isLoading, mobileTitleActions, isShowMobileActions } = (0, useLogic_1.useLogic)(props);
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(styles_1.MobileTitleWrapper, { className: mobilePageHeaderCva({
                     hasTitle: Boolean(title) || isLoading,
@@ -43,6 +43,6 @@ const PageHeader = (props) => {
                     hasActions: Boolean(actions),
                     hasSubheader: Boolean(subheader),
                     hasFilters: Boolean(filters),
-                }), className), children: (0, jsx_runtime_1.jsx)(HeaderContent_1.HeaderContent, { breadcrumbs: breadcrumbs, backButton: backButton, title: title, description: description, actions: actions, subheader: subheader, filters: filters, isLoading: isLoading }) }), isShowMobileActions && ((0, jsx_runtime_1.jsx)(MobilePageActions_1.MobilePageActions, { className: (0, classNames_1.classNames)(constants_1.pageHeaderClassnames.pageHeaderActions), isLoading: isLoading, ...actions }))] }));
+                }), className), children: (0, jsx_runtime_1.jsx)(HeaderContent_1.HeaderContent, { breadcrumbs: breadcrumbs, backButton: backButton, title: title, description: description, actions: actions, subheader: subheader, tabs: tabs, filters: filters, isLoading: isLoading }) }), isShowMobileActions && ((0, jsx_runtime_1.jsx)(MobilePageActions_1.MobilePageActions, { className: (0, classNames_1.classNames)(constants_1.pageHeaderClassnames.pageHeaderActions), isLoading: isLoading, ...actions }))] }));
 };
 exports.PageHeader = PageHeader;

package/node/components/PageHeader/styles.js

@@ -41,7 +41,7 @@ exports.Wrapper = styled_1.styled.header `
 
   .${constants_2.pageHeaderClassnames.filters} {
     grid-column: 1 / -1;
-    grid-row: 4;
+    grid-row: 6;
 
     ${({ theme }) => theme.breakpoints.down('laptop')} {
       grid-column: 3;
@@ -51,7 +51,7 @@ exports.Wrapper = styled_1.styled.header `
 
   .${constants_2.pageHeaderClassnames.quickFilters} {
     grid-column: 1 / -1;
-    grid-row: 5;
+    grid-row: 7;
 
     margin-top: ${({ theme }) => theme.spacing(4)};
 

package/node/components/PageHeader/types.d.ts

@@ -34,6 +34,16 @@ export type PageHeaderProps<TMainActionComponent extends ElementType = ElementTy
      * } />
      */
     breadcrumbs?: ReactNode;
+    /**
+     * Слот для tabs
+     * @example <PageHeader tabs={
+     * <Tabs value={tabValue} onChange={handleChange}>
+     *  <Tab label="Вкладка 1" />
+     *  <Tab label="Вкладка 2" />
+     * </Tabs>
+     * } />
+     */
+    tabs?: ReactNode;
     /**
      * Набор кнопок, видимые конфигурируются через объект main, скрытые в меню -
      * через secondary

package/node/components/createGlobalState/createGlobalState.d.ts

@@ -0,0 +1,6 @@
+import { type IHookStateInitAction, type IHookStateSetAction } from './utils/types';
+export declare function createGlobalState<TState>(initialState: IHookStateInitAction<TState>): () => [TState, (state: IHookStateSetAction<TState>) => void];
+export declare function createGlobalState<TState = undefined>(): () => [
+    TState,
+    (state: IHookStateSetAction<TState>) => void
+];

package/node/components/createGlobalState/createGlobalState.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createGlobalState = void 0;
+const react_1 = require("react");
+const useIsomorphicLayoutEffect_1 = require("../useIsomorphicLayoutEffect");
+const resolveHookState_1 = require("./utils/resolveHookState");
+function createGlobalState(initialState) {
+    const store = {
+        state: initialState instanceof Function ? initialState() : initialState,
+        setState(nextState) {
+            store.state = (0, resolveHookState_1.resolveHookState)(nextState, store.state);
+            store.setters.forEach((setter) => setter(store.state));
+        },
+        setters: [],
+    };
+    return () => {
+        const [globalState, stateSetter] = (0, react_1.useState)(store.state);
+        (0, react_1.useEffect)(() => () => {
+            store.setters = store.setters.filter((setter) => setter !== stateSetter);
+        }, []);
+        (0, useIsomorphicLayoutEffect_1.useIsomorphicLayoutEffect)(() => {
+            if (!store.setters.includes(stateSetter)) {
+                store.setters.push(stateSetter);
+            }
+        });
+        return [globalState, store.setState];
+    };
+}
+exports.createGlobalState = createGlobalState;

package/node/components/createGlobalState/index.d.ts

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

package/node/components/createGlobalState/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("./createGlobalState"), exports);

package/node/components/createGlobalState/public.d.ts

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

package/node/components/createGlobalState/public.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("./createGlobalState"), exports);

package/node/components/createGlobalState/utils/index.d.ts

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

package/node/components/createGlobalState/utils/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("./resolveHookState"), exports);

package/node/components/createGlobalState/utils/resolveHookState/index.d.ts

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

package/node/components/createGlobalState/utils/resolveHookState/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("./resolveHookState"), exports);

package/node/components/createGlobalState/utils/resolveHookState/resolveHookState.d.ts

@@ -0,0 +1,4 @@
+import { type IHookStateInitAction, type IHookStateResolvable, type IHookStateSetAction } from '../types';
+export declare function resolveHookState<TState>(nextState: IHookStateInitAction<TState>): TState;
+export declare function resolveHookState<TState, TCurrentState extends TState>(nextState: IHookStateSetAction<TState>, currentState?: TCurrentState): TState;
+export declare function resolveHookState<TState, TCurrentState extends TState>(nextState: IHookStateResolvable<TState>, currentState?: TCurrentState): TState;

package/node/components/createGlobalState/utils/resolveHookState/resolveHookState.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveHookState = void 0;
+function resolveHookState(nextState, currentState) {
+    if (typeof nextState === 'function') {
+        return nextState.length
+            ? nextState(currentState)
+            : nextState();
+    }
+    return nextState;
+}
+exports.resolveHookState = resolveHookState;

package/node/components/createGlobalState/utils/types.d.ts

@@ -0,0 +1,5 @@
+export type IHookStateInitialSetter<TState> = () => TState;
+export type IHookStateInitAction<TState> = TState | IHookStateInitialSetter<TState>;
+export type IHookStateSetter<TState> = ((prevState: TState) => TState) | (() => TState);
+export type IHookStateSetAction<TState> = TState | IHookStateSetter<TState>;
+export type IHookStateResolvable<TState> = TState | IHookStateInitialSetter<TState> | IHookStateSetter<TState>;

package/node/components/createGlobalState/utils/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/node/components/useDebounce/hooks/useTimeoutFn/index.d.ts

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

package/node/components/useDebounce/hooks/useTimeoutFn/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("./useTimeoutFn"), exports);

package/node/components/useDebounce/hooks/useTimeoutFn/useTimeoutFn.d.ts

@@ -0,0 +1,2 @@
+export type UseTimeoutFnReturn = [() => boolean | null, () => void, () => void];
+export declare function useTimeoutFn(fn: Function, ms?: number): UseTimeoutFnReturn;

package/node/components/useDebounce/hooks/useTimeoutFn/useTimeoutFn.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTimeoutFn = void 0;
+const react_1 = require("react");
+function useTimeoutFn(fn, ms = 0) {
+    const ready = (0, react_1.useRef)(false);
+    const timeout = (0, react_1.useRef)(null);
+    const callback = (0, react_1.useRef)(fn);
+    const isReady = (0, react_1.useCallback)(() => ready.current, []);
+    const set = (0, react_1.useCallback)(() => {
+        ready.current = false;
+        timeout.current && clearTimeout(timeout.current);
+        timeout.current = setTimeout(() => {
+            ready.current = true;
+            callback.current();
+        }, ms);
+    }, [ms]);
+    const clear = (0, react_1.useCallback)(() => {
+        ready.current = null;
+        timeout.current && clearTimeout(timeout.current);
+    }, []);
+    // update ref when function changes
+    (0, react_1.useEffect)(() => {
+        callback.current = fn;
+    }, [fn]);
+    // set on mount, clear on unmount
+    (0, react_1.useEffect)(() => {
+        set();
+        return clear;
+    }, [ms]);
+    return [isReady, clear, set];
+}
+exports.useTimeoutFn = useTimeoutFn;

package/node/components/useDebounce/index.d.ts

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

package/node/components/useDebounce/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("./useDebounce"), exports);

package/node/components/useDebounce/public.d.ts

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

package/node/components/useDebounce/public.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("./useDebounce"), exports);

package/node/components/useDebounce/useDebounce.d.ts

@@ -0,0 +1,6 @@
+import { type DependencyList } from 'react';
+export type UseDebounceReturn = [() => boolean | null, () => void];
+/**
+ * Хук откладывает вызов функции, пока не пройдет переданное число миллисекунд после последнего вызова debounce-функции.
+ */
+export declare function useDebounce(fn: Function, ms?: number, deps?: DependencyList): UseDebounceReturn;

package/node/components/useDebounce/useDebounce.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDebounce = void 0;
+const react_1 = require("react");
+const useTimeoutFn_1 = require("./hooks/useTimeoutFn");
+/**
+ * Хук откладывает вызов функции, пока не пройдет переданное число миллисекунд после последнего вызова debounce-функции.
+ */
+function useDebounce(fn, ms = 0, deps = []) {
+    const [isReady, cancel, reset] = (0, useTimeoutFn_1.useTimeoutFn)(fn, ms);
+    (0, react_1.useEffect)(reset, deps);
+    return [isReady, cancel];
+}
+exports.useDebounce = useDebounce;

package/node/components/useFirstMountState/index.d.ts

@@ -1 +1 @@
-export { useFirstMountState } from './useFirstMountState';
+export * from './useFirstMountState';

package/node/components/useFirstMountState/index.js

@@ -1,5 +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 });
-exports.useFirstMountState = void 0;
-var useFirstMountState_1 = require("./useFirstMountState");
-Object.defineProperty(exports, "useFirstMountState", { enumerable: true, get: function () { return useFirstMountState_1.useFirstMountState; } });
+__exportStar(require("./useFirstMountState"), exports);

package/node/components/useFirstMountState/public.d.ts

@@ -1 +1 @@
-export { useFirstMountState } from './useFirstMountState';
+export * from './useFirstMountState';

package/node/components/useFirstMountState/public.js

@@ -1,5 +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 });
-exports.useFirstMountState = void 0;
-var useFirstMountState_1 = require("./useFirstMountState");
-Object.defineProperty(exports, "useFirstMountState", { enumerable: true, get: function () { return useFirstMountState_1.useFirstMountState; } });
+__exportStar(require("./useFirstMountState"), exports);

package/node/components/useFirstMountState/useFirstMountState.d.ts

@@ -1 +1,4 @@
-export { useFirstMountState } from 'react-use';
+/**
+ * Хук возвращает true если компонент только монтировался (при первом рендере) и false в другом случае.
+ */
+export declare function useFirstMountState(): boolean;

package/node/components/useFirstMountState/useFirstMountState.js

@@ -1,5 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFirstMountState = void 0;
-var react_use_1 = require("react-use");
-Object.defineProperty(exports, "useFirstMountState", { enumerable: true, get: function () { return react_use_1.useFirstMountState; } });
+const react_1 = require("react");
+/**
+ * Хук возвращает true если компонент только монтировался (при первом рендере) и false в другом случае.
+ */
+function useFirstMountState() {
+    const isFirst = (0, react_1.useRef)(true);
+    if (isFirst.current) {
+        isFirst.current = false;
+        return true;
+    }
+    return isFirst.current;
+}
+exports.useFirstMountState = useFirstMountState;

package/node/components/useIntersection/index.d.ts

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

package/node/components/useIntersection/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("./useIntersection"), exports);

package/node/components/useIntersection/public.d.ts

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