@astral/ui 4.86.0 → 4.87.0

package/node/components/useUpdateEffect/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.useUpdateEffect = void 0;
-var useUpdateEffect_1 = require("./useUpdateEffect");
-Object.defineProperty(exports, "useUpdateEffect", { enumerable: true, get: function () { return useUpdateEffect_1.useUpdateEffect; } });
+__exportStar(require("./useUpdateEffect"), exports);

package/node/components/useUpdateEffect/useUpdateEffect.d.ts

@@ -1 +1,5 @@
-export { useUpdateEffect } from 'react-use';
+import { useEffect } from 'react';
+/**
+ * Хук, который выполняет эффект только после первого монтирования компонента.
+ */
+export declare const useUpdateEffect: typeof useEffect;

package/node/components/useUpdateEffect/useUpdateEffect.js

@@ -1,5 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useUpdateEffect = void 0;
-var react_use_1 = require("react-use");
-Object.defineProperty(exports, "useUpdateEffect", { enumerable: true, get: function () { return react_use_1.useUpdateEffect; } });
+const react_1 = require("react");
+const useFirstMountState_1 = require("../useFirstMountState");
+/**
+ * Хук, который выполняет эффект только после первого монтирования компонента.
+ */
+const useUpdateEffect = (effect, deps) => {
+    const isFirstMount = (0, useFirstMountState_1.useFirstMountState)();
+    (0, react_1.useEffect)(() => {
+        if (!isFirstMount) {
+            return effect();
+        }
+    }, deps);
+};
+exports.useUpdateEffect = useUpdateEffect;

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

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

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

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

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

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

package/node/components/useWindowScroll/useWindowScroll.d.ts

@@ -0,0 +1,8 @@
+export interface IState {
+    x: number;
+    y: number;
+}
+/**
+ * Хук отслеживает позицию скролла в окне браузера.
+ */
+export declare const useWindowScroll: () => IState;

package/node/components/useWindowScroll/useWindowScroll.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWindowScroll = void 0;
+const react_1 = require("react");
+const useRafState_1 = require("../useRafState");
+const addEventListenerSafe_1 = require("../utils/addEventListenerSafe");
+const isBrowser_1 = require("../utils/isBrowser");
+const removeEventListenerSafe_1 = require("../utils/removeEventListenerSafe");
+/**
+ * Хук отслеживает позицию скролла в окне браузера.
+ */
+const useWindowScroll = () => {
+    const [state, setState] = (0, useRafState_1.useRafState)(() => ({
+        x: isBrowser_1.isBrowser ? window.pageXOffset : 0,
+        y: isBrowser_1.isBrowser ? window.pageYOffset : 0,
+    }));
+    (0, react_1.useEffect)(() => {
+        const handler = () => {
+            setState((newState) => {
+                const { pageXOffset, pageYOffset } = window;
+                //Check state for change, return same state if no change happened to prevent rerender
+                //(see useState/setState documentation). useState/setState is used internally in useRafState/setState.
+                return newState.x !== pageXOffset || newState.y !== pageYOffset
+                    ? {
+                        x: pageXOffset,
+                        y: pageYOffset,
+                    }
+                    : newState;
+            });
+        };
+        //We have to update window scroll at mount, before subscription.
+        //Window scroll may be changed between render and effect handler.
+        handler();
+        (0, addEventListenerSafe_1.addEventListenerSafe)(window, 'scroll', handler, {
+            capture: false,
+            passive: true,
+        });
+        return () => {
+            (0, removeEventListenerSafe_1.removeEventListenerSafe)(window, 'scroll', handler);
+        };
+    }, []);
+    return state;
+};
+exports.useWindowScroll = useWindowScroll;

package/node/components/utils/addEventListenerSafe/addEventListenerSafe.d.ts

@@ -0,0 +1 @@
+export declare function addEventListenerSafe<T extends Window | Document | HTMLElement | EventTarget>(obj: T | null, ...args: Parameters<T['addEventListener']>): void;

package/node/components/utils/addEventListenerSafe/addEventListenerSafe.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addEventListenerSafe = void 0;
+function addEventListenerSafe(obj, ...args) {
+    if (obj?.addEventListener) {
+        obj.addEventListener(...args);
+    }
+}
+exports.addEventListenerSafe = addEventListenerSafe;

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

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

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

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

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

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

package/node/components/utils/isBrowser/isBrowser.d.ts

@@ -0,0 +1 @@
+export declare const isBrowser: boolean;

package/node/components/utils/isBrowser/isBrowser.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isBrowser = void 0;
+exports.isBrowser = typeof window !== 'undefined';

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

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

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

package/node/components/utils/removeEventListenerSafe/removeEventListenerSafe.d.ts

@@ -0,0 +1 @@
+export declare function removeEventListenerSafe<T extends Window | Document | HTMLElement | EventTarget>(obj: T | null, ...args: Parameters<T['removeEventListener']>): void;

package/node/components/utils/removeEventListenerSafe/removeEventListenerSafe.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.removeEventListenerSafe = void 0;
+function removeEventListenerSafe(obj, ...args) {
+    if (obj?.removeEventListener) {
+        obj.removeEventListener(...args);
+    }
+}
+exports.removeEventListenerSafe = removeEventListenerSafe;

package/node/components/utils/replaceRaf/constants.d.ts

@@ -0,0 +1 @@
+export declare const defaultFrameDuration: number;

package/node/components/utils/replaceRaf/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultFrameDuration = void 0;
+exports.defaultFrameDuration = 1000 / 60;

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

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

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

package/node/components/utils/replaceRaf/replaceRaf.d.ts

@@ -0,0 +1,18 @@
+export type Stub = {
+    add: (cb: Function) => number;
+    remove: (id: number) => void;
+    flush: (duration?: number) => void;
+    reset: () => void;
+    step: (steps?: number, duration?: number) => void;
+};
+export declare function createStub(frameDuration?: number, startTime?: number): Stub;
+type ReplaceRafOptions = {
+    frameDuration?: number;
+    startTime?: number;
+};
+type ReplaceRafRoot = {
+    requestAnimationFrame: (callback: FrameRequestCallback) => number;
+    cancelAnimationFrame: (handle: number) => void;
+};
+export declare function replaceRaf(roots?: ReplaceRafRoot[], { frameDuration, startTime, }?: ReplaceRafOptions): void;
+export {};

package/node/components/utils/replaceRaf/replaceRaf.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.replaceRaf = exports.createStub = void 0;
+const constants_1 = require("./constants");
+const now = () => {
+    if (performance) {
+        return performance.now();
+    }
+    return Date.now();
+};
+function createStub(frameDuration = constants_1.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;
+}
+exports.createStub = createStub;
+function replaceRaf(roots = [], { frameDuration = constants_1.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;
+    });
+}
+exports.replaceRaf = replaceRaf;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astral/ui",
-  "version": "4.86.0",
+  "version": "4.87.0",
   "browser": "./index.js",
   "main": "./node/index.js",
   "dependencies": {
@@ -19,7 +19,6 @@
     "react-imask-next": "npm:react-imask@7.6.1",
     "react-toastify": "9.0.3",
     "react-toastify-next": "npm:react-toastify@10.0.5",
-    "react-use": "17.6.0",
     "react-virtuoso": "4.18.1",
     "remeda": "^1.61.0",
     "react-pdf": "9.2.1",