@skbkontur/react-ui 0.0.0-15ce4a1fa6 → 0.0.0-1692533c7b

package/CHANGELOG.md

@@ -3,6 +3,286 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.4.1](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.4.0...@skbkontur/react-ui@5.4.1) (2025-11-01)
+
+
+### Bug Fixes
+
+* **CurrencyInput:** do not warn about null value ([5a2f5bd](https://github.com/skbkontur/retail-ui/commit/5a2f5bd09598e11e4e69dd96eca55dd44c6f78e0))
+* **CurrencyInput:** fix onPaste handler ([a50f7e0](https://github.com/skbkontur/retail-ui/commit/a50f7e0cf859381c0eb54a38fe5aca61a77f5f5d))
+* **FxInput:** add support `mask` & feature flag `fxInputUseMaskedInput` ([f86d3bd](https://github.com/skbkontur/retail-ui/commit/f86d3bde8e205dbea77faee0fd079266af04980f))
+
+
+
+
+
+# [5.4.0](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.3.11...@skbkontur/react-ui@5.4.0) (2025-10-23)
+
+
+### Bug Fixes
+
+* **Button, Link:** fix passing of disabled attribute to root ([beb66d9](https://github.com/skbkontur/retail-ui/commit/beb66d9cefbe4efa0b55916a5cd0fcb649a12993))
+* **Tooltip:** use correct default positions ([3237031](https://github.com/skbkontur/retail-ui/commit/3237031370d74729b3b4dcb2bc7439cfb38b0df3))
+
+
+### Features
+
+* **SizeControlContext:** Add size control context ([66cc2ac](https://github.com/skbkontur/retail-ui/commit/66cc2acb818f4391fb7349b52da7433f627a367d))
+* **Combobox:** add multiline behavior ([cab53bd](https://github.com/skbkontur/retail-ui/commit/cab53bd482d8716cf294db333d39b6fc8515955c))
+* **Toast,SingleToast:** add  `use` option and `error` view ([9958f1b](https://github.com/skbkontur/retail-ui/commit/9958f1b117645244566ef652290766d3923dfc4a))
+* **react-ui:** update react-focus-lock package ([d733020](https://github.com/skbkontur/retail-ui/commit/d73302034bc23e703fca38022fe038e717635bab))
+
+
+
+
+
+## [5.3.11](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.3.10...@skbkontur/react-ui@5.3.11) (2025-10-22)
+
+
+### Bug Fixes
+
+* **SidePage:** fix clipping of shadows/focuses inside SidePage.Body ([d41d10e](https://github.com/skbkontur/retail-ui/commit/d41d10ea28c546c97b3f0dff902b37054f6be364))
+
+
+
+
+
+## [5.3.10](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.3.9...@skbkontur/react-ui@5.3.10) (2025-10-16)
+
+
+### Bug Fixes
+
+* **DatePicker:** pass correct value to onValueChange on blur ([8e82ee0](https://github.com/skbkontur/retail-ui/commit/8e82ee07ae2e29a6ab608863e89bb85511597a10))
+
+
+
+
+
+## [5.3.9](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.3.8...@skbkontur/react-ui@5.3.9) (2025-10-03)
+
+
+### Bug Fixes
+
+* **SidePage:** add support for overlays from widgets ([8a968cb](https://github.com/skbkontur/retail-ui/commit/8a968cb3b896d4ca22f9ed5116bb600a036426b4))
+
+
+
+
+
+## [5.3.8](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.3.7...@skbkontur/react-ui@5.3.8) (2025-10-01)
+
+
+### Bug Fixes
+
+* **TokenInput:** create token on blur in "withoutReference" mode (feature flag) ([10ebcbb](https://github.com/skbkontur/retail-ui/commit/10ebcbb58e3736f5c4887ea8daca148b55b6c6d6))
+
+
+
+
+
+## [5.3.7](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.3.6...@skbkontur/react-ui@5.3.7) (2025-09-24)
+
+
+### Bug Fixes
+
+* **MaskedInput:** return "" from onValueChange after input cleaning ([884ed1c](https://github.com/skbkontur/retail-ui/commit/884ed1c296d36bea895b3cb13481dcf67052193f))
+
+
+
+
+
+## [5.3.6](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.3.5...@skbkontur/react-ui@5.3.6) (2025-09-24)
+
+
+### Bug Fixes
+
+* **ComboBox,MaskedInput:** support mask and filter value on paste ([a6f6935](https://github.com/skbkontur/retail-ui/commit/a6f69355a1b962dbaf8a86158c6b833b2159eb48))
+
+
+
+
+
+## [5.3.5](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.3.4...@skbkontur/react-ui@5.3.5) (2025-09-24)
+
+
+### Bug Fixes
+
+* **FileUploader:** set files on drop ([ba181f3](https://github.com/skbkontur/retail-ui/commit/ba181f3e89354bea9e18e4ca20dd97c43c7e292e))
+
+
+
+
+
+## [5.3.4](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.3.3...@skbkontur/react-ui@5.3.4) (2025-09-23)
+
+
+### Bug Fixes
+
+* **react-ui:** use imask with fixed sourcemap ([a4ee23d](https://github.com/skbkontur/retail-ui/commit/a4ee23de971210302c2e3dfcf9f1e9b1c5eb2ad5))
+
+
+
+
+
+## [5.3.3](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.3.2...@skbkontur/react-ui@5.3.3) (2025-09-22)
+
+
+### Bug Fixes
+
+* **Tooltip:** fix incorrect import ([58206c9](https://github.com/skbkontur/retail-ui/commit/58206c91875e3180180be91800e302031b1b3266))
+
+
+
+
+
+## [5.3.2](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.3.1...@skbkontur/react-ui@5.3.2) (2025-09-10)
+
+**Note:** Version bump only for package @skbkontur/react-ui
+
+
+
+
+
+## [5.3.1](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.3.0...@skbkontur/react-ui@5.3.1) (2025-09-01)
+
+
+### Bug Fixes
+
+* **select:** fix pass empty placeholder ([eb5b0ed](https://github.com/skbkontur/retail-ui/commit/eb5b0ed94c5133ab4a0a461ca656512583c292ff))
+
+
+
+
+
+# [5.3.0](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.2.1...@skbkontur/react-ui@5.3.0) (2025-08-25)
+
+
+### Bug Fixes
+
+* **Autocomplete:** fix display with percentage menuWidth ([bf66bf3](https://github.com/skbkontur/retail-ui/commit/bf66bf36f9f3021693b6fba73a86e13df578f424))
+* **Button:** backless buttons theme variables work ([4ea52a2](https://github.com/skbkontur/retail-ui/commit/4ea52a2139b8126ba7f1dfad99b6baf1e361d14d))
+* **Button:** fix padding for Button with rightIcon ([0ef8416](https://github.com/skbkontur/retail-ui/commit/0ef8416b03068f92cdf2d53a042a6d08266eac4f))
+* **MiniModal:** change fontSize and lineHeight at description section ([edbe400](https://github.com/skbkontur/retail-ui/commit/edbe4002e5872ba088336267ecf46ed5aab3a297))
+* **Tooltip:** remove extra gap between Popup and pin ([f7e7533](https://github.com/skbkontur/retail-ui/commit/f7e75338ca72db382866a3aca22083dd05093a31))
+* **react-ui:** make getRootNode public ([192b23b](https://github.com/skbkontur/retail-ui/commit/192b23b1374eb5460a151879ac1cf113a82f85ff))
+* export PopupMenuCaptionProps type ([3283924](https://github.com/skbkontur/retail-ui/commit/3283924fe3839524ee446243cf71bb3b75a392b2))
+
+
+### Features
+
+* **Autocomplete:** change mask behaviour ([2ef8a58](https://github.com/skbkontur/retail-ui/commit/2ef8a586d1f24548ba907439de4624c220aa999d))
+* **Group:** add Hint and Tooltip support ([8a0f130](https://github.com/skbkontur/retail-ui/commit/8a0f13013a667dc5097ae9d326f796f7b75500dc))
+* mark that react 19 is not supported yet ([7a2dcc0](https://github.com/skbkontur/retail-ui/commit/7a2dcc0bdbf4e112c064abdf4c157768dcb49ce2))
+* **Paging:** add `size` prop and adaptivity ([1011f0d](https://github.com/skbkontur/retail-ui/commit/1011f0d3dffce1f85a06a4d1c040367ddd3ff62a))
+* **Paging:** show `⌥"` symbol in macOS ([1011f0d](https://github.com/skbkontur/retail-ui/commit/1011f0d3dffce1f85a06a4d1c040367ddd3ff62a))
+* remove propTypes ([569e003](https://github.com/skbkontur/retail-ui/commit/569e00312319557883da6536622a393aee932e95))
+* **SidePage, Modal:** unifiy headers behavior ([bc9e505](https://github.com/skbkontur/retail-ui/commit/bc9e505b58d5d4676f1f528144b777d312eede40))
+* **SidePage:** fix SidePage header blinking ([bc9e505](https://github.com/skbkontur/retail-ui/commit/bc9e505b58d5d4676f1f528144b777d312eede40))
+* **Switcher:** add `width` prop ([949ccb6](https://github.com/skbkontur/retail-ui/commit/949ccb6e9f1ada57f086e3ed58ba265ad9f84b85))
+* **Tooltip:** add `size` prop ([f7e7533](https://github.com/skbkontur/retail-ui/commit/f7e75338ca72db382866a3aca22083dd05093a31))
+
+
+
+
+
+# [5.2.1](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.2.0...@skbkontur/react-ui@5.2.1) (2025-07-24)
+
+
+### Bug Fixes
+
+* **Link:** fix Hint on Link disabled ([e34d0a4](https://github.com/skbkontur/retail-ui/commit/e34d0a45fd4c621547012fc5f10025e785ac3e0c))
+
+
+### Features
+
+* **Modal:** add ability change ModalSeparator margin ([55e4819](https://github.com/skbkontur/retail-ui/commit/55e48198d192d4aaa7c83a51987eb82f900f759a))
+
+
+
+
+
+# [5.2.0](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.1.7...@skbkontur/react-ui@5.2.0) (2025-07-16)
+
+
+### Bug Fixes
+
+* **DateInput,DatePicker:** input same number after blur and refocus (feature flag `dateInputFixSameNumberTypingOnRefocus`) ([fc068d8](https://github.com/skbkontur/retail-ui/commit/fc068d8d09852764a4d41543bbd3a9caa7e1f110))
+* **RadioGroup:** fix baseline spacer (feature flag `radioGroupRemoveBaselineSpacer`) ([c7ca31a](https://github.com/skbkontur/retail-ui/commit/c7ca31a9d00385d14223f090ad9f731456cf122a))
+* **Toast:** extend notification type to ReactNode ([a58ec5a](https://github.com/skbkontur/retail-ui/commit/a58ec5af1ac75e860f058bdf597d5160097fb334))
+* **Kebab:** update colors in DarkTheme ([79fa1f5](https://github.com/skbkontur/retail-ui/commit/79fa1f51ee9ecebee7371c2308ee01ad3744eb5e))
+* **MenuItem:** use default cursor for nonselectable items ([b260ef9](https://github.com/skbkontur/retail-ui/commit/b260ef9db12d0b004f0e46e3686127325e0bd8fb))
+* **FxInput:** inline deprecated React.ReactText type ([790ab0b](https://github.com/skbkontur/retail-ui/commit/790ab0b3036d0592bac022bdb7484b4022fbfe07))
+
+
+### Features
+
+* **Modal, MiniModal, SidePage:** update mobile versions ([6bebba9](https://github.com/skbkontur/retail-ui/commit/6bebba9118e8bf0ffdd5797cd3c26b2a5bee6e28))
+* **DateInput,DatePicker:** allow invalid values in days (feature flag `dateInputAllowInvalidValuesInDays`) ([cc35707](https://github.com/skbkontur/retail-ui/commit/cc357071a20364875851ecf37130b5c81548c80b))
+
+
+
+
+
+
+## [5.1.7](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.1.6...@skbkontur/react-ui@5.1.7) (2025-07-11)
+
+
+### Bug Fixes
+
+* **Calendar,DateSelect:** always show Select in the viewport ([67f8925](https://github.com/skbkontur/retail-ui/commit/67f8925117913159c13865078828679d7a086711))
+* **CalendarDay:** fix day click handler ([6082b4d](https://github.com/skbkontur/retail-ui/commit/6082b4d38621f3a9fe435594c067167d193df715))
+
+
+### Features
+
+* **DateRangePicker:** add width prop, remove extra wrap ([6bfd6c3](https://github.com/skbkontur/retail-ui/commit/6bfd6c3ab8781b76d3bbdf836c85a4d2f843bb4f))
+
+
+
+
+
+## [5.1.6](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.1.5...@skbkontur/react-ui@5.1.6) (2025-07-02)
+
+
+### Bug Fixes
+
+* **DatePicker,DateInput:** onBlur wasn't called, calendar wasn't closed ([a67649c](https://github.com/skbkontur/retail-ui/commit/a67649c1d862cc23c7981c16610da50bb8046c37))
+* **SidePage,Sticky:** prevent page crash, reduce rerenders ([17bddad](https://github.com/skbkontur/retail-ui/commit/17bddad211bb8cc29aa4323fd9aabca8d3fca9f5))
+* **SidePage:** revert lost animation ([eab52ad](https://github.com/skbkontur/retail-ui/commit/eab52adf66ad0211ee5b9b1d8e61aa9e7f5c6066))
+
+
+
+
+
+## [5.1.5](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.1.4...@skbkontur/react-ui@5.1.5) (2025-06-11)
+
+
+### Bug Fixes
+
+* **DateRangePicker:** improve calendar scrolling speed ([8489445](https://github.com/skbkontur/retail-ui/commit/8489445e48acdeabcf1e8d09e3eceed549bdefe1))
+* **DateRangePicker:** reset calendar range by null & undefined ([afcb3c2](https://github.com/skbkontur/retail-ui/commit/afcb3c2f2d94e49a4b781a375469af91c975a387))
+* **Validations:** scroll to element on focus in iframe ([fa9beab](https://github.com/skbkontur/retail-ui/commit/fa9beab61c5cedb547757b14fa544e1798b8ebf2))
+
+
+
+
+
+## [5.1.4](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.1.3...@skbkontur/react-ui@5.1.4) (2025-06-06)
+
+
+### Bug Fixes
+
+* **Button:** hover and click areas are the same ([eba5b6b](https://github.com/skbkontur/retail-ui/commit/eba5b6b814f35b2b2ffa9932387157abea683258))
+* **ComboBox:** onInputKeyDown doesn't fire on mobile ([1b00e91](https://github.com/skbkontur/retail-ui/commit/1b00e91dbad50c1bd26b29acad8d2a0b97c88bc0))
+* **DateRangePicker:** validate optional periods ranges ([c29d52e](https://github.com/skbkontur/retail-ui/commit/c29d52e63c5ca132a707b7792154bc28b79c9d05))
+* **FileUploader:** reset method deletes files completely ([6997ee6](https://github.com/skbkontur/retail-ui/commit/6997ee6f0de3eaa84b1804e78c4c4bc80be65532))
+* **SingleToast:** remove deprecation in static methods ([7065269](https://github.com/skbkontur/retail-ui/commit/70652694f1a71e54edbe5934b5cf7932f7922ebd))
+* **TokenInput:** token menu always visible in viewport ([71c849d](https://github.com/skbkontur/retail-ui/commit/71c849d655146cb3afb2d040fb2dd38a7e58767e))
+
+
+
+
+
 ## [5.1.3](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.1.2...@skbkontur/react-ui@5.1.3) (2025-05-06)
 
 

package/README.md

@@ -30,7 +30,7 @@ const MyApp = () => (
 использовался метод findDomNode, который в StrictMode запрещён. Теперь получение DOM-ноды реализовано в библиотеке через
 ref, из-за чего появились некоторые требования к компонентам, передаваемым в Hint, Tooltip, Popup или Tab:
 
-- при передаче функциональных компонентов, они должны использовать `React.ForwardRef`:
+- при передаче функциональных компонентов в react <= 18, они должны использовать `React.ForwardRef`:
 
 ```js static
 import { Hint } from '@skbkontur/react-ui';
@@ -84,7 +84,7 @@ class CustomClassComponent extends React.Component {
     return <div ref={this.rootNode}>children text</div>;
   }
 
-  getRootNode() {
+  getRootNode = () => {
     return this.rootNode.current;
   }
 }
@@ -104,15 +104,15 @@ export const WithClassChildren = () => (
 
 ## FAQ
 
-### Выпадашки и несколько react-рутов
+### Выпадающие элементы и несколько React root
 
-Реакт позволяет создавать рут внутри рута. Но контекст между ними не прокидывается. Это вызывает проблемы в работе
-различных выпадашек, типа `Tooltip`, `Select`, `Modal` и других.
+React позволяет создавать root внутри root, но контекст между ними не прокидывается. Это вызывает проблемы в работе
+различных выпадашек, типа `Hint`, `Tooltip`, `Select`, `Modal` и других.
 
-В версии `4.26.0` появился мехнизм, который решает большинство этих проблем. Если вложенный реакт-рут является виджетом,
+В версии `4.26.0` появился мехнизм, который решает большинство этих проблем. Если вложенный root является виджетом,
 то будет достаточно обновить библиотеку только в нём.
 
-Однако, при удалении html-элемента, который был реакт-рутом, его необходимо предварительно явно размонтировать:
+Однако, при удалении HTML-элемента, который был root, его необходимо предварительно явно размонтировать:
 
 ```tsx static
 React.useLayoutEffect(

package/cjs/components/Autocomplete/Autocomplete.d.ts

@@ -1,11 +1,12 @@
 import type { AriaAttributes } from 'react';
 import React from 'react';
-import PropTypes from 'prop-types';
 import type { InputProps } from '../Input';
 import type { Nullable, Override } from '../../typings/utility-types';
 import type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
 import type { SizeProp } from '../../lib/types/props';
-export interface AutocompleteProps extends CommonProps, Pick<AriaAttributes, 'aria-label'>, Override<InputProps, {
+import { type MaskedProps } from '../MaskedInput';
+export interface AutocompleteProps extends CommonProps, Pick<AriaAttributes, 'aria-label'>, Pick<Partial<MaskedProps>, 'alwaysShowMask' | 'mask' | 'maskChar'>, Override<Omit<InputProps, 'alwaysShowMask' | 'mask' | 'maskChar'>, {
     /** Задает функцию, которая отрисовывает элементы меню. */
     renderItem?: (item: string) => React.ReactNode;
     /** Задает промис, который резолвит элементы меню. */
@@ -51,7 +52,7 @@ export declare const AutocompleteDataTids: {
 export declare const AutocompleteIds: {
     readonly menu: "Autocomplete__menu";
 };
-type DefaultProps = Required<Pick<AutocompleteProps, 'renderItem' | 'size' | 'disablePortal' | 'hasShadow' | 'menuMaxHeight' | 'preventWindowScroll'>>;
+type DefaultProps = Required<Pick<AutocompleteProps, 'renderItem' | 'disablePortal' | 'hasShadow' | 'menuMaxHeight' | 'preventWindowScroll'>>;
 /**
  * `Autocomplete` — стандартный инпут с подсказками.
  *
@@ -61,30 +62,10 @@ type DefaultProps = Required<Pick<AutocompleteProps, 'renderItem' | 'size' | 'di
 export declare class Autocomplete extends React.Component<AutocompleteProps, AutocompleteState> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
-    static propTypes: {
-        /**
-         * Функция для отрисовки элемента в выпадающем списке. Единственный аргумент
-         * — *item*.
-         */
-        renderItem: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Если передан массив, то совпадения ищутся по этому массиву.
-         *
-         * Если передается функция, то она должна возвращать thenable, который
-         * резолвится уже отфильтрованным массивом. Возвращенный thenable может
-         * иметь метод cancel, который будет вызван при отмене поиска (пользователь
-         * изменил строку поиска, автокомплит потерял фокус).
-         * ```
-         * function(pattern) {
-         *   return service.findAll(pattern);
-         * }
-         * ```
-         */
-        source: PropTypes.Requireable<NonNullable<any[] | ((...args: any[]) => any) | null | undefined>>;
-    };
     static defaultProps: DefaultProps;
     state: AutocompleteState;
     private theme;
+    private size;
     private readonly locale;
     private isMobileLayout;
     private opened;
@@ -93,15 +74,25 @@ export declare class Autocomplete extends React.Component<AutocompleteProps, Aut
     private menuId;
     private rootSpan;
     private mobilePopup;
+    private featureFlags;
     private requestId;
     private getProps;
+    getRootNode: TGetRootNode;
     private setRootNode;
     /**
-     * @public
+     * @public focus method
+     * @description Focuses the input.
+     * @example
+     * <Autocomplete ref={autocompleteRef} />
+     * <button onClick={() => autocompleteRef.current?.focus()}>Focus</button>
      */
     focus(): void;
     /**
-     * @public
+     * @public blur method
+     * @description Blurs the input.
+     * @example
+     * <Autocomplete ref={autocompleteRef} />
+     * <button onClick={() => autocompleteRef.current?.blur()}>Blur</button>
      */
     blur(): void;
     componentDidUpdate(prevProps: AutocompleteProps): void;
@@ -109,6 +100,7 @@ export declare class Autocomplete extends React.Component<AutocompleteProps, Aut
     renderMain: (props: CommonWrapperRestProps<AutocompleteProps>) => React.JSX.Element;
     private renderHints;
     private renderMenu;
+    private getInput;
     private renderMobileMenu;
     private getItems;
     private handleValueChange;