@skbkontur/react-ui 0.0.0-d99038a7ec → 0.0.0-dad43298ae

package/CHANGELOG.md

@@ -3,6 +3,133 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [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)
+
+
+### Bug Fixes
+
+* **FileUploader:** make removeFile delete files correctly ([20e67c3](https://github.com/skbkontur/retail-ui/commit/20e67c35f057fa7f25e5dbd2fa66bc7182da2d92))
+* **FileUploader:** remove console error in firefox ([4a7394f](https://github.com/skbkontur/retail-ui/commit/4a7394f23bab2433058fa7f7dd081d7c9b91a17e))
+
+
+
+
+
+## [5.1.2](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.1.1...@skbkontur/react-ui@5.1.2) (2025-04-17)
+
+
+### Bug Fixes
+
+* **Combobox:** highlightMenuItem works correctly ([7724a8d](https://github.com/skbkontur/retail-ui/commit/7724a8dd19565737edf1aab348173349ccbe6686))
+* **ComboBox:** restore root data-tid in ComboBoxMenu ([85f99c5](https://github.com/skbkontur/retail-ui/commit/85f99c52aab4d9bf8e11a13bc0538181f6e7894e))
+* **MaskedInput:** use `@skbkontur/react-imask` ([37311af](https://github.com/skbkontur/retail-ui/commit/37311af2874c62abdfff535f49a5a6159ee812e8))
+* **MaskedInput:** use ThemeContext to apply ui-font ([8b1e574](https://github.com/skbkontur/retail-ui/commit/8b1e574bc943c047e28e10a5649af28b946d1c5a))
+
+
+
+
+
+## [5.1.1](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.1.0...@skbkontur/react-ui@5.1.1) (2025-04-15)
+
+
+### Bug Fixes
+
+* **DateRangePicker:** set dark theme color tokens ([ccad0c8](https://github.com/skbkontur/retail-ui/commit/ccad0c8b232e969ea9bde2832b17e98013f4276b))
+
+
+
+
+
+# [5.1.0](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.0.16...@skbkontur/react-ui@5.1.0) (2025-04-11)
+
+
+### Bug Fixes
+
+* **DateInput,DatePicker:** add screenreader support to custom input ([#3602](https://github.com/skbkontur/retail-ui/issues/3602)) ([e4ee01d](https://github.com/skbkontur/retail-ui/commit/e4ee01d31587d41836f6ea592e8da1a507158019))
+* **DatePicker:** don't call extra onFocus in public focus() method ([d44b0cf](https://github.com/skbkontur/retail-ui/commit/d44b0cf7daf9b960758032804d05342d1c6fdced))
+* docs webpack.config ([c01b15b](https://github.com/skbkontur/retail-ui/commit/c01b15b13e9a72b68dd5da0fa05fbf7edb4dca21))
+* **FileUploader:** add ability to remove hidden files ([#3628](https://github.com/skbkontur/retail-ui/issues/3628)) ([bef25ec](https://github.com/skbkontur/retail-ui/commit/bef25ec2dc9d381052d32a414a19958e95a6a925))
+* **Group:** works fine with inputs and droplist ([#3608](https://github.com/skbkontur/retail-ui/issues/3608)) ([cb138ce](https://github.com/skbkontur/retail-ui/commit/cb138cedbc74e6601e82ad121037cbebf0233e04))
+* **Input:** crash on focus after page translation ([#3572](https://github.com/skbkontur/retail-ui/issues/3572)) ([2a14eb4](https://github.com/skbkontur/retail-ui/commit/2a14eb4aca8fe915bca38aa773b3f46d903cbea7))
+* **MenuItem:** deprecate link prop  ([#3542](https://github.com/skbkontur/retail-ui/issues/3542)) ([1203e6c](https://github.com/skbkontur/retail-ui/commit/1203e6c5850ad13ea673053d0000dafe65226334))
+* **Modal,SidePage:** update cross clickarea and focus outline ([063d3a5](https://github.com/skbkontur/retail-ui/commit/063d3a52424057244d129eec0e18fb4436e05dd5))
+* **PasswordInput:** disable focus listeners while input is not in focus ([#3599](https://github.com/skbkontur/retail-ui/issues/3599)) ([e604fe5](https://github.com/skbkontur/retail-ui/commit/e604fe5ea73c0e1f38f45c04c4bb301331de2a5f))
+* **PasswordInput:** width in percent ([#3622](https://github.com/skbkontur/retail-ui/issues/3622)) ([909212f](https://github.com/skbkontur/retail-ui/commit/909212f33862d1110e73726814184f02dbc6acc0))
+* **Popup:** prevent unwanted 'Anchor element is not defined' on render ([#3604](https://github.com/skbkontur/retail-ui/issues/3604)) ([bee5407](https://github.com/skbkontur/retail-ui/commit/bee540774fb34319847b312163c05b37f392eb39))
+* show mobile view on all mobile devices ([#3583](https://github.com/skbkontur/retail-ui/issues/3583)) ([7bcfd49](https://github.com/skbkontur/retail-ui/commit/7bcfd49bd61ba32ea77a70d9dbfcc06a7c3317da))
+* **SidePage:** dynamic blockBackground change ([#3580](https://github.com/skbkontur/retail-ui/issues/3580)) ([c774ad3](https://github.com/skbkontur/retail-ui/commit/c774ad3b28c63dd545e2eb5a9a0eee12126d34e5))
+* **Switcher:** restyle error state ([#3563](https://github.com/skbkontur/retail-ui/issues/3563)) ([0870eef](https://github.com/skbkontur/retail-ui/commit/0870eef469ad32d1665f1840bf74d58b45232f56))
+* **Toast, SingleToast:** add ability to show close cross ([#3596](https://github.com/skbkontur/retail-ui/issues/3596)) ([d8b569e](https://github.com/skbkontur/retail-ui/commit/d8b569e3efa3d2f53569c6cef056430b5035c96a))
+
+
+### Features
+
+* add new DateRangePicker component ([cb49382](https://github.com/skbkontur/retail-ui/commit/cb49382162aa008288ecdcf1c016253fa88f93b7))
+* **Input, Combobox, Autocomplete:** add showClearIcon prop ([#3594](https://github.com/skbkontur/retail-ui/issues/3594)) ([5541f19](https://github.com/skbkontur/retail-ui/commit/5541f19047cab4d4ec3a81c636cca4397fd95bdc))
+* themes versioning ([#3581](https://github.com/skbkontur/retail-ui/issues/3581)) ([848023a](https://github.com/skbkontur/retail-ui/commit/848023a6936183e2c8f8a987f01c3cb0e22d3b2b))
+* **Validation:** add flag to not open dropdown via submit ([74b38ba](https://github.com/skbkontur/retail-ui/commit/74b38ba420d8ac062d4978d4d7523a49bd3cba18))
+
+
+
+
+
+## [5.0.16](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.0.15...@skbkontur/react-ui@5.0.16) (2025-04-04)
+
+
+### Bug Fixes
+
+* **MiniModal:** prop 'gap' works in old browsers ([#3637](https://github.com/skbkontur/retail-ui/issues/3637)) ([c48feac](https://github.com/skbkontur/retail-ui/commit/c48feac17c8053afb1a106b04a8532fe7886525d))
+* **Toggle:** pass name attribute ([#3636](https://github.com/skbkontur/retail-ui/issues/3636)) ([4dd924d](https://github.com/skbkontur/retail-ui/commit/4dd924d19f3b3438d25a7172fb73f3884fe5ece9))
+
+
+
+
+
+## [5.0.15](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.0.14...@skbkontur/react-ui@5.0.15) (2025-03-28)
+
+
+### Bug Fixes
+
+* **MenuItem:** correctly pass state to functional children ([#3631](https://github.com/skbkontur/retail-ui/issues/3631)) ([f15beb7](https://github.com/skbkontur/retail-ui/commit/f15beb73b5998939b28c6218fb7db5100ee3d513))
+
+
+
+
+
+## [5.0.14](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.0.13...@skbkontur/react-ui@5.0.14) (2025-03-27)
+
+
+### Bug Fixes
+
+* **FileUploader:** add ability to remove hidden files ([#3625](https://github.com/skbkontur/retail-ui/issues/3625)) ([ffa404e](https://github.com/skbkontur/retail-ui/commit/ffa404e155d84db74291ffe5174d1ee2fba0abab))
+
+
+
+
+
+## [5.0.13](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.0.12...@skbkontur/react-ui@5.0.13) (2025-03-17)
+
+
+### Bug Fixes
+
+* **DatePicker:** remove unnecessary hook usage ([#3619](https://github.com/skbkontur/retail-ui/issues/3619)) ([35572c8](https://github.com/skbkontur/retail-ui/commit/35572c8b13a8866c4670b19fd7948a22683d7753))
+
+
+
+
+
+## [5.0.12](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.0.11...@skbkontur/react-ui@5.0.12) (2025-03-11)
+
+
+### Bug Fixes
+
+* **Loader,ZIndex:** fix overlap of dropdowns in widgets ([#3612](https://github.com/skbkontur/retail-ui/issues/3612)) ([7990c6d](https://github.com/skbkontur/retail-ui/commit/7990c6d4b661e49e5fec8707f4f06a9655bce25e))
+* **MaskedInput:** rerender after theme change ([#3614](https://github.com/skbkontur/retail-ui/issues/3614)) ([840443f](https://github.com/skbkontur/retail-ui/commit/840443fff46bc6037b92e3da6151312075c25fc7))
+
+
+
+
+
 ## [5.0.11](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.0.10...@skbkontur/react-ui@5.0.11) (2025-03-03)
 
 

package/README.md

@@ -21,11 +21,6 @@ const MyApp = () => (
 );
 ```
 
-### Хотим другой цвет кнопки!
-
-Нужно использовать [ThemeContext](https://tech.skbkontur.ru/react-ui/#/Customization/ThemeContext). Список переменных
-можно глянуть в [ThemeShowcase](https://tech.skbkontur.ru/react-ui/#/Customization/ThemeShowcase)
-
 ### StrictMode
 
 Начиная с версий `@skbkontur/react-ui@3.10.0` и `@skbkontur/react-ui-validations@1.7.0`, библиотека поддерживает работу

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

@@ -1,131 +1,132 @@
-import React, { AriaAttributes } from 'react';
-import PropTypes from 'prop-types';
-import { InputProps } from '../Input';
-import { Nullable, Override } from '../../typings/utility-types';
-import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
-import { SizeProp } from '../../lib/types/props';
-export interface AutocompleteProps extends CommonProps, Pick<AriaAttributes, 'aria-label'>, Override<InputProps, {
-    /** Задает функцию, которая отрисовывает элементы меню. */
-    renderItem?: (item: string) => React.ReactNode;
-    /** Задает промис, который резолвит элементы меню. */
-    source?: string[] | ((patter: string) => Promise<string[]>);
-    /** Отключает использование портала. */
-    disablePortal?: boolean;
-    /** Определяет, нужно ли показывать тень у выпадающего меню. */
-    hasShadow?: boolean;
-    /** Задает выравнивание выпадающего меню. */
-    menuAlign?: 'left' | 'right';
-    /** Задает максимальную высоту выпадающего меню. */
-    menuMaxHeight?: number | string;
-    /** Задает ширину выпадающего меню. */
-    menuWidth?: number | string;
-    /** Отключает скролл окна, когда меню открыто. */
-    preventWindowScroll?: boolean;
-    /** Задает функцию, которая вызывается при изменении value. */
-    onValueChange: (value: string) => void;
-    /** Задает функцию, которая вызывается при потере автокомплитом фокуса. */
-    onBlur?: () => void;
-    /** Задаёт размер инпута. */
-    size?: SizeProp;
-    /** Задает значение автокомплита. */
-    value: string;
-    /** Задает текст заголовка выпадающего меню в мобильной версии. */
-    mobileMenuHeaderText?: string;
-}> {
-    /**
-     * Позволяет вручную задать текущую позицию выпадающего окна
-     */
-    menuPos?: 'top' | 'bottom';
-}
-export interface AutocompleteState {
-    items: Nullable<string[]>;
-    selected: number;
-    focused: boolean;
-    isMobileOpened: boolean;
-}
-export declare const AutocompleteDataTids: {
-    readonly root: "Autocomplete__root";
-    readonly menu: "Autocomplete__menu";
-};
-export declare const AutocompleteIds: {
-    readonly menu: "Autocomplete__menu";
-};
-type DefaultProps = Required<Pick<AutocompleteProps, 'renderItem' | 'size' | 'disablePortal' | 'hasShadow' | 'menuMaxHeight' | 'preventWindowScroll'>>;
-/**
- * `Autocomplete` — стандартный инпут с подсказками.
- *
- * Подсказки определяются в пропе `source`.
- * Все свойства передаются во внутренний `Input`.
- */
-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 readonly locale;
-    private isMobileLayout;
-    private opened;
-    private input;
-    private menu;
-    private menuId;
-    private rootSpan;
-    private mobilePopup;
-    private requestId;
-    private getProps;
-    private setRootNode;
-    /**
-     * @public
-     */
-    focus(): void;
-    /**
-     * @public
-     */
-    blur(): void;
-    componentDidUpdate(prevProps: AutocompleteProps): void;
-    render(): React.JSX.Element;
-    renderMain: (props: CommonWrapperRestProps<AutocompleteProps>) => React.JSX.Element;
-    private renderHints;
-    private renderMenu;
-    private renderMobileMenu;
-    private getItems;
-    private handleValueChange;
-    private handleCloseMobile;
-    private handleKeyPressMobile;
-    private handleFocus;
-    private handleBlur;
-    private handleClickOutside;
-    private handleKeyDown;
-    private handleMenuItemClick;
-    private getAnchor;
-    private handleItemClick;
-    private choose;
-    private updateItems;
-    private fireChange;
-    private refInput;
-    private refMenu;
-    private refRootSpan;
-    private refMobilePopup;
-}
-export {};
+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 { SizeProp } from '../../lib/types/props';
+export interface AutocompleteProps extends CommonProps, Pick<AriaAttributes, 'aria-label'>, Override<InputProps, {
+    /** Задает функцию, которая отрисовывает элементы меню. */
+    renderItem?: (item: string) => React.ReactNode;
+    /** Задает промис, который резолвит элементы меню. */
+    source?: string[] | ((patter: string) => Promise<string[]>);
+    /** Отключает использование портала. */
+    disablePortal?: boolean;
+    /** Определяет, нужно ли показывать тень у выпадающего меню. */
+    hasShadow?: boolean;
+    /** Задает выравнивание выпадающего меню. */
+    menuAlign?: 'left' | 'right';
+    /** Задает максимальную высоту выпадающего меню. */
+    menuMaxHeight?: number | string;
+    /** Задает ширину выпадающего меню. */
+    menuWidth?: number | string;
+    /** Отключает скролл окна, когда меню открыто. */
+    preventWindowScroll?: boolean;
+    /** Задает функцию, которая вызывается при изменении value. */
+    onValueChange: (value: string) => void;
+    /** Задает функцию, которая вызывается при потере автокомплитом фокуса. */
+    onBlur?: () => void;
+    /** Задаёт размер инпута. */
+    size?: SizeProp;
+    /** Задает значение автокомплита. */
+    value: string;
+    /** Задает текст заголовка выпадающего меню в мобильной версии. */
+    mobileMenuHeaderText?: string;
+}> {
+    /**
+     * Позволяет вручную задать текущую позицию выпадающего окна
+     */
+    menuPos?: 'top' | 'bottom';
+}
+export interface AutocompleteState {
+    items: Nullable<string[]>;
+    selected: number;
+    focused: boolean;
+    isMobileOpened: boolean;
+}
+export declare const AutocompleteDataTids: {
+    readonly root: "Autocomplete__root";
+    readonly menu: "Autocomplete__menu";
+};
+export declare const AutocompleteIds: {
+    readonly menu: "Autocomplete__menu";
+};
+type DefaultProps = Required<Pick<AutocompleteProps, 'renderItem' | 'size' | 'disablePortal' | 'hasShadow' | 'menuMaxHeight' | 'preventWindowScroll'>>;
+/**
+ * `Autocomplete` — стандартный инпут с подсказками.
+ *
+ * Подсказки определяются в пропе `source`.
+ * Все свойства передаются во внутренний `Input`.
+ */
+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 readonly locale;
+    private isMobileLayout;
+    private opened;
+    private input;
+    private menu;
+    private menuId;
+    private rootSpan;
+    private mobilePopup;
+    private requestId;
+    private getProps;
+    private setRootNode;
+    /**
+     * @public
+     */
+    focus(): void;
+    /**
+     * @public
+     */
+    blur(): void;
+    componentDidUpdate(prevProps: AutocompleteProps): void;
+    render(): React.JSX.Element;
+    renderMain: (props: CommonWrapperRestProps<AutocompleteProps>) => React.JSX.Element;
+    private renderHints;
+    private renderMenu;
+    private renderMobileMenu;
+    private getItems;
+    private handleValueChange;
+    private handleCloseMobile;
+    private handleKeyPressMobile;
+    private handleFocus;
+    private handleBlur;
+    private handleClickOutside;
+    private handleKeyDown;
+    private handleMenuItemClick;
+    private getAnchor;
+    private handleItemClick;
+    private choose;
+    private updateItems;
+    private fireChange;
+    private refInput;
+    private refMenu;
+    private refRootSpan;
+    private refMobilePopup;
+}
+export {};

package/cjs/components/Autocomplete/Autocomplete.js

@@ -1,4 +1,5 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.AutocompleteIds = exports.AutocompleteDataTids = exports.Autocomplete = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.AutocompleteIds = exports.AutocompleteDataTids = exports.Autocomplete = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _MenuMessage = require("../../internal/MenuMessage");
@@ -8,6 +9,7 @@ var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _Emotion = require("../../lib/theming/Emotion");
 var _identifiers = require("../../lib/events/keyboard/identifiers");
+
 var _Input = require("../Input");
 var _Menu = require("../../internal/Menu");
 var _MenuItem = require("../MenuItem");
@@ -15,9 +17,11 @@ var _RenderLayer = require("../../internal/RenderLayer");
 var _createPropsGetter = require("../../lib/createPropsGetter");
 
 var _fixClickFocusIE = require("../../lib/events/fixClickFocusIE");
+
 var _CommonWrapper = require("../../internal/CommonWrapper");
 var _MobilePopup = require("../../internal/MobilePopup");
 var _decorator = require("../ResponsiveLayout/decorator");
+
 var _rootNode = require("../../lib/rootNode");
 var _getDOMRect = require("../../lib/dom/getDOMRect");
 
@@ -26,6 +30,7 @@ var _getMenuPositions = require("../../lib/getMenuPositions");
 var _ZIndex = require("../../internal/ZIndex");
 
 var _Autocomplete2 = require("./Autocomplete.styles");
+
 var _locale = require("./locale");
 var _getAutocompleteTheme = require("./getAutocompleteTheme");var _excluded = ["onValueChange", "onKeyDown", "onFocus", "onBlur", "renderItem", "disablePortal", "hasShadow", "menuAlign", "menuMaxHeight", "preventWindowScroll", "source", "menuPos", "width", "mobileMenuHeaderText", "aria-label"];var _dec, _class, _Autocomplete;