@vkontakte/vkui 6.7.2 → 6.7.3

package/dist/vkui.js.tmp

@@ -11305,6 +11305,7 @@ function Button_object_without_properties_loose(source, excluded) {
 
 
 
+
 var stylesSize = {
     s: "vkuiButton--size-s",
     m: "vkuiButton--size-m",
@@ -30016,6 +30017,10 @@ var CarouselBase_CarouselBase = function(_param) {
                 width: elem.offsetWidth
             };
         }) || [];
+        if (localSlides.length === 0) {
+            initialized.current = false;
+            return;
+        }
         var containerWidth = rootRef.current.offsetWidth;
         var viewportOffsetWidth = viewportRef.current.offsetWidth;
         var layerWidth = localSlides.reduce(function(val, slide) {
@@ -42473,20 +42478,6 @@ var filter = function(options, inputValue, filterFn) {
         renderOption
     ]);
     var selectInputRef = useExternRef(getSelectInputRef);
-    var focusOnInputTimerRef = React.useRef();
-    var focusOnInput = React.useCallback(function() {
-        clearTimeout(focusOnInputTimerRef.current);
-        focusOnInputTimerRef.current = setTimeout(function() {
-            selectInputRef.current && selectInputRef.current.focus();
-        }, 0);
-    }, [
-        selectInputRef
-    ]);
-    useIsomorphicLayoutEffect(function clearFocusOnInputTimer() {
-        return function() {
-            clearTimeout(focusOnInputTimerRef.current);
-        };
-    }, []);
     var controlledValueSet = isControlledOutside && props.value !== '';
     var uncontrolledValueSet = !isControlledOutside && nativeSelectValue !== '';
     var clearButtonShown = allowClearButton && !opened && (controlledValueSet || uncontrolledValueSet);
@@ -42499,7 +42490,7 @@ var filter = function(options, inputValue, filterFn) {
             onClick: function clearSelectState() {
                 setNativeSelectValue('');
                 setInputValue('');
-                focusOnInput();
+                selectInputRef.current && selectInputRef.current.focus();
             },
             disabled: restProps.disabled,
             "data-testid": clearButtonTestId
@@ -42510,7 +42501,7 @@ var filter = function(options, inputValue, filterFn) {
         iconProp,
         restProps.disabled,
         clearButtonTestId,
-        focusOnInput
+        selectInputRef
     ]);
     var icon = React.useMemo(function() {
         if (iconProp !== undefined) {
@@ -42544,12 +42535,11 @@ var filter = function(options, inputValue, filterFn) {
             selectInputRef.current.click();
             var inputIsNotFocused = document.activeElement !== selectInputRef.current;
             if (inputIsNotFocused) {
-                focusOnInput();
+                selectInputRef.current.focus();
             }
         }
     }, [
         document,
-        focusOnInput,
         selectInputRef
     ]);
     var preventInputBlurWhenClickInsideFocusedSelectArea = function(e) {

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "6.7.2",
+  "version": "6.7.3",
   "name": "@vkontakte/vkui",
   "description": "VKUI library",
   "main": "dist/cjs/index.js",

package/src/components/BaseGallery/CarouselBase/CarouselBase.tsx

@@ -114,6 +114,11 @@ export const CarouselBase = ({
         return { coordX: elem.offsetLeft, width: elem.offsetWidth };
       }) || [];
 
+    if (localSlides.length === 0) {
+      initialized.current = false;
+      return;
+    }
+
     const containerWidth = rootRef.current.offsetWidth;
     const viewportOffsetWidth = viewportRef.current.offsetWidth;
     const layerWidth = localSlides.reduce((val, slide) => slide.width + val, 0);
@@ -128,7 +133,7 @@ export const CarouselBase = ({
       }
       if (remainingWidth <= 0 && slideIndex === localSlides.length) {
         warn(
-          'Ширины слайдов недостаточно для корректной работы свойства "looped". Пожалуйста, сделайте её больше."',
+          'Ширины слайдов недостаточно для корректной работы свойства "looped". Пожалуйста, сделайте её больше.',
         );
       }
     }

package/src/components/Button/Button.tsx

@@ -5,6 +5,7 @@ import { usePlatform } from '../../hooks/usePlatform';
 import type { HasAlign } from '../../types';
 import { Spinner } from '../Spinner/Spinner';
 import { Tappable, type TappableProps } from '../Tappable/Tappable';
+import '../Tappable/Tappable.module.css';
 import '../Spinner/Spinner.module.css';
 import styles from './Button.module.css';
 

package/src/components/CustomSelect/CustomSelect.tsx

@@ -714,19 +714,6 @@ export function CustomSelect<OptionInterfaceT extends CustomSelectOptionInterfac
   }, [emptyText, options, renderDropdown, renderOption]);
 
   const selectInputRef = useExternRef(getSelectInputRef);
-  const focusOnInputTimerRef = React.useRef<ReturnType<typeof setTimeout>>();
-  const focusOnInput = React.useCallback(() => {
-    clearTimeout(focusOnInputTimerRef.current);
-
-    focusOnInputTimerRef.current = setTimeout(() => {
-      selectInputRef.current && selectInputRef.current.focus();
-    }, 0);
-  }, [selectInputRef]);
-  useIsomorphicLayoutEffect(function clearFocusOnInputTimer() {
-    return () => {
-      clearTimeout(focusOnInputTimerRef.current);
-    };
-  }, []);
 
   const controlledValueSet = isControlledOutside && props.value !== '';
   const uncontrolledValueSet = !isControlledOutside && nativeSelectValue !== '';
@@ -744,7 +731,7 @@ export function CustomSelect<OptionInterfaceT extends CustomSelectOptionInterfac
         onClick={function clearSelectState() {
           setNativeSelectValue('');
           setInputValue('');
-          focusOnInput();
+          selectInputRef.current && selectInputRef.current.focus();
         }}
         disabled={restProps.disabled}
         data-testid={clearButtonTestId}
@@ -756,7 +743,7 @@ export function CustomSelect<OptionInterfaceT extends CustomSelectOptionInterfac
     iconProp,
     restProps.disabled,
     clearButtonTestId,
-    focusOnInput,
+    selectInputRef,
   ]);
 
   const icon = React.useMemo(() => {
@@ -801,11 +788,11 @@ export function CustomSelect<OptionInterfaceT extends CustomSelectOptionInterfac
 
         const inputIsNotFocused = document.activeElement !== selectInputRef.current;
         if (inputIsNotFocused) {
-          focusOnInput();
+          selectInputRef.current.focus();
         }
       }
     },
-    [document, focusOnInput, selectInputRef],
+    [document, selectInputRef],
   );
 
   const preventInputBlurWhenClickInsideFocusedSelectArea = (

package/src/components/FormItem/FormItem.tsx

@@ -44,8 +44,6 @@ export interface FormItemProps
    * Позволяет полностью заменить шапку поля пользовательским компонентом.
    *
    * @since 6.1.0
-   *
-   * TODO [>=7]: удалить и использовать top - оно будет принимать либо строку, либо подкомпонент
    */
   topNode?: React.ReactNode;
   bottom?: React.ReactNode;

package/src/components/FormLayoutGroup/FormLayoutGroup.module.css

@@ -2,6 +2,7 @@
   border: 0;
   padding: 0;
   margin: 0;
+  min-inline-size: auto;
 }
 
 .FormLayoutGroup--mode-horizontal {