@skbkontur/react-ui 0.0.0-2ac4c133dd → 0.0.0-2dd5039746

package/CHANGELOG.md

@@ -3,6 +3,315 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.13.2](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@4.13.1...@skbkontur/react-ui@4.13.2) (2023-03-24)
+
+
+### Bug Fixes
+
+* **SidePage:** remove 2nd HBVS which blocks scrolling ([#3121](https://github.com/skbkontur/retail-ui/issues/3121)) ([25fbcc0](https://github.com/skbkontur/retail-ui/commit/25fbcc0c0c7fc2b645c4848337fc519f433ca141))
+* **TokenInput:** remove empty tokens on paste ([#3124](https://github.com/skbkontur/retail-ui/issues/3124)) ([a326d92](https://github.com/skbkontur/retail-ui/commit/a326d92e1578e0e901b91c38ecbfc27c9a23b231))
+
+
+
+
+
+## [4.13.1](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@4.13.0...@skbkontur/react-ui@4.13.1) (2023-03-10)
+
+
+### Bug Fixes
+
+* **MenuMessage:** pass ref ([#3113](https://github.com/skbkontur/retail-ui/issues/3113)) ([3864e08](https://github.com/skbkontur/retail-ui/commit/3864e08017a0f88309ec3e6cb86304e4508c124c))
+
+
+
+
+
+# [4.13.0](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@4.12.0...@skbkontur/react-ui@4.13.0) (2023-03-02)
+
+
+### Features
+
+* **ScrollContainer:** add `hideScrollBar` prop ([#3106](https://github.com/skbkontur/retail-ui/issues/3106)) ([609739b](https://github.com/skbkontur/retail-ui/commit/609739b8cc8586bd32b37de9d96dc8288ea8aff4))
+* add aria-describedby attribute to elements ([#3094](https://github.com/skbkontur/retail-ui/issues/3094)) ([8f37e81](https://github.com/skbkontur/retail-ui/commit/8f37e817b86cee94fca5e7f37a8fdcb9928f289e))
+* **ComboBox, DateInput, DatePicker:** propagate disabled attribute to native input ([#3082](https://github.com/skbkontur/retail-ui/issues/3082)) ([f18dc78](https://github.com/skbkontur/retail-ui/commit/f18dc78731ee769288720b058126717c3798a7ae))
+* **RadioGroup:** add roles for a11y ([#3096](https://github.com/skbkontur/retail-ui/issues/3096)) ([069b588](https://github.com/skbkontur/retail-ui/commit/069b58860e1254da1818bd28d3a17ecba334a702))
+
+
+
+
+
+# [4.12.0](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@4.11.0...@skbkontur/react-ui@4.12.0) (2023-02-01)
+
+
+### Bug Fixes
+
+* **Toast:** add `showTime` arg to the `push` method ([#3062](https://github.com/skbkontur/retail-ui/issues/3062)) ([e4196da](https://github.com/skbkontur/retail-ui/commit/e4196da2e6c1b39d9cb73fe5352b5a5d7d9d79a6))
+
+
+### Features
+
+* **Autocomplete,Select,ComboBox:** new design of mobile popups ([#3019](https://github.com/skbkontur/retail-ui/issues/3019)) ([c8e4d9a](https://github.com/skbkontur/retail-ui/commit/c8e4d9a4c9adcd4b504b866b4fb2eea9920c6db6))
+* **Dropdown:** add prop `menuPos` for manual control ([#3099](https://github.com/skbkontur/retail-ui/issues/3099)) ([a215cec](https://github.com/skbkontur/retail-ui/commit/a215cecb58a4344fca4096c7a164430cfef3722c))
+
+
+
+
+
+# [4.11.0](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@4.10.0...@skbkontur/react-ui@4.11.0) (2023-01-13)
+
+
+### Bug Fixes
+
+* **Modal:** forced scroll on mobile devices ([#3070](https://github.com/skbkontur/retail-ui/issues/3070)) ([a6262de](https://github.com/skbkontur/retail-ui/commit/a6262ded4a727f63fb15a800e432669d27a01df9))
+* **ThemeFactory:** correct `overrideDefaultTheme` method ([#3073](https://github.com/skbkontur/retail-ui/issues/3073)) ([9f9b31e](https://github.com/skbkontur/retail-ui/commit/9f9b31ea961de245b8de1d6986359a918db8f739))
+
+
+### Features
+
+* **ComboBox,DatePicker,Select,Autocomplete:** new prop menuPos ([#3076](https://github.com/skbkontur/retail-ui/issues/3076)) ([5e59286](https://github.com/skbkontur/retail-ui/commit/5e5928641ea7e5b5faf5fffffbfa26459882a9e3))
+
+
+
+
+
+# [4.10.0](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@4.9.2...@skbkontur/react-ui@4.10.0) (2022-12-22)
+
+
+### Features
+
+* **Menu:** add theme variable `menuOffsetY` ([#3078](https://github.com/skbkontur/retail-ui/issues/3078)) ([75c0637](https://github.com/skbkontur/retail-ui/commit/75c0637565a13bad2eed7b0d0e1490784011c08d))
+
+
+
+
+
+## [4.9.2](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@4.9.1...@skbkontur/react-ui@4.9.2) (2022-12-12)
+
+
+### Bug Fixes
+
+* **FileUploader:** validation tooltip position ([#3055](https://github.com/skbkontur/retail-ui/issues/3055)) ([c66886a](https://github.com/skbkontur/retail-ui/commit/c66886aeaed8d8c0cae59435cf5509ba8151c358))
+* **SidePage:** return cross icon on mobile ([#3057](https://github.com/skbkontur/retail-ui/issues/3057)) ([7e29a08](https://github.com/skbkontur/retail-ui/commit/7e29a081feb018704e283e2c39f710d484fa8a35))
+
+
+
+
+
+## [4.9.1](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@4.9.0...@skbkontur/react-ui@4.9.1) (2022-12-06)
+
+
+### Bug Fixes
+
+* **icons:** add aria-hidden attribute ([#3048](https://github.com/skbkontur/retail-ui/issues/3048)) ([4d2f69b](https://github.com/skbkontur/retail-ui/commit/4d2f69bb08ee00a1798688985013af02d7313b35))
+* **ResponsiveLayout:** configure to work with SSR ([#3052](https://github.com/skbkontur/retail-ui/issues/3052)) ([bd36596](https://github.com/skbkontur/retail-ui/commit/bd365967948b4d5dc525bb8a30c22312b90bc0ce))
+* **ScrollContainer:** add `offsetY`/`offsetX` props to scrollbar ([#3054](https://github.com/skbkontur/retail-ui/issues/3054)) ([57a5728](https://github.com/skbkontur/retail-ui/commit/57a57288661ed96bb5380eaf040699a7391fc81b))
+* **Switcher:** fix keyboard navigation with disabled items ([#3049](https://github.com/skbkontur/retail-ui/issues/3049)) ([d314d94](https://github.com/skbkontur/retail-ui/commit/d314d94d10601039973eeb20b853cc8923e1915a))
+
+
+
+
+
+# [4.9.0](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@4.8.0...@skbkontur/react-ui@4.9.0) (2022-11-25)
+
+
+### Bug Fixes
+
+* **RadioGroup,Select,Tabs:** types inference: fix generics usage ([#3033](https://github.com/skbkontur/retail-ui/issues/3033)) ([f13cab1](https://github.com/skbkontur/retail-ui/commit/f13cab1f68f2284cc7ce9fd18ae7d50f99606e13))
+* **Switcher:** deliver `corners` to `Button` when using `renderItem` ([#3046](https://github.com/skbkontur/retail-ui/issues/3046)) ([23f6f99](https://github.com/skbkontur/retail-ui/commit/23f6f995a0fe2de0013719755d09f423c3d4200e))
+* export ColorFunctions and DimensionFunctions ([#3043](https://github.com/skbkontur/retail-ui/issues/3043)) ([b3f2c24](https://github.com/skbkontur/retail-ui/commit/b3f2c242fa07f5d7e11dad292bf34e86c932ef9d))
+
+
+### Features
+
+* **SidePage.Footer, Modal.Footer:** add prop `gap` ([#3024](https://github.com/skbkontur/retail-ui/issues/3024)) ([2bf7665](https://github.com/skbkontur/retail-ui/commit/2bf7665e9a6868de5ccfb5dc0eac5630024b5762))
+* **Switcher:** add `renderItem` prop ([#3021](https://github.com/skbkontur/retail-ui/issues/3021)) ([2e6e2a9](https://github.com/skbkontur/retail-ui/commit/2e6e2a907673482cb5678e4ae7e88bfd37b60eee))
+
+
+
+
+
+# [4.8.0](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@4.7.0...@skbkontur/react-ui@4.8.0) (2022-11-09)
+
+
+### Bug Fixes
+
+* **CurrencyInput:** clearing value ([#3025](https://github.com/skbkontur/retail-ui/issues/3025)) ([b30a14f](https://github.com/skbkontur/retail-ui/commit/b30a14f844af0cee0bc8837ff5468a6cede88531))
+* **MenuItem:** icon offset in mobile version ([#3010](https://github.com/skbkontur/retail-ui/issues/3010)) ([6494538](https://github.com/skbkontur/retail-ui/commit/649453816fd86b937590722deadafb9533446bd4))
+
+
+### Features
+
+* **Switcher:** add buttonProps field to items ([#3017](https://github.com/skbkontur/retail-ui/issues/3017)) ([25c330e](https://github.com/skbkontur/retail-ui/commit/25c330e7020dcd6f58f3e083ddc73bff97ad178c))
+
+
+
+
+
+# [4.7.0](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@4.6.1...@skbkontur/react-ui@4.7.0) (2022-10-31)
+
+
+### Bug Fixes
+
+* **FileUploader:** new prop size, remove min-width ([#2961](https://github.com/skbkontur/retail-ui/issues/2961)) ([841aa48](https://github.com/skbkontur/retail-ui/commit/841aa48d70258844986b862ac6aba9f32cee3042))
+* **Hint:** text alignment at bottom center and top center positions ([#3009](https://github.com/skbkontur/retail-ui/issues/3009)) ([7c26321](https://github.com/skbkontur/retail-ui/commit/7c263214ee6cc88ff370da33d50e9ca44a6523f2))
+* **Paging:** visual appearance of disabled state ([#3020](https://github.com/skbkontur/retail-ui/issues/3020)) ([801d630](https://github.com/skbkontur/retail-ui/commit/801d630883f2d3f7723a3ddd32cd9270f96a185f))
+* **Select:** restore work of onFocus, onBlur and ref props ([#3000](https://github.com/skbkontur/retail-ui/issues/3000)) ([72600b6](https://github.com/skbkontur/retail-ui/commit/72600b61c59417f3f170d4c319e843759071df42))
+* **toggle:** improve a11y of toggle component ([#3014](https://github.com/skbkontur/retail-ui/issues/3014)) ([e7d97df](https://github.com/skbkontur/retail-ui/commit/e7d97dfa419051bb542e2538bfa6cc85d69826e9))
+
+
+### Features
+
+* **ComboBox:** add prop `itemWrapper` ([#3016](https://github.com/skbkontur/retail-ui/issues/3016)) ([bdb48bb](https://github.com/skbkontur/retail-ui/commit/bdb48bbfa425e743ebbafb4f0d079b0979ccdee7))
+
+
+
+
+
+## [4.6.1](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@4.6.0...@skbkontur/react-ui@4.6.1) (2022-10-06)
+
+
+### Bug Fixes
+
+* **Combobox:** fix list display logic when using "add" button ([#2999](https://github.com/skbkontur/retail-ui/issues/2999)) ([a48d69e](https://github.com/skbkontur/retail-ui/commit/a48d69e152f28af6ec82ee43f5f7808f69186710))
+
+
+### Reverts
+
+* Revert "feat(SidePage): update layout on resize SidePageBody (#3007)" (#3011) ([ff11a24](https://github.com/skbkontur/retail-ui/commit/ff11a24d1056c5e818125e4eb2fe871fb59800b2)), closes [#3007](https://github.com/skbkontur/retail-ui/issues/3007) [#3011](https://github.com/skbkontur/retail-ui/issues/3011)
+
+
+
+
+
+# [4.6.0](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@4.5.3...@skbkontur/react-ui@4.6.0) (2022-10-04)
+
+
+### Bug Fixes
+
+* **DropdownMenu:** apply MenuSeparator instead css ([#2997](https://github.com/skbkontur/retail-ui/issues/2997)) ([a56844f](https://github.com/skbkontur/retail-ui/commit/a56844f2c1b1610f3cc8660ffab8e3a286afe96d))
+* **Input:** repair selectAll if value is less than mask ([#2996](https://github.com/skbkontur/retail-ui/issues/2996)) ([3f28bf1](https://github.com/skbkontur/retail-ui/commit/3f28bf1cc9e8c1a57110c60099762f9338690377))
+* **isNullable:** error in types ([#3005](https://github.com/skbkontur/retail-ui/issues/3005)) ([f6a4411](https://github.com/skbkontur/retail-ui/commit/f6a4411f72aac17a8b887d3ef8287747099f6be8))
+
+
+### Features
+
+* **CurrencyLabel:** new prop 'hideTrailingZeros' ([#2994](https://github.com/skbkontur/retail-ui/issues/2994)) ([57c3e3a](https://github.com/skbkontur/retail-ui/commit/57c3e3af9c52f7ad896b67e45e6a3391cdefbd5c))
+* **MenuItem:** add rel attribute ([#2998](https://github.com/skbkontur/retail-ui/issues/2998)) ([80f022d](https://github.com/skbkontur/retail-ui/commit/80f022d23c999b9bd3c2e1c3c121890a1d35e067))
+* **SidePage:** add callback for tracking completely opened state ([#3003](https://github.com/skbkontur/retail-ui/issues/3003)) ([dab9738](https://github.com/skbkontur/retail-ui/commit/dab97382c700079513ccd739de2dcf87807cb00a))
+* **SidePage:** update layout on resize SidePageBody ([#3004](https://github.com/skbkontur/retail-ui/issues/3004)) ([09445e2](https://github.com/skbkontur/retail-ui/commit/09445e2a6412b1f20f9e44a7ebd780dde15e740c))
+* **SidePage:** update layout on resize SidePageBody ([#3007](https://github.com/skbkontur/retail-ui/issues/3007)) ([1888bf9](https://github.com/skbkontur/retail-ui/commit/1888bf9f214eb5ce58c2ea72a6f4318e28996b78))
+
+
+
+
+
+## [4.5.3](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@4.5.2...@skbkontur/react-ui@4.5.3) (2022-09-12)
+
+
+### Bug Fixes
+
+* **Select:** use input's background color  ([#2978](https://github.com/skbkontur/retail-ui/issues/2978)) ([560ad55](https://github.com/skbkontur/retail-ui/commit/560ad55f7fe1fa8459e875fdf6bec58bb4658930))
+
+
+
+
+
+## [4.5.2](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@4.5.1...@skbkontur/react-ui@4.5.2) (2022-09-09)
+
+
+### Bug Fixes
+
+* **Hint,Tooltip,Tab:** process children with imperative handles correctly ([#2939](https://github.com/skbkontur/retail-ui/issues/2939)) ([7958543](https://github.com/skbkontur/retail-ui/commit/7958543d80982f5cce9831d19e6feaa9f15c1cc1))
+* **ZIndex:** update zIndex style if priority/delta props are updated ([#2942](https://github.com/skbkontur/retail-ui/issues/2942)) ([93a667a](https://github.com/skbkontur/retail-ui/commit/93a667a9619a280b0ab0e050a61a9de7a9f7e0a9))
+
+
+
+
+
+## [4.5.1](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@4.5.0...@skbkontur/react-ui@4.5.1) (2022-08-29)
+
+
+### Bug Fixes
+
+* **Radio:** fix text gap when radio is inside table ([#2983](https://github.com/skbkontur/retail-ui/issues/2983)) ([e546e4d](https://github.com/skbkontur/retail-ui/commit/e546e4d69b0896e36319e636310f988ebb854106))
+
+
+
+
+
+# [4.5.0](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@4.4.0...@skbkontur/react-ui@4.5.0) (2022-08-24)
+
+
+### Bug Fixes
+
+* **Input:** restore background-clip in focus state ([#2986](https://github.com/skbkontur/retail-ui/issues/2986)) ([5a10fd8](https://github.com/skbkontur/retail-ui/commit/5a10fd84233fe8edcc6cc42cd4ddc6f754512779))
+* **react-ui:** add inputFocusedBg and inputFocusedIconColor variables ([#2981](https://github.com/skbkontur/retail-ui/issues/2981)) ([9bc3f9c](https://github.com/skbkontur/retail-ui/commit/9bc3f9c6a8b3c5aa7f166008b9b1191537e648d6))
+* **TokenInput:** fix some scenarios with disabled input and tokens ([#2943](https://github.com/skbkontur/retail-ui/issues/2943)) ([64c999c](https://github.com/skbkontur/retail-ui/commit/64c999c942357011c0695701e43911bdfdc52559))
+* **ValidationContainer:** fix scroll to invalid field on submit ([#2930](https://github.com/skbkontur/retail-ui/issues/2930)) ([c2b966b](https://github.com/skbkontur/retail-ui/commit/c2b966bc8f2fcaac63e377e4d98669a14de610c3))
+
+
+### Features
+
+* **ResponsiveLayout,useResponsiveLayout:** custom media queries ([#2957](https://github.com/skbkontur/retail-ui/issues/2957)) ([7befaf9](https://github.com/skbkontur/retail-ui/commit/7befaf9d9222c95d99150aba37988cec9a5b0326))
+
+
+
+
+
+# [4.4.0](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@4.3.1...@skbkontur/react-ui@4.4.0) (2022-08-16)
+
+**Note:** Version bump due significan refactoring
+
+
+
+
+
+## [4.3.1](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@4.3.0...@skbkontur/react-ui@4.3.1) (2022-08-11)
+
+
+### Bug Fixes
+
+* **CurrencyInput:** add support comma aliases ([#2974](https://github.com/skbkontur/retail-ui/issues/2974)) ([82bf20b](https://github.com/skbkontur/retail-ui/commit/82bf20b4b5bedc9d24d5f8f8070ee4d598a67287))
+* **HideBodyVerticalScroll:** add support `html.overflow-y=scroll` ([#2971](https://github.com/skbkontur/retail-ui/issues/2971)) ([b97fd42](https://github.com/skbkontur/retail-ui/commit/b97fd4242972ab2794a6127a122419425cce2406))
+* **MaskedInput:** support the case where users unmasked the value ([#2975](https://github.com/skbkontur/retail-ui/issues/2975)) ([8d6bf52](https://github.com/skbkontur/retail-ui/commit/8d6bf52654858d5ab29acdf7ebe1a4944adb0c7a))
+* **Popup:** accept SVG as anchor ([#2946](https://github.com/skbkontur/retail-ui/issues/2946)) ([a5f7283](https://github.com/skbkontur/retail-ui/commit/a5f72836dd0d31d4a109ac2bb0d6d6a4e3109d19))
+* **theme:** add missing units to values ([#2968](https://github.com/skbkontur/retail-ui/issues/2968)) ([b79f626](https://github.com/skbkontur/retail-ui/commit/b79f6264cd9af4ffd21ea3c57d5f849be9504409))
+* **Tooltip:** add event arg to onCloseRequest prop ([#2966](https://github.com/skbkontur/retail-ui/issues/2966)) ([6bc3c81](https://github.com/skbkontur/retail-ui/commit/6bc3c81a61593af7aaef9eedf7332638cc459896))
+
+
+
+
+
+# [4.3.0](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@4.2.2...@skbkontur/react-ui@4.3.0) (2022-08-01)
+
+
+### Bug Fixes
+
+* apply hover/active styles only with enabled element ([#2955](https://github.com/skbkontur/retail-ui/issues/2955)) ([60c6bb1](https://github.com/skbkontur/retail-ui/commit/60c6bb14511d882c1b7e739cdae501d45f41438b))
+* **Select:** preserve icon gap with box-sizing: border-box ([#2962](https://github.com/skbkontur/retail-ui/issues/2962)) ([699bf97](https://github.com/skbkontur/retail-ui/commit/699bf97b8ce210d8ae9b9985807000b13d0d373b))
+
+
+### Features
+
+* make props with default values truly optional in types ([72d02d5](https://github.com/skbkontur/retail-ui/commit/72d02d511a6ca0ea1a3569942f8cbde2f4c07d25))
+
+
+
+
+
+## [4.2.2](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@4.2.1...@skbkontur/react-ui@4.2.2) (2022-07-25)
+
+
+### Bug Fixes
+
+* **Modal:** fix paddings flickering ([#2949](https://github.com/skbkontur/retail-ui/issues/2949)) ([d81d152](https://github.com/skbkontur/retail-ui/commit/d81d152e409b3af8cccd9e0f9af9105c8336a2ec))
+* **Tooltip:** correct focus&hover trigger behavior ([#2960](https://github.com/skbkontur/retail-ui/issues/2960)) ([9e3ddaa](https://github.com/skbkontur/retail-ui/commit/9e3ddaa6dab1fd4e2ba052be253c117982b74a2c)), closes [#2941](https://github.com/skbkontur/retail-ui/issues/2941)
+* **TooltipMenu:** prevent double scroll ([#2950](https://github.com/skbkontur/retail-ui/issues/2950)) ([42b3f2f](https://github.com/skbkontur/retail-ui/commit/42b3f2f363141ccc1e3b5526cbeab1bc8b5073be))
+
+
+
+
+
 ## [4.2.1](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@4.2.0...@skbkontur/react-ui@4.2.1) (2022-07-18)
 
 

package/README.md

@@ -25,26 +25,6 @@ const MyApp = () => (
 
 Нужно использовать [ThemeContext](https://tech.skbkontur.ru/react-ui/#/Customization/ThemeContext). Список переменных можно глянуть в [ThemeShowcase](https://tech.skbkontur.ru/react-ui/#/Customization/ThemeShowcase)
 
-### Глобальные css-стили приложения портят внешний вид контролов
-
-Если библиотека используется в проекте с легаси, где стилизация сделана прямо по названиям тегов, то внешний вид контролов из библиотеки может сильно испортиться
-
-Если нет возможности разобрать легаси, то можно увеличить специфичность селекторов в библиотеке, тогда стили контролов будут приоритетнее стилей из легаси проекта
-
-Специфичность достигается за счет n-кратного повторения css-класса `react-ui` в селекторе стилей. Количество повторений задается через переменную `specificityLevel`, значение по умолчанию равно нулю, то есть по умолчанию css-класс `react-ui` никак ни на что не будет влиять
-
-Чтобы специфичность заработала в легаси проекте, react-блок, в котором используются компоненты из библиотеки, должен быть обернут в тег с css-классом `react-ui`
-
-Пример настройки специфичности:
-
-```js static
-import { Upgrade } from '@skbkontur/react-ui/lib/Upgrades';
-
-Upgrade.setSpecificityLevel(1);
-```
-
-Специфичность должна устанавливаться в коде раньше импорта любых компонентов из библиотеки.
-
 ### StrictMode
 
 Начиная с версий `@skbkontur/react-ui@3.10.0` и `@skbkontur/react-ui-validations@1.7.0`, библиотека поддерживает работу в React.StrictMode.
@@ -54,7 +34,7 @@ children. Ранее для этого использовался метод fin
 Теперь получение DOM-ноды реализовано в библиотеке через ref, из-за чего появились некоторые
 требования к компонентам, передаваемым в Hint, Tooltip, Popup или Tab:
 
-- при передаче функциональных компонентов, они должны использовать `React.ForwardRef`;
+- при передаче функциональных компонентов, они должны использовать `React.ForwardRef`:
 
 ```js static
 import { Hint } from '@skbkontur/react-ui';
@@ -63,7 +43,7 @@ const CustomFunctionComponent = React.forwardRef(
   (props, ref) => <div ref={ref}>children text</div>
 );
 
-export const withFunctionChildren = () => (
+export const WithFunctionChildren = () => (
   <React.StrictMode>
     <Hint pos="top" text="Something will never be changed" manual opened>
       <CustomFunctionComponent />
@@ -72,7 +52,30 @@ export const withFunctionChildren = () => (
 );
 ```
 
-- при передаче классовых компонентов, их инстанс должен реализовывать метод `getRootNode`, возвращающий DOM-ноду.
+- при использовании хука `useImperativeHandle`, возвращаемый объект должен реализовывать метод `getRootNode`, возвращающий DOM-ноду:
+
+```js static
+import { Hint } from '@skbkontur/react-ui';
+
+const ImperativeHandleComponent = React.forwardRef(function FN(_, ref) {
+  const rootNode = React.useRef<HTMLDivElement>(null);
+  React.useImperativeHandle(ref, () => ({
+    foo: 'bar',
+    getRootNode: () => rootNode.current,
+  }));
+  return <div ref={rootNode}>children text</div>;
+});
+
+export const WithImperativeHandleChildren = () => (
+  <React.StrictMode>
+    <Hint pos="top" text="Something will never be changed" manual opened>
+      <ImperativeHandleComponent />
+    </Hint>
+  </React.StrictMode>
+);
+```
+
+- при передаче классовых компонентов, их инстанс должен реализовывать метод `getRootNode`, возвращающий DOM-ноду:
 
 ```js static
 import { Hint } from '@skbkontur/react-ui';
@@ -89,7 +92,7 @@ class CustomClassComponent extends React.Component {
   }
 }
 
-export const withClassChildren = () => (
+export const WithClassChildren = () => (
   <React.StrictMode>
     <Hint pos="top" text="Something will never be changed" manual opened>
       <CustomClassComponent />
@@ -106,9 +109,10 @@ export const withClassChildren = () => (
 
 ### Отключение анимаций во время тестирования
 
-Анимации в компонентах отключаются любой из следующих переменных окружения:
+Анимации в компонентах отключаются любой из следующих глобальных переменных:
 
 ```static
+REACT_UI_TEST
 process.env.NODE_ENV === 'test'
 process.env.REACT_UI_TEST
 process.env.REACT_APP_REACT_UI_TEST

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

@@ -1,32 +1,32 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { InputProps } from '../Input';
+import { DropdownContainerProps } from '../../internal/DropdownContainer';
 import { Nullable, Override } from '../../typings/utility-types';
 import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
-declare function renderItem(item: any): any;
-export interface AutocompleteProps extends CommonProps, Override<InputProps, {
+export interface AutocompleteProps extends CommonProps, Pick<DropdownContainerProps, 'menuPos'>, Override<InputProps, {
     /** Функция отрисовки элемента меню */
-    renderItem: (item: string) => React.ReactNode;
+    renderItem?: (item: string) => React.ReactNode;
     /** Промис, резолвящий элементы меню */
     source?: string[] | ((patter: string) => Promise<string[]>);
     /** Отключает использование портала */
-    disablePortal: boolean;
+    disablePortal?: boolean;
     /** Отрисовка тени у выпадающего меню */
-    hasShadow: boolean;
+    hasShadow?: boolean;
     /** Выравнивание выпадающего меню */
-    menuAlign: 'left' | 'right';
+    menuAlign?: 'left' | 'right';
     /** Максимальная высота меню */
-    menuMaxHeight: number | string;
+    menuMaxHeight?: number | string;
     /** Ширина меню */
     menuWidth?: number | string;
     /** Отключить скролл окна, когда меню открыто */
-    preventWindowScroll: boolean;
+    preventWindowScroll?: boolean;
     /** Вызывается при изменении `value` */
     onValueChange: (value: string) => void;
     /** onBlur */
     onBlur?: () => void;
     /** Размер инпута */
-    size: InputProps['size'];
+    size?: InputProps['size'];
     /** value */
     value: string;
     /**
@@ -44,6 +44,7 @@ export interface AutocompleteState {
 export declare const AutocompleteDataTids: {
     readonly root: "Autocomplete__root";
 };
+declare type DefaultProps = Required<Pick<AutocompleteProps, 'renderItem' | 'size' | 'disablePortal' | 'hasShadow' | 'menuMaxHeight' | 'menuAlign' | 'preventWindowScroll'>>;
 /**
  * Стандартный инпут с подсказками.
  *
@@ -72,17 +73,10 @@ export declare class Autocomplete extends React.Component<AutocompleteProps, Aut
          */
         source: PropTypes.Requireable<any[] | ((...args: any[]) => any)>;
     };
-    static defaultProps: {
-        renderItem: typeof renderItem;
-        size: string;
-        disablePortal: boolean;
-        hasShadow: boolean;
-        menuMaxHeight: number;
-        menuAlign: string;
-        preventWindowScroll: boolean;
-    };
+    static defaultProps: DefaultProps;
     state: AutocompleteState;
     private theme;
+    private readonly locale;
     private isMobileLayout;
     private opened;
     private input;
@@ -103,6 +97,7 @@ export declare class Autocomplete extends React.Component<AutocompleteProps, Aut
     componentDidUpdate(prevProps: AutocompleteProps): void;
     render(): JSX.Element;
     renderMain: (props: CommonWrapperRestProps<AutocompleteProps>) => JSX.Element;
+    private renderHints;
     private renderMenu;
     private renderMobileMenu;
     private getItems;

package/cjs/components/Autocomplete/Autocomplete.js

@@ -1,6 +1,11 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.AutocompleteDataTids = exports.Autocomplete = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.AutocompleteDataTids = exports.Autocomplete = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+
+var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _MenuMessage = require("../../internal/MenuMessage");
+var _decorators = require("../../lib/locale/decorators");
+var _utils = require("../../lib/utils");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _identifiers = require("../../lib/events/keyboard/identifiers");
@@ -18,7 +23,8 @@ var _decorator = require("../ResponsiveLayout/decorator");
 var _rootNode = require("../../lib/rootNode");
 var _getDOMRect = require("../../lib/dom/getDOMRect");
 
-var _Autocomplete = require("./Autocomplete.styles");var _excluded = ["onValueChange", "onKeyDown", "onFocus", "onBlur", "renderItem", "disablePortal", "hasShadow", "menuAlign", "menuMaxHeight", "preventWindowScroll", "source", "width", "mobileMenuHeaderText"];var _class, _class2, _temp;
+var _Autocomplete = require("./Autocomplete.styles");
+var _locale = require("./locale");var _excluded = ["onValueChange", "onKeyDown", "onFocus", "onBlur", "renderItem", "disablePortal", "hasShadow", "menuAlign", "menuMaxHeight", "preventWindowScroll", "source", "width", "mobileMenuHeaderText"];var _dec, _class, _class2, _temp;
 
 function match(pattern, items) {
   if (!pattern || !items) {
@@ -78,20 +84,29 @@ function renderItem(item) {
 
 
 
+
 
 
 var AutocompleteDataTids = {
-  root: 'Autocomplete__root' };
+  root: 'Autocomplete__root' };exports.AutocompleteDataTids = AutocompleteDataTids;
+
+
+
+
+
+
+
 
 
 /**
  * Стандартный инпут с подсказками.
  *
  * Все свойства передаются во внутренний *Input*.
- */exports.AutocompleteDataTids = AutocompleteDataTids;var
+ */var
+
 
 
-Autocomplete = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Autocomplete, _React$Component);function Autocomplete() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+Autocomplete = (_dec = (0, _decorators.locale)('Autocomplete', _locale.AutocompleteLocaleHelper), (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class = _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Autocomplete, _React$Component);function Autocomplete() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
 
 
@@ -136,6 +151,7 @@ Autocomplete = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)
 
 
 
+
     opened = false;_this.
     input = null;_this.
 
@@ -248,6 +264,27 @@ Autocomplete = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -261,7 +298,7 @@ Autocomplete = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)
         onValueChange: _this.handleValueChange,
         onKeyPress: _this.handleKeyPressMobile,
         value: _this.props.value,
-        placeholder: 'Начните вводить' };
+        placeholder: _this.locale.enterValue };
 
 
       var items = _this.state.items;
@@ -270,13 +307,13 @@ Autocomplete = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)
         _react.default.createElement(_MobilePopup.MobilePopup, {
           headerChildComponent: /*#__PURE__*/_react.default.createElement(_Input.Input, inputProps),
           caption: _this.props.mobileMenuHeaderText,
-          useFullHeight: true,
           opened: _this.state.isMobileOpened,
           onCloseRequest: _this.handleCloseMobile,
           ref: _this.refMobilePopup }, /*#__PURE__*/
 
         _react.default.createElement(_Menu.Menu, { ref: _this.refMenu, onItemClick: (_this$mobilePopup = _this.mobilePopup) == null ? void 0 : _this$mobilePopup.close, disableScrollContainer: true, maxHeight: 'auto' },
-        items && items.length > 0 && _this.getItems())));
+        items && items.length > 0 && _this.getItems(),
+        _this.renderHints())));
 
 
 
@@ -471,7 +508,7 @@ Autocomplete = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)
    * @public
    */_proto.focus = function focus() {if (this.input) {this.input.focus();}} /**
    * @public
-   */;_proto.blur = function blur() {this.handleBlur();};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (prevProps.value !== this.props.value) {this.updateItems(this.props.value || '');}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.props), _this2.renderMain);});};_proto.renderMenu = function renderMenu() {var items = this.state.items;var menuProps = { ref: this.refMenu, maxHeight: this.props.menuMaxHeight, hasShadow: this.props.hasShadow, width: this.props.menuWidth || this.props.width && (0, _getDOMRect.getDOMRect)(this.rootSpan).width, preventWindowScroll: this.props.preventWindowScroll };if (!items || items.length === 0) {return null;}return /*#__PURE__*/_react.default.createElement(_DropdownContainer.DropdownContainer, { offsetY: 1, getParent: this.getAnchor, align: this.props.menuAlign, disablePortal: this.props.disablePortal }, /*#__PURE__*/_react.default.createElement(_Menu.Menu, menuProps, this.getItems()));};_proto.handleMenuItemClick = function handleMenuItemClick(i) {var _this3 = this;return function (event) {return _this3.handleItemClick(event, i);};};_proto.handleItemClick = function handleItemClick(event, index) {if (event.button) {return;}event.preventDefault();this.choose(index);};_proto.choose = function choose(index) {if (!this.state.items) {return;}var value = this.state.items[index];this.opened = false;this.setState({ selected: -1, items: null });this.fireChange(value);this.blur();};_proto.updateItems = function updateItems(value) {var _this4 = this;if (!this.opened) {return;}var pattern = value.trim();var source = this.props.source;if (!source) {return;}var promise;this.requestId += 1;var expectingId = this.requestId;if (typeof source === 'function') {promise = source(pattern);} else {promise = match(pattern, source);}promise.then(function (items) {if (_this4.opened && expectingId === _this4.requestId) {_this4.setState({ items: items, selected: -1 });}});};_proto.fireChange = function fireChange(value) {if (this.props.onValueChange) {this.props.onValueChange(value);}};return Autocomplete;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Autocomplete', _class2.propTypes = { /**
+   */;_proto.blur = function blur() {this.handleBlur();};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (prevProps.value !== this.props.value) {this.updateItems(this.props.value || '');}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.props), _this2.renderMain);});};_proto.renderHints = function renderHints() {var items = this.state.items;if (!this.props.value) {return /*#__PURE__*/_react.default.createElement(_MenuMessage.MenuMessage, null, this.locale.enterValue);}if ((items == null ? void 0 : items.length) === 0 && this.props.value) {return /*#__PURE__*/_react.default.createElement(_MenuMessage.MenuMessage, null, this.locale.notFound);}if ((0, _utils.isNullable)(items) && this.props.value) {return /*#__PURE__*/_react.default.createElement(_MenuMessage.MenuMessage, null, this.locale.updateValue);}return null;};_proto.renderMenu = function renderMenu() {var items = this.state.items;var _this$getProps = this.getProps(),menuMaxHeight = _this$getProps.menuMaxHeight,hasShadow = _this$getProps.hasShadow,menuWidth = _this$getProps.menuWidth,width = _this$getProps.width,preventWindowScroll = _this$getProps.preventWindowScroll,menuAlign = _this$getProps.menuAlign,disablePortal = _this$getProps.disablePortal,menuPos = _this$getProps.menuPos;var menuProps = { ref: this.refMenu, maxHeight: menuMaxHeight, hasShadow: hasShadow, width: menuWidth || width && (0, _getDOMRect.getDOMRect)(this.rootSpan).width, preventWindowScroll: preventWindowScroll };if (!items || items.length === 0) {return null;}return /*#__PURE__*/_react.default.createElement(_DropdownContainer.DropdownContainer, { offsetY: 1, getParent: this.getAnchor, align: menuAlign, disablePortal: disablePortal, menuPos: menuPos }, /*#__PURE__*/_react.default.createElement(_Menu.Menu, menuProps, this.getItems()));};_proto.handleMenuItemClick = function handleMenuItemClick(i) {var _this3 = this;return function (event) {return _this3.handleItemClick(event, i);};};_proto.handleItemClick = function handleItemClick(event, index) {if (event.button) {return;}event.preventDefault();this.choose(index);};_proto.choose = function choose(index) {if (!this.state.items) {return;}var value = this.state.items[index];this.opened = false;this.setState({ selected: -1, items: null });this.fireChange(value);this.blur();};_proto.updateItems = function updateItems(value) {var _this4 = this;if (!this.opened) {return;}var pattern = value.trim();var source = this.props.source;if (!source) {return;}var promise;this.requestId += 1;var expectingId = this.requestId;if (typeof source === 'function') {promise = source(pattern);} else {promise = match(pattern, source);}promise.then(function (items) {if (_this4.opened && expectingId === _this4.requestId) {_this4.setState({ items: items, selected: -1 });}});};_proto.fireChange = function fireChange(value) {if (this.props.onValueChange) {this.props.onValueChange(value);}};return Autocomplete;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Autocomplete', _class2.propTypes = { /**
    * Функция для отрисовки элемента в выпадающем списке. Единственный аргумент
    * — *item*.
    */renderItem: _propTypes.default.func, /**
@@ -486,4 +523,4 @@ Autocomplete = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)
    *   return service.findAll(pattern);
    * }
    * ```
-   */source: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.func]) }, _class2.defaultProps = { renderItem: renderItem, size: 'small', disablePortal: false, hasShadow: true, menuMaxHeight: 300, menuAlign: 'left', preventWindowScroll: true }, _temp)) || _class) || _class;exports.Autocomplete = Autocomplete;
+   */source: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.func]) }, _class2.defaultProps = { renderItem: renderItem, size: 'small', disablePortal: false, hasShadow: true, menuMaxHeight: 300, menuAlign: 'left', preventWindowScroll: true }, _temp)) || _class) || _class) || _class);exports.Autocomplete = Autocomplete;