@vkontakte/vkui 6.2.0 → 6.2.1

package/dist/components.js.tmp

@@ -4983,15 +4983,19 @@ var getAppearanceTokenClassNameByPlatform = function(platform, tokensClassNames)
     return tokensClassName ? tokensClassName : DEFAULT_TOKENS_CLASS_NAMES[platform][appearance];
 };
 
+;// CONCATENATED MODULE: ./src/lib/tokens/TokensClassProvider.module.css
+// extracted by mini-css-extract-plugin
+
 ;// CONCATENATED MODULE: ./src/lib/tokens/TokensClassProvider.tsx
 
 
 
+
 var InjectTokenClassNameToChild = function(param) {
     var children = param.children;
     var tokensClassName = useTokensClassName();
     return /*#__PURE__*/ React.cloneElement(children, {
-        className: classNames(tokensClassName, children.props.className)
+        className: classNames(tokensClassName, "vkuiTokensClassProvider--default-color", children.props.className)
     });
 };
 var TokensClassProvider_TokensClassProvider = function(param) {
@@ -9247,6 +9251,165 @@ function useAppearance_useAppearance() {
     return appearance !== null && appearance !== void 0 ? appearance : appearance_DEFAULT_APPEARANCE;
 }
 
+;// CONCATENATED MODULE: ./src/hooks/useFocusWithin.ts
+function useFocusWithin_array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function useFocusWithin_array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function useFocusWithin_iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function useFocusWithin_non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function useFocusWithin_sliced_to_array(arr, i) {
+    return useFocusWithin_array_with_holes(arr) || useFocusWithin_iterable_to_array_limit(arr, i) || useFocusWithin_unsupported_iterable_to_array(arr, i) || useFocusWithin_non_iterable_rest();
+}
+function useFocusWithin_unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return useFocusWithin_array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return useFocusWithin_array_like_to_array(o, minLen);
+}
+
+
+
+var isFocusWithin = function(ref, document) {
+    return ref.contains(document.activeElement);
+};
+function useFocusWithin_useFocusWithin(ref) {
+    var document = dom_useDOM().document;
+    var _React_useState = useFocusWithin_sliced_to_array(react.useState(function() {
+        return ref.current && document ? isFocusWithin(ref.current, document) : false;
+    }), 2), focusWithin = _React_useState[0], setFocusWithin = _React_useState[1];
+    useIsomorphicLayoutEffect_useIsomorphicLayoutEffect(function handleAutoFocus() {
+        /* istanbul ignore if: невозможный кейс, т.к. в SSR эффекты не вызываются. Проверка на будущее, если вдруг эффект будет вызываться. */ if (!document) {
+            return;
+        }
+        var handleFocusOrBlurEvents = function() {
+            if (ref.current) {
+                setFocusWithin(isFocusWithin(ref.current, document));
+            }
+        };
+        // Вызываем в начале, чтобы проверить autoFocus
+        void handleFocusOrBlurEvents();
+        document.addEventListener('focus', handleFocusOrBlurEvents, {
+            capture: true
+        });
+        document.addEventListener('blur', handleFocusOrBlurEvents, {
+            capture: true
+        });
+        return function() {
+            document.removeEventListener('focus', handleFocusOrBlurEvents, {
+                capture: true
+            });
+            document.removeEventListener('blur', handleFocusOrBlurEvents, {
+                capture: true
+            });
+        };
+    }, []);
+    return focusWithin;
+}
+
+;// CONCATENATED MODULE: ./src/components/ImageBase/ImageBaseOverlay/hooks.ts
+function hooks_array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function hooks_array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function hooks_iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function hooks_non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function hooks_sliced_to_array(arr, i) {
+    return hooks_array_with_holes(arr) || hooks_iterable_to_array_limit(arr, i) || hooks_unsupported_iterable_to_array(arr, i) || hooks_non_iterable_rest();
+}
+function hooks_unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return hooks_array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return hooks_array_like_to_array(o, minLen);
+}
+
+
+
+function useNonInteractiveOverlayProps(rootRef) {
+    var focusWithin = useFocusWithin_useFocusWithin(rootRef);
+    var _React_useState = hooks_sliced_to_array(react.useState(false), 2), nonInteractiveFocusShown = _React_useState[0], setNonInteractiveFocusShown = _React_useState[1];
+    function onClick(event) {
+        if (event.detail > 0) {
+            // Если мы попали на вложенный в оверлей элемент через focus,
+            // то при клике мышкой мы должны начать реагировать на hover-состояние,
+            // даже если фокус всё ещё остался на вложенном элементе (был по нему клик)
+            setNonInteractiveFocusShown(false);
+        }
+    }
+    useIsomorphicLayoutEffect_useIsomorphicLayoutEffect(function() {
+        setNonInteractiveFocusShown(focusWithin);
+    }, [
+        focusWithin
+    ]);
+    return {
+        shown: nonInteractiveFocusShown && focusWithin,
+        onClick: onClick
+    };
+}
+
 ;// CONCATENATED MODULE: ./src/components/ImageBase/ImageBaseOverlay/ImageBaseOverlay.module.css
 // extracted by mini-css-extract-plugin
 
@@ -9339,30 +9502,70 @@ function ImageBaseOverlay_object_without_properties_loose(source, excluded) {
 
 
 
+
+
+
+var ImageBaseOverlayInteractive = function(_param) {
+    var children = _param.children, className = _param.className, getRootRef = _param.getRootRef, disableInteractive = _param.disableInteractive, overlayShown = _param.overlayShown, restProps = ImageBaseOverlay_object_without_properties(_param, [
+        "children",
+        "className",
+        "getRootRef",
+        "disableInteractive",
+        "overlayShown"
+    ]);
+    var _useFocusVisible = useFocusVisible_useFocusVisible(), focusVisible = _useFocusVisible.focusVisible, focusEvents = ImageBaseOverlay_object_without_properties(_useFocusVisible, [
+        "focusVisible"
+    ]);
+    var focusVisibleClassNames = useFocusVisibleClassName_useFocusVisibleClassName({
+        focusVisible: focusVisible,
+        mode: 'inside'
+    });
+    var keyboardHandlers = useKeyboard_useKeyboard();
+    if (false) { var size; }
+    return /*#__PURE__*/ react.createElement("div", ImageBaseOverlay_object_spread(ImageBaseOverlay_object_spread_props(ImageBaseOverlay_object_spread({}, restProps), {
+        tabIndex: 0,
+        role: "button",
+        className: classNames_classNames("vkuiImageBaseOverlay--clickable", (focusVisible || overlayShown) && "vkuiImageBaseOverlay--visible", focusVisibleClassNames, className),
+        ref: getRootRef
+    }), focusEvents, keyboardHandlers), children);
+};
+var ImageBaseOverlayNonInteractive = function(_param) {
+    var className = _param.className, getRootRef = _param.getRootRef, disableInteractive = _param.disableInteractive, overlayShownProps = _param.overlayShown, restProps = ImageBaseOverlay_object_without_properties(_param, [
+        "className",
+        "getRootRef",
+        "disableInteractive",
+        "overlayShown"
+    ]);
+    var rootRef = useExternRef_useExternRef(getRootRef);
+    var _useNonInteractiveOverlayProps = useNonInteractiveOverlayProps(rootRef), overlayShown = _useNonInteractiveOverlayProps.shown, onOverlayClick = _useNonInteractiveOverlayProps.onClick;
+    return /*#__PURE__*/ react.createElement("div", ImageBaseOverlay_object_spread_props(ImageBaseOverlay_object_spread({}, restProps), {
+        ref: rootRef,
+        className: classNames_classNames((overlayShown || overlayShownProps) && "vkuiImageBaseOverlay--visible", className),
+        onClick: onOverlayClick
+    }));
+};
 /**
- * Интерактивный оверлей над картинкой.
+ * Оверлей над картинкой.
  */ var ImageBaseOverlay = function(_param) {
-    var className = _param.className, themeProp = _param.theme, visibilityProp = _param.visibility, children = _param.children, onClickProp = _param.onClick, restProps = ImageBaseOverlay_object_without_properties(_param, [
+    var className = _param.className, themeProp = _param.theme, visibilityProp = _param.visibility, restProps = ImageBaseOverlay_object_without_properties(_param, [
         "className",
         "theme",
-        "visibility",
-        "children",
-        "onClick"
+        "visibility"
     ]);
     var appearance = useAppearance_useAppearance();
     var hasPointer = useAdaptivityHasPointer_useAdaptivityHasPointer();
     var theme = themeProp !== null && themeProp !== void 0 ? themeProp : appearance;
     var visibility = visibilityProp !== null && visibilityProp !== void 0 ? visibilityProp : hasPointer ? 'on-hover' : 'always';
-    if (false) { var size; }
-    var onClick = (onClickProp !== null && onClickProp !== void 0 ? onClickProp : visibility === 'on-hover') ? functions_noop : undefined;
-    return /*#__PURE__*/ react.createElement(Tappable_Tappable, ImageBaseOverlay_object_spread_props(ImageBaseOverlay_object_spread({}, restProps), {
-        className: classNames_classNames("vkuiImageBaseOverlay", visibility === 'always' && "vkuiImageBaseOverlay--visible", theme === 'light' && "vkuiImageBaseOverlay--theme-light", theme === 'dark' && "vkuiImageBaseOverlay--theme-dark", className),
-        hasHover: visibility === 'on-hover',
-        hoverMode: visibility === 'on-hover' ? "vkuiImageBaseOverlay--visible" : undefined,
-        focusVisibleMode: classNames_classNames(focusVisiblePresetModeClassNames['inside'], "vkuiImageBaseOverlay--visible"),
-        hasActive: false,
-        onClick: onClick
-    }), children);
+    var commonClassNames = classNames_classNames("vkuiImageBaseOverlay", theme === 'light' && "vkuiImageBaseOverlay--theme-light", theme === 'dark' && "vkuiImageBaseOverlay--theme-dark", className);
+    var commonProps = {
+        className: commonClassNames,
+        overlayShown: visibility === 'always'
+    };
+    // Не делаем деструктуризацию пропа, потому что Typescript не вывозит
+    if (restProps.disableInteractive) {
+        return /*#__PURE__*/ react.createElement(ImageBaseOverlayNonInteractive, ImageBaseOverlay_object_spread({}, restProps, commonProps));
+    }
+    return /*#__PURE__*/ react.createElement(ImageBaseOverlayInteractive, ImageBaseOverlay_object_spread({}, restProps, commonProps));
 };
 ImageBaseOverlay.displayName = 'ImageBaseOverlay';
 
@@ -12575,7 +12778,7 @@ function useEnsuredControl_useCustomEnsuredControl(param) {
     var value = param.value, defaultValue = param.defaultValue, disabled = param.disabled, onChangeProp = param.onChange;
     var isControlled = value !== undefined;
     var _React_useState = useEnsuredControl_sliced_to_array(react.useState(defaultValue), 2), localValue = _React_useState[0], setLocalValue = _React_useState[1];
-    var preservedControlledValueRef = react.useRef();
+    var preservedControlledValueRef = react.useRef(value);
     useIsomorphicLayoutEffect_useIsomorphicLayoutEffect(function() {
         preservedControlledValueRef.current = value;
     });
@@ -19535,93 +19738,6 @@ function ScreenSpinner_object_without_properties_loose(source, excluded) {
     }, /*#__PURE__*/ React.createElement(Icon, null))));
 };
 
-;// CONCATENATED MODULE: ./src/hooks/useFocusWithin.ts
-function useFocusWithin_array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function useFocusWithin_array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function useFocusWithin_iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function useFocusWithin_non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function useFocusWithin_sliced_to_array(arr, i) {
-    return useFocusWithin_array_with_holes(arr) || useFocusWithin_iterable_to_array_limit(arr, i) || useFocusWithin_unsupported_iterable_to_array(arr, i) || useFocusWithin_non_iterable_rest();
-}
-function useFocusWithin_unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return useFocusWithin_array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return useFocusWithin_array_like_to_array(o, minLen);
-}
-
-
-
-var isFocusWithin = function(ref, document) {
-    return ref.contains(document.activeElement);
-};
-function useFocusWithin_useFocusWithin(ref) {
-    var document = dom_useDOM().document;
-    var _React_useState = useFocusWithin_sliced_to_array(react.useState(function() {
-        return ref.current && document ? isFocusWithin(ref.current, document) : false;
-    }), 2), focusWithin = _React_useState[0], setFocusWithin = _React_useState[1];
-    useIsomorphicLayoutEffect_useIsomorphicLayoutEffect(function handleAutoFocus() {
-        /* istanbul ignore if: невозможный кейс, т.к. в SSR эффекты не вызываются. Проверка на будущее, если вдруг эффект будет вызываться. */ if (!document) {
-            return;
-        }
-        var handleFocusOrBlurEvents = function() {
-            if (ref.current) {
-                setFocusWithin(isFocusWithin(ref.current, document));
-            }
-        };
-        // Вызываем в начале, чтобы проверить autoFocus
-        void handleFocusOrBlurEvents();
-        document.addEventListener('focus', handleFocusOrBlurEvents, {
-            capture: true
-        });
-        document.addEventListener('blur', handleFocusOrBlurEvents, {
-            capture: true
-        });
-        return function() {
-            document.removeEventListener('focus', handleFocusOrBlurEvents, {
-                capture: true
-            });
-            document.removeEventListener('blur', handleFocusOrBlurEvents, {
-                capture: true
-            });
-        };
-    }, []);
-    return focusWithin;
-}
-
 ;// CONCATENATED MODULE: ./src/hooks/useGlobalEscKeyDown.ts
 
 
@@ -29063,7 +29179,7 @@ var GridAvatar_warn = warnOnce('GridAvatar');
         "aria-hidden": true
     }, src.map(function(url, index) {
         return index < MAX_GRID_LENGTH ? /*#__PURE__*/ React.createElement("div", {
-            key: url,
+            key: index,
             className: "vkuiGridAvatar__item",
             style: {
                 backgroundImage: "url(".concat(url, ")")
@@ -35199,12 +35315,11 @@ function constants_getNewOptionDataDefault(value, label) {
     };
 }
 function constants_renderChipDefault(props) {
-    var disabled = props.disabled, label = props.label, rest = constants_object_without_properties(props, [
-        "disabled",
+    var label = props.label, rest = constants_object_without_properties(props, [
         "label"
     ]);
     return /*#__PURE__*/ React.createElement(Chip, constants_object_spread({
-        removable: !disabled
+        removable: !props.disabled
     }, rest), label);
 }
 
@@ -35566,8 +35681,8 @@ var ChipsInputBase_ChipsInputBase = function(_param) {
             'Component': 'div',
             'value': option.value,
             'label': option.label,
-            'disabled': disabled,
-            'readOnly': readOnly,
+            'disabled': option.disabled || disabled,
+            'readOnly': option.readOnly || readOnly,
             'className': "vkuiChipsInputBase__chip",
             'onRemove': handleChipRemove,
             // чтобы можно было легче найти этот чип в DOM
@@ -39625,7 +39740,7 @@ var CustomSelect_defaultOptions = (/* unused pure expression or super */ null &&
     var scrollToElement = React.useCallback(function(index) {
         var center = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
         var dropdown = scrollBoxRef.current;
-        var item = dropdown ? dropdown.children[index] : null;
+        var item = dropdown && dropdown.firstElementChild ? dropdown.firstElementChild.children[index] : null;
         if (!item || !dropdown) {
             return;
         }
@@ -39918,11 +40033,10 @@ var CustomSelect_defaultOptions = (/* unused pure expression or super */ null &&
         x: 0,
         y: 0
     });
-    var focusOptionOnMouseMove = React.useCallback(function(e) {
+    var focusOptionOnMouseMove = React.useCallback(function(e, index) {
         var isMouseChangedPosition = Math.abs(prevMousePositionRef.current.x - e.clientX) >= 1 || Math.abs(prevMousePositionRef.current.y - e.clientY) >= 1;
         if (isMouseChangedPosition) {
-            var _e_currentTarget_parentNode;
-            focusOptionByIndex(Array.prototype.indexOf.call((_e_currentTarget_parentNode = e.currentTarget.parentNode) === null || _e_currentTarget_parentNode === void 0 ? void 0 : _e_currentTarget_parentNode.children, e.currentTarget), false);
+            focusOptionByIndex(index, false);
         }
         prevMousePositionRef.current = {
             x: e.clientX,
@@ -39952,7 +40066,9 @@ var CustomSelect_defaultOptions = (/* unused pure expression or super */ null &&
             // Причём координаты события меняются на пару пикселей по сравнению с прошлым вызовом,
             // а значит нельзя на них опираться, чтобы запретить обработку такого события.
             // C mousemove такой проблемы нет, что позволяет реализовать поведение при наведении с клавиатуры и при наведении мышью идентично `<select>`.
-            onMouseMove: focusOptionOnMouseMove,
+            onMouseMove: function(e) {
+                return focusOptionOnMouseMove(e, index);
+            },
             id: "".concat(popupAriaId, "-").concat(option.value)
         }));
     }, [
@@ -45226,7 +45342,7 @@ function Popover_unsupported_iterable_to_array(o, minLen) {
  * @see https://vkcom.github.io/VKUI/#/Popover
  */ var Popover = function(_param) {
     var // UsePopoverProps
-    withArrow = _param.arrow, _param_arrowHeight = _param.arrowHeight, arrowHeight = _param_arrowHeight === void 0 ? DEFAULT_ARROW_HEIGHT : _param_arrowHeight, _param_arrowPadding = _param.arrowPadding, arrowPadding = _param_arrowPadding === void 0 ? DEFAULT_ARROW_PADDING : _param_arrowPadding, tmp = _param.placement, expectedPlacement = tmp === void 0 ? 'bottom-start' : tmp, onPlacementChange = _param.onPlacementChange, _param_disableFlipMiddleware = _param.disableFlipMiddleware, disableFlipMiddleware = _param_disableFlipMiddleware === void 0 ? false : _param_disableFlipMiddleware, _param_trigger = _param.trigger, trigger = _param_trigger === void 0 ? 'click' : _param_trigger, content = _param.content, _param_hoverDelay = _param.hoverDelay, hoverDelay = _param_hoverDelay === void 0 ? 150 : _param_hoverDelay, closeAfterClick = _param.closeAfterClick, _param_offsetByMainAxis = _param.offsetByMainAxis, offsetByMainAxis = _param_offsetByMainAxis === void 0 ? 8 : _param_offsetByMainAxis, _param_offsetByCrossAxis = _param.offsetByCrossAxis, offsetByCrossAxis = _param_offsetByCrossAxis === void 0 ? 0 : _param_offsetByCrossAxis, sameWidth = _param.sameWidth, hideWhenReferenceHidden = _param.hideWhenReferenceHidden, disabled = _param.disabled, disableInteractive = _param.disableInteractive, disableCloseOnClickOutside = _param.disableCloseOnClickOutside, disableCloseOnEscKey = _param.disableCloseOnEscKey, _param_keepMounted = _param.keepMounted, keepMounted = _param_keepMounted === void 0 ? false : _param_keepMounted, _param_defaultShown = _param.// uncontrolled
+    withArrow = _param.arrow, _param_arrowHeight = _param.arrowHeight, arrowHeight = _param_arrowHeight === void 0 ? DEFAULT_ARROW_HEIGHT : _param_arrowHeight, _param_arrowPadding = _param.arrowPadding, arrowPadding = _param_arrowPadding === void 0 ? DEFAULT_ARROW_PADDING : _param_arrowPadding, tmp = _param.placement, expectedPlacement = tmp === void 0 ? 'bottom-start' : tmp, onPlacementChange = _param.onPlacementChange, _param_disableFlipMiddleware = _param.disableFlipMiddleware, disableFlipMiddleware = _param_disableFlipMiddleware === void 0 ? false : _param_disableFlipMiddleware, _param_trigger = _param.trigger, trigger = _param_trigger === void 0 ? 'click' : _param_trigger, content = _param.content, _param_hoverDelay = _param.hoverDelay, hoverDelay = _param_hoverDelay === void 0 ? 150 : _param_hoverDelay, closeAfterClick = _param.closeAfterClick, _param_offsetByMainAxis = _param.offsetByMainAxis, offsetByMainAxis = _param_offsetByMainAxis === void 0 ? 8 : _param_offsetByMainAxis, _param_offsetByCrossAxis = _param.offsetByCrossAxis, offsetByCrossAxis = _param_offsetByCrossAxis === void 0 ? 0 : _param_offsetByCrossAxis, sameWidth = _param.sameWidth, hideWhenReferenceHidden = _param.hideWhenReferenceHidden, disabled = _param.disabled, disableInteractive = _param.disableInteractive, disableCloseOnClickOutside = _param.disableCloseOnClickOutside, disableCloseOnEscKey = _param.disableCloseOnEscKey, _param_keepMounted = _param.keepMounted, keepMounted = _param_keepMounted === void 0 ? false : _param_keepMounted, customMiddlewares = _param.customMiddlewares, _param_defaultShown = _param.// uncontrolled
     defaultShown, defaultShown = _param_defaultShown === void 0 ? false : _param_defaultShown, // controlled
     shownProp = _param.shown, onShownChange = _param.onShownChange, _param_usePortal = _param.// Для AppRootPortal
     usePortal, usePortal = _param_usePortal === void 0 ? true : _param_usePortal, // Для FloatingArrow
@@ -45252,6 +45368,7 @@ function Popover_unsupported_iterable_to_array(o, minLen) {
         "disableCloseOnClickOutside",
         "disableCloseOnEscKey",
         "keepMounted",
+        "customMiddlewares",
         "defaultShown",
         "shown",
         "onShownChange",
@@ -45277,7 +45394,8 @@ function Popover_unsupported_iterable_to_array(o, minLen) {
         offsetByCrossAxis: offsetByCrossAxis,
         sameWidth: sameWidth,
         hideWhenReferenceHidden: hideWhenReferenceHidden,
-        disableFlipMiddleware: disableFlipMiddleware
+        disableFlipMiddleware: disableFlipMiddleware,
+        customMiddlewares: customMiddlewares
     }), middlewares = _useFloatingMiddlewaresBootstrap.middlewares, strictPlacement = _useFloatingMiddlewaresBootstrap.strictPlacement;
     var _useFloatingWithInteractions = useFloatingWithInteractions({
         middlewares: middlewares,

package/dist/cssm/components/Avatar/Avatar.d.ts

@@ -58,10 +58,7 @@ export declare const Avatar: {
         ({ preset, className, ...restProps }: AvatarBadgeWithPresetProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
-    Overlay: {
-        ({ className, theme: themeProp, visibility: visibilityProp, children, onClick: onClickProp, ...restProps }: ImageBaseOverlayProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
+    Overlay: import("react").FC<ImageBaseOverlayProps>;
     getInitialsFontSize: typeof getInitialsFontSize;
 };
 //# sourceMappingURL=Avatar.d.ts.map

package/dist/cssm/components/Avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,qBAAqB,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACpG,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAGhD,YAAY,EACV,gBAAgB,EAChB,0BAA0B,EAC1B,qBAAqB,IAAI,kBAAkB,GAC5C,CAAC;AAEF,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,QAAA,MAAM,yBAAyB;;;;;;;CAOrB,CAAC;AAEX;;;GAGG;AACH,MAAM,MAAM,6BAA6B,GAAG,MAAM,OAAO,yBAAyB,CAAC;AAEnF,MAAM,MAAM,2BAA2B,GACnC,CAAC,OAAO,yBAAyB,CAAC,CAAC,6BAA6B,CAAC,GACjE,MAAM,CAAC;AAYX,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,WAAW,GAAG,YAAY,CAAC;IACnF;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;;;;;;;;OAcG;IACH,aAAa,CAAC,EAAE,6BAA6B,GAAG,2BAA2B,GAAG,QAAQ,CAAC;CACxF;AAED;;GAEG;AACH,eAAO,MAAM,MAAM;2GAQhB,WAAW;;;;;;;;;;;;;;;CAiCb,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,qBAAqB,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACpG,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAGhD,YAAY,EACV,gBAAgB,EAChB,0BAA0B,EAC1B,qBAAqB,IAAI,kBAAkB,GAC5C,CAAC;AAEF,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,QAAA,MAAM,yBAAyB;;;;;;;CAOrB,CAAC;AAEX;;;GAGG;AACH,MAAM,MAAM,6BAA6B,GAAG,MAAM,OAAO,yBAAyB,CAAC;AAEnF,MAAM,MAAM,2BAA2B,GACnC,CAAC,OAAO,yBAAyB,CAAC,CAAC,6BAA6B,CAAC,GACjE,MAAM,CAAC;AAYX,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,WAAW,GAAG,YAAY,CAAC;IACnF;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;;;;;;;;OAcG;IACH,aAAa,CAAC,EAAE,6BAA6B,GAAG,2BAA2B,GAAG,QAAQ,CAAC;CACxF;AAED;;GAEG;AACH,eAAO,MAAM,MAAM;2GAQhB,WAAW;;;;;;;;;;;;CAiCb,CAAC"}

package/dist/cssm/components/ChipsInputBase/ChipsInputBase.js

@@ -144,8 +144,8 @@ getRef, id: idProp, inputValue = DEFAULT_INPUT_VALUE, placeholder, disabled, rea
                             'Component': 'div',
                             'value': option.value,
                             'label': option.label,
-                            'disabled': disabled,
-                            'readOnly': readOnly,
+                            'disabled': option.disabled || disabled,
+                            'readOnly': option.readOnly || readOnly,
                             'className': styles['ChipsInputBase__chip'],
                             'onRemove': handleChipRemove,
                             // чтобы можно было легче найти этот чип в DOM

package/dist/cssm/components/ChipsInputBase/ChipsInputBase.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ChipsInputBase/ChipsInputBase.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { isHTMLElement } from '@vkontakte/vkui-floating-ui/utils/dom';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { getHorizontalFocusGoTo, Keys } from '../../lib/accessibility';\nimport {\n  contains as checkTargetIsInputEl,\n  contains,\n  getActiveElementByAnotherElement,\n} from '../../lib/dom';\nimport { FormField } from '../FormField/FormField';\nimport { Text } from '../Typography/Text/Text';\nimport { DEFAULT_INPUT_VALUE, DEFAULT_VALUE, renderChipDefault } from './constants';\nimport {\n  getChipOptionIndexByHTMLElement,\n  getChipOptionIndexByValueProp,\n  getChipOptionValueByHTMLElement,\n  getNextChipOptionIndexByNavigateToProp,\n  isInputValueEmpty,\n} from './helpers';\nimport type { ChipOption, ChipOptionValue, ChipsInputBasePrivateProps, NavigateTo } from './types';\nimport styles from './ChipsInputBase.module.css';\n\nconst sizeYClassNames = {\n  none: styles['ChipsInputBase--sizeY-none'],\n  compact: styles['ChipsInputBase--sizeY-compact'],\n} as const;\n\nexport const ChipsInputBase = <O extends ChipOption>({\n  // FormFieldProps\n  getRootRef,\n  style,\n  className,\n  before,\n  after,\n  status,\n  mode,\n\n  // option\n  value = DEFAULT_VALUE,\n  onAddChipOption,\n  onRemoveChipOption: onRemoveChipOptionProp,\n  renderChip = renderChipDefault,\n\n  // input\n  getRef,\n  id: idProp,\n  inputValue = DEFAULT_INPUT_VALUE,\n  placeholder,\n  disabled,\n  readOnly,\n  addOnBlur,\n  onBlur,\n  onInputChange,\n  ...restProps\n}: ChipsInputBasePrivateProps<O>) => {\n  const { sizeY = 'none' } = useAdaptivity();\n  const idGenerated = React.useId();\n  const inputRef = useExternRef(getRef);\n  const listboxRef = React.useRef<HTMLDivElement>(null);\n\n  const valueLength = value.length;\n  const withPlaceholder = valueLength === 0;\n  const [lastFocusedChipOptionIndex, setLastFocusedChipOptionIndex] = React.useState(0);\n\n  const resetChipOptionFocusToInputEl = (inputEl: HTMLInputElement) => {\n    setLastFocusedChipOptionIndex(0);\n    inputEl.focus();\n  };\n\n  const moveFocusToChipOption = (\n    currentIndex: number,\n    navigateTo: NavigateTo,\n    listboxEl: HTMLElement,\n  ) => {\n    const index = getNextChipOptionIndexByNavigateToProp(currentIndex, navigateTo, valueLength);\n    // eslint-disable-next-line no-restricted-properties\n    const foundEl = listboxEl.querySelector<HTMLElement>(`[data-index=\"${index}\"]`);\n\n    if (foundEl) {\n      setLastFocusedChipOptionIndex(index);\n      foundEl.focus();\n    }\n  };\n\n  const removeChipOption = (o: O | ChipOptionValue, index: number) => {\n    /* istanbul ignore if: невозможный кейс (в SSR вызова этой функции не будет) */\n    if (!inputRef.current || !listboxRef.current) {\n      return;\n    }\n\n    if (valueLength > 1) {\n      if (index === valueLength - 1) {\n        moveFocusToChipOption(index, 'prev', listboxRef.current);\n      } else {\n        moveFocusToChipOption(index, 'next', listboxRef.current);\n      }\n    } else {\n      resetChipOptionFocusToInputEl(inputRef.current);\n    }\n\n    onRemoveChipOptionProp(o);\n  };\n\n  const handleListboxKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    const targetEl = event.target;\n    /* istanbul ignore if: невозможный кейс (в SSR вызова этой функции не будет) */\n    if (event.defaultPrevented || !listboxRef.current || !isHTMLElement(targetEl)) {\n      return;\n    }\n\n    switch (event.key) {\n      case Keys.ENTER: {\n        if (\n          !readOnly &&\n          checkTargetIsInputEl(targetEl, inputRef.current) &&\n          inputRef.current &&\n          !isInputValueEmpty(inputRef.current)\n        ) {\n          event.preventDefault();\n          onAddChipOption(inputRef.current.value);\n        }\n        break;\n      }\n      case Keys.DELETE:\n      case Keys.BACKSPACE: {\n        if (!readOnly && valueLength > 0) {\n          if (!checkTargetIsInputEl(targetEl, inputRef.current)) {\n            event.preventDefault();\n            removeChipOption(\n              getChipOptionValueByHTMLElement(targetEl),\n              getChipOptionIndexByHTMLElement(targetEl),\n            );\n          } else if (event.key === Keys.BACKSPACE && isInputValueEmpty(inputRef.current)) {\n            event.preventDefault();\n            moveFocusToChipOption(\n              getChipOptionIndexByHTMLElement(targetEl),\n              'last',\n              listboxRef.current,\n            );\n          }\n        }\n        break;\n      }\n      case Keys.ARROW_UP:\n      case Keys.ARROW_LEFT:\n      case Keys.ARROW_DOWN:\n      case Keys.ARROW_RIGHT: {\n        if (valueLength !== 0 && !checkTargetIsInputEl(targetEl, inputRef.current)) {\n          event.preventDefault();\n          moveFocusToChipOption(\n            getChipOptionIndexByHTMLElement(targetEl),\n            getHorizontalFocusGoTo(event.key),\n            listboxRef.current,\n          );\n        }\n        break;\n      }\n    }\n  };\n\n  const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (onBlur) {\n      onBlur(event);\n    }\n\n    if (addOnBlur && !event.defaultPrevented && inputRef.current) {\n      onAddChipOption(inputRef.current.value);\n    }\n  };\n\n  const handleChipRemove = (event: React.MouseEvent, v: ChipOptionValue) => {\n    event.preventDefault();\n    event.stopPropagation();\n    removeChipOption(v, getChipOptionIndexByValueProp(v, value));\n  };\n\n  const handleRootClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (contains(event.currentTarget, getActiveElementByAnotherElement(event.currentTarget))) {\n      return;\n    }\n\n    if (valueLength > 0 && listboxRef.current) {\n      moveFocusToChipOption(0, 'first', listboxRef.current);\n    } else if (inputRef.current) {\n      inputRef.current.focus();\n    }\n  };\n\n  return (\n    <FormField\n      Component=\"div\"\n      getRootRef={getRootRef}\n      style={style}\n      disabled={disabled}\n      before={before}\n      after={after}\n      status={status}\n      mode={mode}\n      className={className}\n      onClick={disabled ? undefined : handleRootClick}\n    >\n      <div\n        className={classNames(\n          styles['ChipsInputBase'],\n          sizeY !== 'regular' && sizeYClassNames[sizeY],\n          withPlaceholder && styles['ChipsInputBase--hasPlaceholder'],\n        )}\n        // для a11y\n        ref={listboxRef}\n        role=\"listbox\"\n        aria-orientation=\"horizontal\"\n        aria-disabled={disabled}\n        aria-readonly={readOnly}\n        onKeyDown={disabled ? undefined : handleListboxKeyDown}\n      >\n        {value.map((option, index) => (\n          <React.Fragment key={`${typeof option.value}-${option.label}`}>\n            {renderChip(\n              {\n                'Component': 'div',\n                'value': option.value,\n                'label': option.label,\n                'disabled': disabled,\n                'readOnly': readOnly,\n                'className': styles['ChipsInputBase__chip'],\n                'onRemove': handleChipRemove,\n                // чтобы можно было легче найти этот чип в DOM\n                'data-index': index,\n                'data-value': option.value,\n                // для a11y\n                'tabIndex': lastFocusedChipOptionIndex === index ? 0 : -1,\n                'role': 'option',\n                'aria-selected': true,\n                'aria-posinset': index + 1,\n                'aria-setsize': valueLength,\n              },\n              option,\n            )}\n          </React.Fragment>\n        ))}\n        <Text\n          autoCapitalize=\"none\"\n          autoComplete=\"off\"\n          autoCorrect=\"off\"\n          spellCheck={false}\n          {...restProps}\n          Component=\"input\"\n          type=\"text\"\n          id={idProp || `chips-input-base-generated-id-${idGenerated}`}\n          getRootRef={inputRef}\n          className={styles['ChipsInputBase__el']}\n          disabled={disabled}\n          readOnly={readOnly}\n          placeholder={withPlaceholder ? placeholder : undefined}\n          value={inputValue}\n          onChange={onInputChange}\n          onBlur={handleInputBlur}\n        />\n      </div>\n    </FormField>\n  );\n};\n"],"names":["React","classNames","isHTMLElement","useAdaptivity","useExternRef","getHorizontalFocusGoTo","Keys","contains","checkTargetIsInputEl","getActiveElementByAnotherElement","FormField","Text","DEFAULT_INPUT_VALUE","DEFAULT_VALUE","renderChipDefault","getChipOptionIndexByHTMLElement","getChipOptionIndexByValueProp","getChipOptionValueByHTMLElement","getNextChipOptionIndexByNavigateToProp","isInputValueEmpty","styles","sizeYClassNames","none","compact","ChipsInputBase","getRootRef","style","className","before","after","status","mode","value","onAddChipOption","onRemoveChipOption","onRemoveChipOptionProp","renderChip","getRef","id","idProp","inputValue","placeholder","disabled","readOnly","addOnBlur","onBlur","onInputChange","restProps","sizeY","idGenerated","useId","inputRef","listboxRef","useRef","valueLength","length","withPlaceholder","lastFocusedChipOptionIndex","setLastFocusedChipOptionIndex","useState","resetChipOptionFocusToInputEl","inputEl","focus","moveFocusToChipOption","currentIndex","navigateTo","listboxEl","index","foundEl","querySelector","removeChipOption","o","current","handleListboxKeyDown","event","targetEl","target","defaultPrevented","key","ENTER","preventDefault","DELETE","BACKSPACE","ARROW_UP","ARROW_LEFT","ARROW_DOWN","ARROW_RIGHT","handleInputBlur","handleChipRemove","v","stopPropagation","handleRootClick","currentTarget","Component","onClick","undefined","div","ref","role","aria-orientation","aria-disabled","aria-readonly","onKeyDown","map","option","Fragment","label","autoCapitalize","autoComplete","autoCorrect","spellCheck","type","onChange"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/ChipsInputBase/ChipsInputBase.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { isHTMLElement } from '@vkontakte/vkui-floating-ui/utils/dom';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { getHorizontalFocusGoTo, Keys } from '../../lib/accessibility';\nimport {\n  contains as checkTargetIsInputEl,\n  contains,\n  getActiveElementByAnotherElement,\n} from '../../lib/dom';\nimport { FormField } from '../FormField/FormField';\nimport { Text } from '../Typography/Text/Text';\nimport { DEFAULT_INPUT_VALUE, DEFAULT_VALUE, renderChipDefault } from './constants';\nimport {\n  getChipOptionIndexByHTMLElement,\n  getChipOptionIndexByValueProp,\n  getChipOptionValueByHTMLElement,\n  getNextChipOptionIndexByNavigateToProp,\n  isInputValueEmpty,\n} from './helpers';\nimport type { ChipOption, ChipOptionValue, ChipsInputBasePrivateProps, NavigateTo } from './types';\nimport styles from './ChipsInputBase.module.css';\n\nconst sizeYClassNames = {\n  none: styles['ChipsInputBase--sizeY-none'],\n  compact: styles['ChipsInputBase--sizeY-compact'],\n} as const;\n\nexport const ChipsInputBase = <O extends ChipOption>({\n  // FormFieldProps\n  getRootRef,\n  style,\n  className,\n  before,\n  after,\n  status,\n  mode,\n\n  // option\n  value = DEFAULT_VALUE,\n  onAddChipOption,\n  onRemoveChipOption: onRemoveChipOptionProp,\n  renderChip = renderChipDefault,\n\n  // input\n  getRef,\n  id: idProp,\n  inputValue = DEFAULT_INPUT_VALUE,\n  placeholder,\n  disabled,\n  readOnly,\n  addOnBlur,\n  onBlur,\n  onInputChange,\n  ...restProps\n}: ChipsInputBasePrivateProps<O>) => {\n  const { sizeY = 'none' } = useAdaptivity();\n  const idGenerated = React.useId();\n  const inputRef = useExternRef(getRef);\n  const listboxRef = React.useRef<HTMLDivElement>(null);\n\n  const valueLength = value.length;\n  const withPlaceholder = valueLength === 0;\n  const [lastFocusedChipOptionIndex, setLastFocusedChipOptionIndex] = React.useState(0);\n\n  const resetChipOptionFocusToInputEl = (inputEl: HTMLInputElement) => {\n    setLastFocusedChipOptionIndex(0);\n    inputEl.focus();\n  };\n\n  const moveFocusToChipOption = (\n    currentIndex: number,\n    navigateTo: NavigateTo,\n    listboxEl: HTMLElement,\n  ) => {\n    const index = getNextChipOptionIndexByNavigateToProp(currentIndex, navigateTo, valueLength);\n    // eslint-disable-next-line no-restricted-properties\n    const foundEl = listboxEl.querySelector<HTMLElement>(`[data-index=\"${index}\"]`);\n\n    if (foundEl) {\n      setLastFocusedChipOptionIndex(index);\n      foundEl.focus();\n    }\n  };\n\n  const removeChipOption = (o: O | ChipOptionValue, index: number) => {\n    /* istanbul ignore if: невозможный кейс (в SSR вызова этой функции не будет) */\n    if (!inputRef.current || !listboxRef.current) {\n      return;\n    }\n\n    if (valueLength > 1) {\n      if (index === valueLength - 1) {\n        moveFocusToChipOption(index, 'prev', listboxRef.current);\n      } else {\n        moveFocusToChipOption(index, 'next', listboxRef.current);\n      }\n    } else {\n      resetChipOptionFocusToInputEl(inputRef.current);\n    }\n\n    onRemoveChipOptionProp(o);\n  };\n\n  const handleListboxKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    const targetEl = event.target;\n    /* istanbul ignore if: невозможный кейс (в SSR вызова этой функции не будет) */\n    if (event.defaultPrevented || !listboxRef.current || !isHTMLElement(targetEl)) {\n      return;\n    }\n\n    switch (event.key) {\n      case Keys.ENTER: {\n        if (\n          !readOnly &&\n          checkTargetIsInputEl(targetEl, inputRef.current) &&\n          inputRef.current &&\n          !isInputValueEmpty(inputRef.current)\n        ) {\n          event.preventDefault();\n          onAddChipOption(inputRef.current.value);\n        }\n        break;\n      }\n      case Keys.DELETE:\n      case Keys.BACKSPACE: {\n        if (!readOnly && valueLength > 0) {\n          if (!checkTargetIsInputEl(targetEl, inputRef.current)) {\n            event.preventDefault();\n            removeChipOption(\n              getChipOptionValueByHTMLElement(targetEl),\n              getChipOptionIndexByHTMLElement(targetEl),\n            );\n          } else if (event.key === Keys.BACKSPACE && isInputValueEmpty(inputRef.current)) {\n            event.preventDefault();\n            moveFocusToChipOption(\n              getChipOptionIndexByHTMLElement(targetEl),\n              'last',\n              listboxRef.current,\n            );\n          }\n        }\n        break;\n      }\n      case Keys.ARROW_UP:\n      case Keys.ARROW_LEFT:\n      case Keys.ARROW_DOWN:\n      case Keys.ARROW_RIGHT: {\n        if (valueLength !== 0 && !checkTargetIsInputEl(targetEl, inputRef.current)) {\n          event.preventDefault();\n          moveFocusToChipOption(\n            getChipOptionIndexByHTMLElement(targetEl),\n            getHorizontalFocusGoTo(event.key),\n            listboxRef.current,\n          );\n        }\n        break;\n      }\n    }\n  };\n\n  const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (onBlur) {\n      onBlur(event);\n    }\n\n    if (addOnBlur && !event.defaultPrevented && inputRef.current) {\n      onAddChipOption(inputRef.current.value);\n    }\n  };\n\n  const handleChipRemove = (event: React.MouseEvent, v: ChipOptionValue) => {\n    event.preventDefault();\n    event.stopPropagation();\n    removeChipOption(v, getChipOptionIndexByValueProp(v, value));\n  };\n\n  const handleRootClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (contains(event.currentTarget, getActiveElementByAnotherElement(event.currentTarget))) {\n      return;\n    }\n\n    if (valueLength > 0 && listboxRef.current) {\n      moveFocusToChipOption(0, 'first', listboxRef.current);\n    } else if (inputRef.current) {\n      inputRef.current.focus();\n    }\n  };\n\n  return (\n    <FormField\n      Component=\"div\"\n      getRootRef={getRootRef}\n      style={style}\n      disabled={disabled}\n      before={before}\n      after={after}\n      status={status}\n      mode={mode}\n      className={className}\n      onClick={disabled ? undefined : handleRootClick}\n    >\n      <div\n        className={classNames(\n          styles['ChipsInputBase'],\n          sizeY !== 'regular' && sizeYClassNames[sizeY],\n          withPlaceholder && styles['ChipsInputBase--hasPlaceholder'],\n        )}\n        // для a11y\n        ref={listboxRef}\n        role=\"listbox\"\n        aria-orientation=\"horizontal\"\n        aria-disabled={disabled}\n        aria-readonly={readOnly}\n        onKeyDown={disabled ? undefined : handleListboxKeyDown}\n      >\n        {value.map((option, index) => (\n          <React.Fragment key={`${typeof option.value}-${option.label}`}>\n            {renderChip(\n              {\n                'Component': 'div',\n                'value': option.value,\n                'label': option.label,\n                'disabled': option.disabled || disabled,\n                'readOnly': option.readOnly || readOnly,\n                'className': styles['ChipsInputBase__chip'],\n                'onRemove': handleChipRemove,\n                // чтобы можно было легче найти этот чип в DOM\n                'data-index': index,\n                'data-value': option.value,\n                // для a11y\n                'tabIndex': lastFocusedChipOptionIndex === index ? 0 : -1,\n                'role': 'option',\n                'aria-selected': true,\n                'aria-posinset': index + 1,\n                'aria-setsize': valueLength,\n              },\n              option,\n            )}\n          </React.Fragment>\n        ))}\n        <Text\n          autoCapitalize=\"none\"\n          autoComplete=\"off\"\n          autoCorrect=\"off\"\n          spellCheck={false}\n          {...restProps}\n          Component=\"input\"\n          type=\"text\"\n          id={idProp || `chips-input-base-generated-id-${idGenerated}`}\n          getRootRef={inputRef}\n          className={styles['ChipsInputBase__el']}\n          disabled={disabled}\n          readOnly={readOnly}\n          placeholder={withPlaceholder ? placeholder : undefined}\n          value={inputValue}\n          onChange={onInputChange}\n          onBlur={handleInputBlur}\n        />\n      </div>\n    </FormField>\n  );\n};\n"],"names":["React","classNames","isHTMLElement","useAdaptivity","useExternRef","getHorizontalFocusGoTo","Keys","contains","checkTargetIsInputEl","getActiveElementByAnotherElement","FormField","Text","DEFAULT_INPUT_VALUE","DEFAULT_VALUE","renderChipDefault","getChipOptionIndexByHTMLElement","getChipOptionIndexByValueProp","getChipOptionValueByHTMLElement","getNextChipOptionIndexByNavigateToProp","isInputValueEmpty","styles","sizeYClassNames","none","compact","ChipsInputBase","getRootRef","style","className","before","after","status","mode","value","onAddChipOption","onRemoveChipOption","onRemoveChipOptionProp","renderChip","getRef","id","idProp","inputValue","placeholder","disabled","readOnly","addOnBlur","onBlur","onInputChange","restProps","sizeY","idGenerated","useId","inputRef","listboxRef","useRef","valueLength","length","withPlaceholder","lastFocusedChipOptionIndex","setLastFocusedChipOptionIndex","useState","resetChipOptionFocusToInputEl","inputEl","focus","moveFocusToChipOption","currentIndex","navigateTo","listboxEl","index","foundEl","querySelector","removeChipOption","o","current","handleListboxKeyDown","event","targetEl","target","defaultPrevented","key","ENTER","preventDefault","DELETE","BACKSPACE","ARROW_UP","ARROW_LEFT","ARROW_DOWN","ARROW_RIGHT","handleInputBlur","handleChipRemove","v","stopPropagation","handleRootClick","currentTarget","Component","onClick","undefined","div","ref","role","aria-orientation","aria-disabled","aria-readonly","onKeyDown","map","option","Fragment","label","autoCapitalize","autoComplete","autoCorrect","spellCheck","type","onChange"],"mappings":"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"}

package/dist/cssm/components/ChipsInputBase/constants.js

@@ -17,9 +17,9 @@ export function getNewOptionDataDefault(value, label) {
     };
 }
 export function renderChipDefault(props) {
-    const { disabled, label, ...rest } = props;
+    const { label, ...rest } = props;
     return /*#__PURE__*/ _jsx(Chip, {
-        removable: !disabled,
+        removable: !props.disabled,
         ...rest,
         children: label
     });

package/dist/cssm/components/ChipsInputBase/constants.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ChipsInputBase/constants.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Chip } from './Chip/Chip';\nimport type { ChipOption, ChipOptionLabel, ChipOptionValue, RenderChipProps } from './types';\n\nexport const DEFAULT_VALUE = [];\n\nexport const DEFAULT_INPUT_VALUE = '';\n\nexport function getOptionValueDefault<O extends ChipOption>(option: O) {\n  return option.value;\n}\n\nexport function getOptionLabelDefault<O extends ChipOption>(option: O) {\n  return option.label;\n}\n\nexport function getNewOptionDataDefault<O extends ChipOption>(\n  value: ChipOptionValue,\n  label: ChipOptionLabel,\n): O {\n  // eslint-disable-next-line @typescript-eslint/consistent-type-assertions\n  return {\n    value,\n    label,\n  } as O;\n}\n\nexport function renderChipDefault(props: RenderChipProps): React.ReactNode {\n  const { disabled, label, ...rest } = props;\n  return (\n    <Chip removable={!disabled} {...rest}>\n      {label}\n    </Chip>\n  );\n}\n"],"names":["React","Chip","DEFAULT_VALUE","DEFAULT_INPUT_VALUE","getOptionValueDefault","option","value","getOptionLabelDefault","label","getNewOptionDataDefault","renderChipDefault","props","disabled","rest","removable"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,QAAQ,cAAc;AAGnC,OAAO,MAAMC,gBAAgB,EAAE,CAAC;AAEhC,OAAO,MAAMC,sBAAsB,GAAG;AAEtC,OAAO,SAASC,sBAA4CC,MAAS;IACnE,OAAOA,OAAOC,KAAK;AACrB;AAEA,OAAO,SAASC,sBAA4CF,MAAS;IACnE,OAAOA,OAAOG,KAAK;AACrB;AAEA,OAAO,SAASC,wBACdH,KAAsB,EACtBE,KAAsB;IAEtB,yEAAyE;IACzE,OAAO;QACLF;QACAE;IACF;AACF;AAEA,OAAO,SAASE,kBAAkBC,KAAsB;IACtD,MAAM,EAAEC,QAAQ,EAAEJ,KAAK,EAAE,GAAGK,MAAM,GAAGF;IACrC,qBACE,KAACV;QAAKa,WAAW,CAACF;QAAW,GAAGC,IAAI;kBACjCL;;AAGP"}
+{"version":3,"sources":["../../../../src/components/ChipsInputBase/constants.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Chip } from './Chip/Chip';\nimport type { ChipOption, ChipOptionLabel, ChipOptionValue, RenderChipProps } from './types';\n\nexport const DEFAULT_VALUE = [];\n\nexport const DEFAULT_INPUT_VALUE = '';\n\nexport function getOptionValueDefault<O extends ChipOption>(option: O) {\n  return option.value;\n}\n\nexport function getOptionLabelDefault<O extends ChipOption>(option: O) {\n  return option.label;\n}\n\nexport function getNewOptionDataDefault<O extends ChipOption>(\n  value: ChipOptionValue,\n  label: ChipOptionLabel,\n): O {\n  // eslint-disable-next-line @typescript-eslint/consistent-type-assertions\n  return {\n    value,\n    label,\n  } as O;\n}\n\nexport function renderChipDefault(props: RenderChipProps): React.ReactNode {\n  const { label, ...rest } = props;\n  return (\n    <Chip removable={!props.disabled} {...rest}>\n      {label}\n    </Chip>\n  );\n}\n"],"names":["React","Chip","DEFAULT_VALUE","DEFAULT_INPUT_VALUE","getOptionValueDefault","option","value","getOptionLabelDefault","label","getNewOptionDataDefault","renderChipDefault","props","rest","removable","disabled"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,QAAQ,cAAc;AAGnC,OAAO,MAAMC,gBAAgB,EAAE,CAAC;AAEhC,OAAO,MAAMC,sBAAsB,GAAG;AAEtC,OAAO,SAASC,sBAA4CC,MAAS;IACnE,OAAOA,OAAOC,KAAK;AACrB;AAEA,OAAO,SAASC,sBAA4CF,MAAS;IACnE,OAAOA,OAAOG,KAAK;AACrB;AAEA,OAAO,SAASC,wBACdH,KAAsB,EACtBE,KAAsB;IAEtB,yEAAyE;IACzE,OAAO;QACLF;QACAE;IACF;AACF;AAEA,OAAO,SAASE,kBAAkBC,KAAsB;IACtD,MAAM,EAAEH,KAAK,EAAE,GAAGI,MAAM,GAAGD;IAC3B,qBACE,KAACV;QAAKY,WAAW,CAACF,MAAMG,QAAQ;QAAG,GAAGF,IAAI;kBACvCJ;;AAGP"}

package/dist/cssm/components/CustomScrollView/CustomScrollView.module.css

@@ -18,6 +18,8 @@
 
 .CustomScrollView__box-content {
   position: relative;
+  inline-size: 100%;
+  block-size: 100%;
 }
 
 .CustomScrollView__barY:active + .CustomScrollView__box {