@cloud-ru/ds-accordion 1.1.0 → 1.1.1-preview-b174c2b1.0

package/dist/cjs/components/CollapseBlock/hooks.js

@@ -9,12 +9,21 @@ function useCollapseState({ id, keepMounted = false }) {
     // Контент доживает до конца закрывающей анимации, но при открытии появляется синхронно с
     // `isOpen` — если монтировать его эффектом, первый кадр раскрытия считается по пустому телу
     // и высота стартует рывком.
-    const [keepMountedWhileClosing, setKeepMountedWhileClosing] = (0, react_1.useState)(false);
+    // Стартует с `isOpen`: у раскрытого при маунте блока контент уже смонтирован, и эффект не должен
+    // добавлять лишний рендер, переключая флаг.
+    const [keepMountedWhileClosing, setKeepMountedWhileClosing] = (0, react_1.useState)(isOpen);
     const isMounted = isOpen || keepMounted || keepMountedWhileClosing;
     const [isCompletelyOpen, setIsCompletelyOpen] = (0, react_1.useState)(isOpen);
     const [isCompletelyClose, setIsCompletelyClose] = (0, react_1.useState)(!isOpen);
     const timeoutRef = (0, react_1.useRef)(null);
+    const isFirstRunRef = (0, react_1.useRef)(true);
     (0, react_1.useEffect)(() => {
+        // Начальные флаги уже согласованы с `isOpen`, анимировать нечего: без этого каждый блок при
+        // маунте ставил таймер на `ANIMATION_DURATION` ради setState с тем же значением.
+        if (isFirstRunRef.current) {
+            isFirstRunRef.current = false;
+            return;
+        }
         if (isOpen) {
             setKeepMountedWhileClosing(true);
             setIsCompletelyClose(false);

package/dist/esm/components/CollapseBlock/hooks.js

@@ -6,12 +6,21 @@ export function useCollapseState({ id, keepMounted = false }) {
     // Контент доживает до конца закрывающей анимации, но при открытии появляется синхронно с
     // `isOpen` — если монтировать его эффектом, первый кадр раскрытия считается по пустому телу
     // и высота стартует рывком.
-    const [keepMountedWhileClosing, setKeepMountedWhileClosing] = useState(false);
+    // Стартует с `isOpen`: у раскрытого при маунте блока контент уже смонтирован, и эффект не должен
+    // добавлять лишний рендер, переключая флаг.
+    const [keepMountedWhileClosing, setKeepMountedWhileClosing] = useState(isOpen);
     const isMounted = isOpen || keepMounted || keepMountedWhileClosing;
     const [isCompletelyOpen, setIsCompletelyOpen] = useState(isOpen);
     const [isCompletelyClose, setIsCompletelyClose] = useState(!isOpen);
     const timeoutRef = useRef(null);
+    const isFirstRunRef = useRef(true);
     useEffect(() => {
+        // Начальные флаги уже согласованы с `isOpen`, анимировать нечего: без этого каждый блок при
+        // маунте ставил таймер на `ANIMATION_DURATION` ради setState с тем же значением.
+        if (isFirstRunRef.current) {
+            isFirstRunRef.current = false;
+            return;
+        }
         if (isOpen) {
             setKeepMountedWhileClosing(true);
             setIsCompletelyClose(false);