@cloud-ru/ds-accordion 1.1.2-preview-65417497.0 → 1.1.2

package/CHANGELOG.md

@@ -3,6 +3,13 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.1.2 (2026-09-29)
+
+### Bug Fixes
+
+- **FF-9088:** let accordion body shrink to accordion width ([a47a7c2](https://github.com/cloud-ru-tech/snack-v2/commit/a47a7c28554c1e843062985fdd60e71c39f1a2c5))
+- **FF-9192:** slightly optimize first render ([3f30bf8](https://github.com/cloud-ru-tech/snack-v2/commit/3f30bf8975dad8a828f62ad285539e75ae7d93a8))
+
 ## 1.1.1 (2026-09-28)
 
 **Note:** Version bump only for package @ds/accordion

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/cjs/components/CollapseBlock/styles.module.css

@@ -465,6 +465,7 @@
   overflow:hidden;
   display:flex;
   flex-direction:column;
+  min-width:0;
   min-height:0;
   transition:padding-top var(--sn-collapse-block-animation-duration, 300ms) ease-out, padding-bottom var(--sn-collapse-block-animation-duration, 300ms) ease-out;
 }

package/dist/cjs/style.css

@@ -465,6 +465,7 @@
   overflow:hidden;
   display:flex;
   flex-direction:column;
+  min-width:0;
   min-height:0;
   transition:padding-top var(--sn-collapse-block-animation-duration, 300ms) ease-out, padding-bottom var(--sn-collapse-block-animation-duration, 300ms) ease-out;
 }

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);

package/dist/esm/components/CollapseBlock/styles.module.css

@@ -465,6 +465,7 @@
   overflow:hidden;
   display:flex;
   flex-direction:column;
+  min-width:0;
   min-height:0;
   transition:padding-top var(--sn-collapse-block-animation-duration, 300ms) ease-out, padding-bottom var(--sn-collapse-block-animation-duration, 300ms) ease-out;
 }

package/dist/esm/style.css

@@ -465,6 +465,7 @@
   overflow:hidden;
   display:flex;
   flex-direction:column;
+  min-width:0;
   min-height:0;
   transition:padding-top var(--sn-collapse-block-animation-duration, 300ms) ease-out, padding-bottom var(--sn-collapse-block-animation-duration, 300ms) ease-out;
 }