@kkkarsss/ui 1.4.7 → 1.4.9

package/dist/ui/information/block/block.js

@@ -14,5 +14,5 @@ export const Block = ({ children, title, topAcc, filters, type = 'fill', maxWidt
         config: config.gentle,
         immediate: !animate,
     });
-    return (_jsxs(animated.div, { className: jc('w-full flex flex-col', 'rounded-2xl', 'bg-background-accent', 'shadow-[0_0_8px_var(--shadow)]', 'scrollbar-none', 'overflow-hidden', typeMap[type]), style: { ...springs, maxWidth, maxHeight, minWidth, minHeight }, children: [_jsx("div", { className: jc('sticky', 'top-0', 'z-20', 'bg-background-accent', 'w-full', 'shrink-0'), children: _jsxs(Flex, { direction: 'column', children: [_jsxs(Flex, { justify: 'space-between', align: 'center', children: [title && (_jsxs(Flex, { gap: '4px', align: 'center', children: [onBack && (_jsx(Offset, { type: 'both', children: _jsx(IconAction, { icon: _jsx(CornerUpLeft, { size: 16, color: 'var(--accent)' }), onClick: onBack }) })), _jsx(Offset, { type: 'both', children: title })] })), _jsx("div", { className: 'mx-m', children: _jsx(Flex, { direction: 'column', children: _jsx(Flex, { align: 'center', gap: '4px', children: topAcc }) }) })] }), filters && _jsx("div", { className: 'mb-l', children: filters })] }) }), _jsx("div", { className: "flex-1 overflow-auto scrollbar-none", children: _jsx(Flex, { direction: 'column', type: 'fill', children: children }) })] }));
+    return (_jsxs(animated.div, { className: jc('w-full flex flex-col', 'rounded-2xl', 'bg-background-accent', 'shadow-[0_0_8px_var(--shadow)]', 'scrollbar-none', 'overflow-hidden', typeMap[type]), style: { ...springs, maxWidth, maxHeight, minWidth, minHeight }, children: [_jsx("div", { className: jc('sticky', 'top-0', 'z-20', 'bg-background-accent', 'w-full', 'shrink-0'), children: _jsxs(Flex, { direction: 'column', children: [_jsxs(Flex, { justify: 'space-between', align: 'center', children: [title && (_jsx(Offset, { type: 'both', children: _jsxs(Flex, { gap: '4px', align: 'center', children: [onBack && _jsx(IconAction, { icon: _jsx(CornerUpLeft, { size: 16, color: 'var(--accent)' }), onClick: onBack }), title] }) })), _jsx("div", { className: 'mx-m', children: _jsx(Flex, { direction: 'column', children: _jsx(Flex, { align: 'center', gap: '4px', children: topAcc }) }) })] }), filters && _jsx("div", { className: 'mb-l', children: filters })] }) }), _jsx("div", { className: "flex-1 overflow-auto scrollbar-none", children: _jsx(Flex, { direction: 'column', type: 'fill', children: children }) })] }));
 };

package/dist/ui/information/calendar-like/calendar-like.js

@@ -32,29 +32,37 @@ export const CalendarLike = ({ tasks, slots = DEFAULT_SLOTS, showCurrentTime = t
     const tasksBySlot = useMemo(() => groupTasksBySlot(tasksWithPosition), [tasksWithPosition]);
     useEffect(() => {
         if (showCurrentTime && autoScrollToCurrentTime && containerRef.current) {
-            const now = new Date();
-            const hours = now.getHours();
-            const minutes = now.getMinutes();
-            const totalMinutes = hours * 60 + minutes;
-            // 15 минут = 20 пикселей (высота слота)
-            const topOffset = totalMinutes * (20 / 15);
-            // Находим ближайший скроллируемый родитель или используем окно
-            const scrollParent = (node) => {
-                if (!node)
-                    return null;
-                const style = window.getComputedStyle(node);
-                if (/(auto|scroll)/.test(style.overflow + style.overflowY))
-                    return node;
-                return scrollParent(node.parentElement);
+            const scroll = () => {
+                if (!containerRef.current)
+                    return;
+                const now = new Date();
+                const hours = now.getHours();
+                const minutes = now.getMinutes();
+                const totalMinutes = hours * 60 + minutes;
+                // 15 минут = 20 пикселей (высота слота)
+                const topOffset = totalMinutes * (20 / 15);
+                // Находим ближайший скроллируемый родитель или используем окно
+                const scrollParent = (node) => {
+                    if (!node)
+                        return null;
+                    const style = window.getComputedStyle(node);
+                    if (/(auto|scroll)/.test(style.overflow + style.overflowY))
+                        return node;
+                    return scrollParent(node.parentElement);
+                };
+                const parent = scrollParent(containerRef.current);
+                if (parent) {
+                    const containerRect = containerRef.current.getBoundingClientRect();
+                    const parentRect = parent.getBoundingClientRect();
+                    const relativeTop = containerRect.top - parentRect.top + parent.scrollTop;
+                    parent.scrollTo({
+                        top: relativeTop + topOffset - parent.clientHeight / 2,
+                        behavior: 'smooth',
+                    });
+                }
             };
-            const parent = scrollParent(containerRef.current);
-            if (parent) {
-                const containerTop = containerRef.current.getBoundingClientRect().top + parent.scrollTop;
-                parent.scrollTo({
-                    top: containerTop + topOffset - parent.clientHeight / 2,
-                    behavior: 'smooth',
-                });
-            }
+            const timeoutId = setTimeout(scroll, 100);
+            return () => clearTimeout(timeoutId);
         }
     }, [showCurrentTime, autoScrollToCurrentTime]);
     const handleDragStart = (e, task) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kkkarsss/ui",
-  "version": "1.4.7",
+  "version": "1.4.9",
   "description": "UI Kit for kkkarsss projects",
   "type": "module",
   "main": "dist/index.js",