@skbkontur/react-ui 5.1.0-next.1 → 5.1.0

package/CHANGELOG.md

@@ -3,6 +3,84 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [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)
 
 

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,131 @@
-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 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 {};

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

@@ -1,5 +1,5 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(t: Theme): string;
-    noPortal(): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+    noPortal(): string;
+};

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

@@ -1,2 +1,2 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const getAutocompleteTheme: (theme: Theme) => Theme;
+import { Theme } from '../../lib/theming/Theme';
+export declare const getAutocompleteTheme: (theme: Theme) => Theme;

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

@@ -1 +1 @@
-export * from './Autocomplete';
+export * from './Autocomplete';

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

@@ -1,4 +1,4 @@
-import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
-import { AutocompleteLocale } from './types';
-export * from './types';
-export declare const AutocompleteLocaleHelper: LocaleHelper<AutocompleteLocale>;
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
+import { AutocompleteLocale } from './types';
+export * from './types';
+export declare const AutocompleteLocaleHelper: LocaleHelper<AutocompleteLocale>;

package/cjs/components/Autocomplete/locale/locales/en.d.ts

@@ -1,2 +1,2 @@
-import { AutocompleteLocale } from '../types';
-export declare const componentsLocales: AutocompleteLocale;
+import { AutocompleteLocale } from '../types';
+export declare const componentsLocales: AutocompleteLocale;

package/cjs/components/Autocomplete/locale/locales/ru.d.ts

@@ -1,2 +1,2 @@
-import { AutocompleteLocale } from '../types';
-export declare const componentsLocales: AutocompleteLocale;
+import { AutocompleteLocale } from '../types';
+export declare const componentsLocales: AutocompleteLocale;

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

@@ -1,5 +1,5 @@
-export interface AutocompleteLocale {
-    enterValue: string;
-    notFound: string;
-    updateValue: string;
-}
+export interface AutocompleteLocale {
+    enterValue: string;
+    notFound: string;
+    updateValue: string;
+}

package/cjs/components/Autocomplete/locale/types.js

@@ -1 +1 @@
-"use strict";
+"use strict";exports.__esModule = true;

package/cjs/components/Button/ArrowLeftIcon.d.ts

@@ -1,3 +1,3 @@
-export declare const ArrowLeftIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
-    size?: number | "small" | "medium" | "large" | undefined;
-}>;
+export declare const ArrowLeftIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;

package/cjs/components/Button/ArrowRightIcon.d.ts

@@ -1,3 +1,3 @@
-export declare const ArrowRightIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
-    size?: number | "small" | "medium" | "large" | undefined;
-}>;
+export declare const ArrowRightIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;