@vnejs/uis.react.scroll-content 0.1.2

package/dist/ScrollContent.d.ts

@@ -0,0 +1,12 @@
+import "./ScrollContent.styl";
+export declare const ScrollContent: ({ className, children, shouldScroll, waitCommonDelay, waitStartDelay, waitEndDelay, duration, onFinish }: {
+    className?: string;
+    children: any;
+    shouldScroll: any;
+    waitCommonDelay: any;
+    waitStartDelay: any;
+    waitEndDelay: any;
+    duration: any;
+    onFinish: any;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ScrollContent.d.ts.map

package/dist/ScrollContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollContent.d.ts","sourceRoot":"","sources":["../src/ScrollContent.tsx"],"names":[],"mappings":"AAIA,OAAO,sBAAsB,CAAC;AAI9B,eAAO,MAAM,aAAa,GAAI;;;;;;;;;CAA6G,4CA2D1I,CAAC"}

package/dist/ScrollContent.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef } from "react";
+import { cn } from "@bem-react/classname";
+import "./ScrollContent.styl";
+const b = cn("ScrollContent");
+export const ScrollContent = ({ className = "", children, shouldScroll, waitCommonDelay, waitStartDelay, waitEndDelay, duration, onFinish }) => {
+    const contentRef = useRef(null);
+    const closeTimeout = useRef(0);
+    const scrollRequest = useRef(0);
+    const onFinishHandler = useCallback(() => onFinish && onFinish(), [onFinish]);
+    const scrollContent = useCallback((tsStart, path, onEnd) => {
+        const ratio = (new Date().getTime() - tsStart) / duration;
+        contentRef.current.scrollTop = path * ratio;
+        if (ratio >= 1)
+            return onEnd();
+        scrollRequest.current = requestAnimationFrame(() => scrollContent(tsStart, path, onEnd));
+    }, [duration]);
+    useEffect(() => {
+        // показываем
+        if (!shouldScroll)
+            return;
+        contentRef.current.scrollTop = 0;
+        const tm = setTimeout(() => {
+            const tsStart = new Date().getTime();
+            scrollRequest.current = requestAnimationFrame(() => scrollContent(tsStart, contentRef.current.scrollHeight - contentRef.current.clientHeight, () => {
+                clearTimeout(closeTimeout.current);
+                closeTimeout.current = setTimeout(onFinishHandler, waitStartDelay + waitEndDelay);
+            }));
+        }, waitCommonDelay + waitStartDelay);
+        return () => clearTimeout(tm);
+    }, [shouldScroll, waitCommonDelay, waitStartDelay, waitEndDelay, scrollContent]);
+    useEffect(() => {
+        if (shouldScroll)
+            return;
+        const tm = setTimeout(() => {
+            cancelAnimationFrame(scrollRequest.current);
+            clearTimeout(closeTimeout.current);
+        }, waitCommonDelay);
+        return () => clearTimeout(tm);
+    }, [shouldScroll, waitCommonDelay]);
+    return (_jsx("div", { className: b({}, [className]), ref: contentRef, children: children }));
+};
+//# sourceMappingURL=ScrollContent.js.map

package/dist/ScrollContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollContent.js","sourceRoot":"","sources":["../src/ScrollContent.tsx"],"names":[],"mappings":"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"}

package/dist/ScrollContent.styl

@@ -0,0 +1,8 @@
+.ScrollContent
+  display: block
+  position: relative
+
+  width: 100%
+  height: 100%
+
+  overflow: hidden

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./ScrollContent";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/index.js

@@ -0,0 +1,2 @@
+export * from "./ScrollContent";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@vnejs/uis.react.scroll-content",
+  "version": "0.1.2",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "node ../../scripts/build-package.mjs",
+    "publish:major:plugin": "npm run publish:major",
+    "publish:minor:plugin": "npm run publish:minor",
+    "publish:patch:plugin": "npm run publish:patch",
+    "publish:major": "npm run build && npm version major && npm publish --access public",
+    "publish:minor": "npm run build && npm version minor && npm publish --access public",
+    "publish:patch": "npm run build && npm version patch && npm publish --access public"
+  },
+  "peerDependencies": {
+    "@bem-react/classname": "1.5.12",
+    "@vnejs/uis.utils": "~0.1.0",
+    "react": "19.2.4",
+    "react-dom": "19.2.4"
+  },
+  "devDependencies": {
+    "@vnejs/uis.react": "~0.1.0",
+    "typescript": "^5.7.3",
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4"
+  },
+  "files": [
+    "dist",
+    "package.json"
+  ]
+}