@skbkontur/react-ui 0.0.0-3c309a601b → 0.0.0-3cc4f2ce5f

package/cjs/components/Dropdown/getDropdownTheme.d.ts

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

package/cjs/components/Dropdown/getDropdownTheme.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ThemeFactory","require","getDropdownTheme","exports","theme","ThemeFactory","create","selectDefaultBg","dropdownDefaultBg","selectMenuOffsetY","dropdownMenuOffsetY","selectBorderColorHover","dropdownMenuHoverBorderColor","selectBorderColorTransition","dropdownMenuBorderColorTransition","selectBorderWidth","dropdownBorderWidth","selectOutlineWidth","dropdownOutlineWidth","selectLineHeightSmall","dropdownLineHeightSmall","selectFontSizeSmall","dropdownFontSizeSmall","selectPaddingXSmall","dropdownPaddingXSmall","selectPaddingYSmall","dropdownPaddingYSmall","selectIconSizeSmall","dropdownIconSizeSmall","selectBorderRadiusSmall","dropdownButtonBorderRadiusSmall","selectLineHeightMedium","dropdownLineHeightMedium","selectFontSizeMedium","dropdownFontSizeMedium","selectPaddingXMedium","dropdownPaddingXMedium","selectPaddingYMedium","dropdownPaddingYMedium","selectIconSizeMedium","dropdownIconSizeMedium","selectBorderRadiusMedium","dropdownButtonBorderRadiusMedium","selectLineHeightLarge","dropdownLineHeightLarge","selectFontSizeLarge","dropdownFontSizeLarge","selectPaddingXLarge","dropdownPaddingXLarge","selectPaddingYLarge","dropdownPaddingYLarge","selectIconSizeLarge","dropdownIconSizeLarge","selectBorderRadiusLarge","dropdownButtonBorderRadiusLarge","selectBgDisabled","dropdownBgDisabled","selectBorderColorDisabled","dropdownBorderColorDisabled","selectTextColorDisabled","dropdownTextColorDisabled"],"sources":["getDropdownTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const getDropdownTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      selectDefaultBg: theme.dropdownDefaultBg,\n      selectMenuOffsetY: theme.dropdownMenuOffsetY,\n      selectBorderColorHover: theme.dropdownMenuHoverBorderColor,\n      selectBorderColorTransition: theme.dropdownMenuBorderColorTransition,\n\n      selectBorderWidth: theme.dropdownBorderWidth,\n      selectOutlineWidth: theme.dropdownOutlineWidth,\n\n      selectLineHeightSmall: theme.dropdownLineHeightSmall,\n      selectFontSizeSmall: theme.dropdownFontSizeSmall,\n      selectPaddingXSmall: theme.dropdownPaddingXSmall,\n      selectPaddingYSmall: theme.dropdownPaddingYSmall,\n      selectIconSizeSmall: theme.dropdownIconSizeSmall,\n      selectBorderRadiusSmall: theme.dropdownButtonBorderRadiusSmall,\n\n      selectLineHeightMedium: theme.dropdownLineHeightMedium,\n      selectFontSizeMedium: theme.dropdownFontSizeMedium,\n      selectPaddingXMedium: theme.dropdownPaddingXMedium,\n      selectPaddingYMedium: theme.dropdownPaddingYMedium,\n      selectIconSizeMedium: theme.dropdownIconSizeMedium,\n      selectBorderRadiusMedium: theme.dropdownButtonBorderRadiusMedium,\n\n      selectLineHeightLarge: theme.dropdownLineHeightLarge,\n      selectFontSizeLarge: theme.dropdownFontSizeLarge,\n      selectPaddingXLarge: theme.dropdownPaddingXLarge,\n      selectPaddingYLarge: theme.dropdownPaddingYLarge,\n      selectIconSizeLarge: theme.dropdownIconSizeLarge,\n      selectBorderRadiusLarge: theme.dropdownButtonBorderRadiusLarge,\n\n      selectBgDisabled: theme.dropdownBgDisabled,\n      selectBorderColorDisabled: theme.dropdownBorderColorDisabled,\n      selectTextColorDisabled: theme.dropdownTextColorDisabled,\n    },\n    theme,\n  );\n};\n"],"mappings":"yEAAA,IAAAA,aAAA,GAAAC,OAAA;;;AAGO,IAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAIE,KAAY,EAAY;EACvD,OAAOC,0BAAY,CAACC,MAAM;IACxB;MACEC,eAAe,EAAEH,KAAK,CAACI,iBAAiB;MACxCC,iBAAiB,EAAEL,KAAK,CAACM,mBAAmB;MAC5CC,sBAAsB,EAAEP,KAAK,CAACQ,4BAA4B;MAC1DC,2BAA2B,EAAET,KAAK,CAACU,iCAAiC;;MAEpEC,iBAAiB,EAAEX,KAAK,CAACY,mBAAmB;MAC5CC,kBAAkB,EAAEb,KAAK,CAACc,oBAAoB;;MAE9CC,qBAAqB,EAAEf,KAAK,CAACgB,uBAAuB;MACpDC,mBAAmB,EAAEjB,KAAK,CAACkB,qBAAqB;MAChDC,mBAAmB,EAAEnB,KAAK,CAACoB,qBAAqB;MAChDC,mBAAmB,EAAErB,KAAK,CAACsB,qBAAqB;MAChDC,mBAAmB,EAAEvB,KAAK,CAACwB,qBAAqB;MAChDC,uBAAuB,EAAEzB,KAAK,CAAC0B,+BAA+B;;MAE9DC,sBAAsB,EAAE3B,KAAK,CAAC4B,wBAAwB;MACtDC,oBAAoB,EAAE7B,KAAK,CAAC8B,sBAAsB;MAClDC,oBAAoB,EAAE/B,KAAK,CAACgC,sBAAsB;MAClDC,oBAAoB,EAAEjC,KAAK,CAACkC,sBAAsB;MAClDC,oBAAoB,EAAEnC,KAAK,CAACoC,sBAAsB;MAClDC,wBAAwB,EAAErC,KAAK,CAACsC,gCAAgC;;MAEhEC,qBAAqB,EAAEvC,KAAK,CAACwC,uBAAuB;MACpDC,mBAAmB,EAAEzC,KAAK,CAAC0C,qBAAqB;MAChDC,mBAAmB,EAAE3C,KAAK,CAAC4C,qBAAqB;MAChDC,mBAAmB,EAAE7C,KAAK,CAAC8C,qBAAqB;MAChDC,mBAAmB,EAAE/C,KAAK,CAACgD,qBAAqB;MAChDC,uBAAuB,EAAEjD,KAAK,CAACkD,+BAA+B;;MAE9DC,gBAAgB,EAAEnD,KAAK,CAACoD,kBAAkB;MAC1CC,yBAAyB,EAAErD,KAAK,CAACsD,2BAA2B;MAC5DC,uBAAuB,EAAEvD,KAAK,CAACwD;IACjC,CAAC;IACDxD;EACF,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["_ThemeFactory","require","getDropdownTheme","exports","theme","ThemeFactory","create","selectDefaultBg","dropdownDefaultBg","selectMenuOffsetY","dropdownMenuOffsetY","selectBorderColorHover","dropdownMenuHoverBorderColor","selectBorderColorTransition","dropdownMenuBorderColorTransition","selectBorderWidth","dropdownBorderWidth","selectOutlineWidth","dropdownOutlineWidth","selectLineHeightSmall","dropdownLineHeightSmall","selectFontSizeSmall","dropdownFontSizeSmall","selectPaddingXSmall","dropdownPaddingXSmall","selectPaddingYSmall","dropdownPaddingYSmall","selectIconSizeSmall","dropdownIconSizeSmall","selectBorderRadiusSmall","dropdownButtonBorderRadiusSmall","selectLineHeightMedium","dropdownLineHeightMedium","selectFontSizeMedium","dropdownFontSizeMedium","selectPaddingXMedium","dropdownPaddingXMedium","selectPaddingYMedium","dropdownPaddingYMedium","selectIconSizeMedium","dropdownIconSizeMedium","selectBorderRadiusMedium","dropdownButtonBorderRadiusMedium","selectLineHeightLarge","dropdownLineHeightLarge","selectFontSizeLarge","dropdownFontSizeLarge","selectPaddingXLarge","dropdownPaddingXLarge","selectPaddingYLarge","dropdownPaddingYLarge","selectIconSizeLarge","dropdownIconSizeLarge","selectBorderRadiusLarge","dropdownButtonBorderRadiusLarge","selectBgDisabled","dropdownBgDisabled","selectBorderColorDisabled","dropdownBorderColorDisabled","selectTextColorDisabled","dropdownTextColorDisabled"],"sources":["getDropdownTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const getDropdownTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      selectDefaultBg: theme.dropdownDefaultBg,\n      selectMenuOffsetY: theme.dropdownMenuOffsetY,\n      selectBorderColorHover: theme.dropdownMenuHoverBorderColor,\n      selectBorderColorTransition: theme.dropdownMenuBorderColorTransition,\n\n      selectBorderWidth: theme.dropdownBorderWidth,\n      selectOutlineWidth: theme.dropdownOutlineWidth,\n\n      selectLineHeightSmall: theme.dropdownLineHeightSmall,\n      selectFontSizeSmall: theme.dropdownFontSizeSmall,\n      selectPaddingXSmall: theme.dropdownPaddingXSmall,\n      selectPaddingYSmall: theme.dropdownPaddingYSmall,\n      selectIconSizeSmall: theme.dropdownIconSizeSmall,\n      selectBorderRadiusSmall: theme.dropdownButtonBorderRadiusSmall,\n\n      selectLineHeightMedium: theme.dropdownLineHeightMedium,\n      selectFontSizeMedium: theme.dropdownFontSizeMedium,\n      selectPaddingXMedium: theme.dropdownPaddingXMedium,\n      selectPaddingYMedium: theme.dropdownPaddingYMedium,\n      selectIconSizeMedium: theme.dropdownIconSizeMedium,\n      selectBorderRadiusMedium: theme.dropdownButtonBorderRadiusMedium,\n\n      selectLineHeightLarge: theme.dropdownLineHeightLarge,\n      selectFontSizeLarge: theme.dropdownFontSizeLarge,\n      selectPaddingXLarge: theme.dropdownPaddingXLarge,\n      selectPaddingYLarge: theme.dropdownPaddingYLarge,\n      selectIconSizeLarge: theme.dropdownIconSizeLarge,\n      selectBorderRadiusLarge: theme.dropdownButtonBorderRadiusLarge,\n\n      selectBgDisabled: theme.dropdownBgDisabled,\n      selectBorderColorDisabled: theme.dropdownBorderColorDisabled,\n      selectTextColorDisabled: theme.dropdownTextColorDisabled,\n    },\n    theme,\n  );\n};\n"],"mappings":"yEAAA,IAAAA,aAAA,GAAAC,OAAA;;;AAGO,IAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAIE,KAAY,EAAY;EACvD,OAAOC,0BAAY,CAACC,MAAM;IACxB;MACEC,eAAe,EAAEH,KAAK,CAACI,iBAAiB;MACxCC,iBAAiB,EAAEL,KAAK,CAACM,mBAAmB;MAC5CC,sBAAsB,EAAEP,KAAK,CAACQ,4BAA4B;MAC1DC,2BAA2B,EAAET,KAAK,CAACU,iCAAiC;;MAEpEC,iBAAiB,EAAEX,KAAK,CAACY,mBAAmB;MAC5CC,kBAAkB,EAAEb,KAAK,CAACc,oBAAoB;;MAE9CC,qBAAqB,EAAEf,KAAK,CAACgB,uBAAuB;MACpDC,mBAAmB,EAAEjB,KAAK,CAACkB,qBAAqB;MAChDC,mBAAmB,EAAEnB,KAAK,CAACoB,qBAAqB;MAChDC,mBAAmB,EAAErB,KAAK,CAACsB,qBAAqB;MAChDC,mBAAmB,EAAEvB,KAAK,CAACwB,qBAAqB;MAChDC,uBAAuB,EAAEzB,KAAK,CAAC0B,+BAA+B;;MAE9DC,sBAAsB,EAAE3B,KAAK,CAAC4B,wBAAwB;MACtDC,oBAAoB,EAAE7B,KAAK,CAAC8B,sBAAsB;MAClDC,oBAAoB,EAAE/B,KAAK,CAACgC,sBAAsB;MAClDC,oBAAoB,EAAEjC,KAAK,CAACkC,sBAAsB;MAClDC,oBAAoB,EAAEnC,KAAK,CAACoC,sBAAsB;MAClDC,wBAAwB,EAAErC,KAAK,CAACsC,gCAAgC;;MAEhEC,qBAAqB,EAAEvC,KAAK,CAACwC,uBAAuB;MACpDC,mBAAmB,EAAEzC,KAAK,CAAC0C,qBAAqB;MAChDC,mBAAmB,EAAE3C,KAAK,CAAC4C,qBAAqB;MAChDC,mBAAmB,EAAE7C,KAAK,CAAC8C,qBAAqB;MAChDC,mBAAmB,EAAE/C,KAAK,CAACgD,qBAAqB;MAChDC,uBAAuB,EAAEjD,KAAK,CAACkD,+BAA+B;;MAE9DC,gBAAgB,EAAEnD,KAAK,CAACoD,kBAAkB;MAC1CC,yBAAyB,EAAErD,KAAK,CAACsD,2BAA2B;MAC5DC,uBAAuB,EAAEvD,KAAK,CAACwD;IACjC,CAAC;IACDxD;EACF,CAAC;AACH,CAAC","ignoreList":[]}

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

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

package/cjs/components/DropdownMenu/DropdownMenu.d.ts

@@ -1,63 +1,66 @@
-import React, { AriaAttributes, HTMLAttributes } from 'react';
-import { PopupMenuProps } from '../../internal/PopupMenu';
-import { PopupPositionsType } from '../../internal/Popup';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface DropdownMenuProps extends Pick<AriaAttributes, 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'popupMenuId' | 'preventIconsOffset'>, CommonProps {
-    /** Максимальная высота меню */
-    menuMaxHeight?: React.CSSProperties['maxWidth'];
-    /** Ширина меню */
-    menuWidth?: React.CSSProperties['width'];
-    /** Ширина caption */
-    width?: React.CSSProperties['width'];
-    /**
-     * Элемент или функция возвращающая элемент,
-     * если передана, используется вместо `caption`,
-     * в таком случае управлять открытием и закрытием меню
-     * придется в этой функции
-     */
-    caption: PopupMenuProps['caption'];
-    /**
-     * Произвольный элемент, который будет отрендерен в шапке меню.
-     *
-     * _Примечание_: контрол [MenuHeader](#/Components/MenuHeader) передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`.
-     */
-    header?: React.ReactNode;
-    /**
-     * Произвольный элемент, который будет отрендерен в подвале меню.
-     *
-     * Перед элементом переданным в `footer` будет отрендерен [MenuSeparator](#/Components/MenuSeparator).
-     */
-    footer?: React.ReactNode;
-    /**
-     *  Список позиций доступных для расположения выпадашки относительно `caption`.
-     *
-     * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.
-     *
-     * **Возможные значения**: `top left`, `top center`, `top right`, `right top`, `right middle`, `right bottom`, `bottom left`, `bottom center`, `bottom right`, `left top`, `left middle`, `left bottom`
-     * @default ['bottom left', 'bottom right', 'top left', 'top right']
-     */
-    positions?: PopupPositionsType[];
-    /**
-     * Не показывать анимацию
-     */
-    disableAnimations?: boolean;
-}
-type DefaultProps = Required<Pick<DropdownMenuProps, 'disableAnimations' | 'positions'>>;
-/**
- * Меню, раскрывающееся по клику на переданный в `caption` элемент
- */
-export declare class DropdownMenu extends React.Component<DropdownMenuProps> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static defaultProps: DefaultProps;
-    private getProps;
-    private popupMenu;
-    private setRootNode;
-    constructor(props: DropdownMenuProps);
-    render(): React.JSX.Element;
-    renderMain(): React.JSX.Element | null;
-    open: () => void;
-    close: () => void;
-    private refPopupMenu;
-}
-export {};
+import type { AriaAttributes, HTMLAttributes } from 'react';
+import React from 'react';
+import type { PopupMenuProps } from '../../internal/PopupMenu';
+import type { PopupPositionsType } from '../../internal/Popup';
+import type { CommonProps } from '../../internal/CommonWrapper';
+export interface DropdownMenuProps extends Pick<AriaAttributes, 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'popupMenuId' | 'preventIconsOffset'>, CommonProps {
+    /** Максимальная высота меню */
+    menuMaxHeight?: React.CSSProperties['maxWidth'];
+    /** Ширина меню */
+    menuWidth?: React.CSSProperties['width'];
+    /** Ширина caption */
+    width?: React.CSSProperties['width'];
+    /**
+     * Элемент или функция возвращающая элемент,
+     * если передана, используется вместо `caption`,
+     * в таком случае управлять открытием и закрытием меню
+     * придется в этой функции
+     */
+    caption: PopupMenuProps['caption'];
+    /**
+     * Произвольный элемент, который будет отрендерен в шапке меню.
+     *
+     * _Примечание_: контрол [MenuHeader](#/Components/MenuHeader) передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`.
+     */
+    header?: React.ReactNode;
+    /**
+     * Произвольный элемент, который будет отрендерен в подвале меню.
+     *
+     * Перед элементом переданным в `footer` будет отрендерен [MenuSeparator](#/Components/MenuSeparator).
+     */
+    footer?: React.ReactNode;
+    /**
+     *  Список позиций доступных для расположения выпадашки относительно `caption`.
+     *
+     * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.
+     *
+     * **Возможные значения**: `top left`, `top center`, `top right`, `right top`, `right middle`, `right bottom`, `bottom left`, `bottom center`, `bottom right`, `left top`, `left middle`, `left bottom`
+     * @default ['bottom left', 'bottom right', 'top left', 'top right']
+     */
+    positions?: PopupPositionsType[];
+    /**
+     * Не показывать анимацию
+     */
+    disableAnimations?: boolean;
+    /** @ignore */
+    corners?: React.CSSProperties;
+}
+type DefaultProps = Required<Pick<DropdownMenuProps, 'disableAnimations' | 'positions'>>;
+/**
+ * Выпадающее меню `DropdownMenu` раскрывается по клику на переданный в `caption` элемент.
+ */
+export declare class DropdownMenu extends React.Component<DropdownMenuProps> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private getProps;
+    private popupMenu;
+    private setRootNode;
+    constructor(props: DropdownMenuProps);
+    render(): React.JSX.Element;
+    renderMain(): React.JSX.Element | null;
+    open: () => void;
+    close: () => void;
+    private refPopupMenu;
+}
+export {};

package/cjs/components/DropdownMenu/DropdownMenu.js

@@ -1,11 +1,15 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.DropdownMenu = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));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.DropdownMenu = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+var _react = _interopRequireDefault(require("react"));
 
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
+
 var _PopupMenu = require("../../internal/PopupMenu");
 var _currentEnvironment = require("../../lib/currentEnvironment");
 
+
 var _CommonWrapper = require("../../internal/CommonWrapper");
+
 var _rootNode = require("../../lib/rootNode");
 var _createPropsGetter = require("../../lib/createPropsGetter");
 
@@ -57,12 +61,15 @@ var _getDropdownMenuTheme = require("./getDropdownMenuTheme");var _class, _Dropd
 
 
 
+
+
+
 
 
 
 
 /**
- * Меню, раскрывающееся по клику на переданный в `caption` элемент
+ * Выпадающее меню `DropdownMenu` раскрывается по клику на переданный в `caption` элемент.
  */var
 
 DropdownMenu = exports.DropdownMenu = (0, _rootNode.rootNode)(_class = (_DropdownMenu = /*#__PURE__*/function (_React$Component) {
@@ -126,6 +133,7 @@ DropdownMenu = exports.DropdownMenu = (0, _rootNode.rootNode)(_class = (_Dropdow
 
 
 
+
 
 
     open = function () {
@@ -140,4 +148,4 @@ DropdownMenu = exports.DropdownMenu = (0, _rootNode.rootNode)(_class = (_Dropdow
       }
     };_this.
 
-    refPopupMenu = function (ref) {return _this.popupMenu = ref;};if (!props.caption && !_currentEnvironment.isProductionEnv) {throw new Error('Prop "caption" is required!!!');}return _this;}(0, _inheritsLoose2.default)(DropdownMenu, _React$Component);var _proto = DropdownMenu.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: (0, _getDropdownMenuTheme.getDropdownMenuTheme)(theme) }, _this2.renderMain());});};_proto.renderMain = function renderMain() {if (!this.props.caption) {return null;}var _this$getProps = this.getProps(),positions = _this$getProps.positions,disableAnimations = _this$getProps.disableAnimations;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement(_PopupMenu.PopupMenu, { id: this.props.id, "aria-label": this.props['aria-label'], ref: this.refPopupMenu, caption: this.props.caption, menuMaxHeight: this.props.menuMaxHeight, menuWidth: this.props.menuWidth, preventIconsOffset: this.props.preventIconsOffset, popupHasPin: false, positions: positions, disableAnimations: disableAnimations, header: this.props.header, footer: this.props.footer, width: this.props.width, onClose: this.props.onClose, onOpen: this.props.onOpen, popupMenuId: this.props.popupMenuId }, this.props.children));};return DropdownMenu;}(_react.default.Component), _DropdownMenu.__KONTUR_REACT_UI__ = 'DropdownMenu', _DropdownMenu.displayName = 'DropdownMenu', _DropdownMenu.defaultProps = { disableAnimations: _currentEnvironment.isTestEnv, positions: ['bottom left', 'bottom right', 'top left', 'top right'] }, _DropdownMenu)) || _class;
+    refPopupMenu = function (ref) {return _this.popupMenu = ref;};if (!props.caption && !_currentEnvironment.isProductionEnv) {throw new Error('Prop "caption" is required!!!');}return _this;}(0, _inheritsLoose2.default)(DropdownMenu, _React$Component);var _proto = DropdownMenu.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: (0, _getDropdownMenuTheme.getDropdownMenuTheme)(theme) }, _this2.renderMain());});};_proto.renderMain = function renderMain() {if (!this.props.caption) {return null;}var _this$getProps = this.getProps(),positions = _this$getProps.positions,disableAnimations = _this$getProps.disableAnimations;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement(_PopupMenu.PopupMenu, { id: this.props.id, "aria-label": this.props['aria-label'], ref: this.refPopupMenu, caption: this.props.caption, menuMaxHeight: this.props.menuMaxHeight, menuWidth: this.props.menuWidth, preventIconsOffset: this.props.preventIconsOffset, popupHasPin: false, positions: positions, disableAnimations: disableAnimations, header: this.props.header, footer: this.props.footer, width: this.props.width, corners: this.props.corners, onClose: this.props.onClose, onOpen: this.props.onOpen, popupMenuId: this.props.popupMenuId }, this.props.children));};return DropdownMenu;}(_react.default.Component), _DropdownMenu.__KONTUR_REACT_UI__ = 'DropdownMenu', _DropdownMenu.displayName = 'DropdownMenu', _DropdownMenu.defaultProps = { disableAnimations: _currentEnvironment.isTestEnv, positions: ['bottom left', 'bottom right', 'top left', 'top right'] }, _DropdownMenu)) || _class;

package/cjs/components/DropdownMenu/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeContext","_PopupMenu","_currentEnvironment","_CommonWrapper","_rootNode","_createPropsGetter","_getDropdownMenuTheme","_class","_DropdownMenu","DropdownMenu","exports","rootNode","_React$Component","props","_this","call","getProps","createPropsGetter","defaultProps","popupMenu","open","close","refPopupMenu","ref","caption","isProductionEnv","Error","_inheritsLoose2","default","_proto","prototype","render","_this2","createElement","ThemeContext","Consumer","theme","Provider","value","getDropdownMenuTheme","renderMain","_this$getProps","positions","disableAnimations","CommonWrapper","_extends2","rootNodeRef","setRootNode","PopupMenu","id","menuMaxHeight","menuWidth","preventIconsOffset","popupHasPin","header","footer","width","onClose","onOpen","popupMenuId","children","React","Component","__KONTUR_REACT_UI__","displayName","isTestEnv"],"sources":["DropdownMenu.tsx"],"sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Nullable } from '../../typings/utility-types';\nimport { PopupMenu, PopupMenuProps } from '../../internal/PopupMenu';\nimport { isProductionEnv, isTestEnv } from '../../lib/currentEnvironment';\nimport { PopupPositionsType } from '../../internal/Popup';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { getDropdownMenuTheme } from './getDropdownMenuTheme';\n\nexport interface DropdownMenuProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'popupMenuId' | 'preventIconsOffset'>,\n    CommonProps {\n  /** Максимальная высота меню */\n  menuMaxHeight?: React.CSSProperties['maxWidth'];\n  /** Ширина меню */\n  menuWidth?: React.CSSProperties['width'];\n  /** Ширина caption */\n  width?: React.CSSProperties['width'];\n\n  /**\n   * Элемент или функция возвращающая элемент,\n   * если передана, используется вместо `caption`,\n   * в таком случае управлять открытием и закрытием меню\n   * придется в этой функции\n   */\n  caption: PopupMenuProps['caption'];\n\n  /**\n   * Произвольный элемент, который будет отрендерен в шапке меню.\n   *\n   * _Примечание_: контрол [MenuHeader](#/Components/MenuHeader) передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`.\n   */\n  header?: React.ReactNode;\n  /**\n   * Произвольный элемент, который будет отрендерен в подвале меню.\n   *\n   * Перед элементом переданным в `footer` будет отрендерен [MenuSeparator](#/Components/MenuSeparator).\n   */\n  footer?: React.ReactNode;\n  /**\n   *  Список позиций доступных для расположения выпадашки относительно `caption`.\n   *\n   * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.\n   *\n   * **Возможные значения**: `top left`, `top center`, `top right`, `right top`, `right middle`, `right bottom`, `bottom left`, `bottom center`, `bottom right`, `left top`, `left middle`, `left bottom`\n   * @default ['bottom left', 'bottom right', 'top left', 'top right']\n   */\n  positions?: PopupPositionsType[];\n\n  /**\n   * Не показывать анимацию\n   */\n  disableAnimations?: boolean;\n}\n\ntype DefaultProps = Required<Pick<DropdownMenuProps, 'disableAnimations' | 'positions'>>;\n\n/**\n * Меню, раскрывающееся по клику на переданный в `caption` элемент\n */\n@rootNode\nexport class DropdownMenu extends React.Component<DropdownMenuProps> {\n  public static __KONTUR_REACT_UI__ = 'DropdownMenu';\n  public static displayName = 'DropdownMenu';\n\n  public static defaultProps: DefaultProps = {\n    disableAnimations: isTestEnv,\n    positions: ['bottom left', 'bottom right', 'top left', 'top right'],\n  };\n\n  private getProps = createPropsGetter(DropdownMenu.defaultProps);\n\n  private popupMenu: Nullable<PopupMenu> = null;\n  private setRootNode!: TSetRootNode;\n\n  constructor(props: DropdownMenuProps) {\n    super(props);\n\n    if (!props.caption && !isProductionEnv) {\n      throw new Error('Prop \"caption\" is required!!!');\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return <ThemeContext.Provider value={getDropdownMenuTheme(theme)}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    if (!this.props.caption) {\n      return null;\n    }\n    const { positions, disableAnimations } = this.getProps();\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <PopupMenu\n          id={this.props.id}\n          aria-label={this.props['aria-label']}\n          ref={this.refPopupMenu}\n          caption={this.props.caption}\n          menuMaxHeight={this.props.menuMaxHeight}\n          menuWidth={this.props.menuWidth}\n          preventIconsOffset={this.props.preventIconsOffset}\n          popupHasPin={false}\n          positions={positions}\n          disableAnimations={disableAnimations}\n          header={this.props.header}\n          footer={this.props.footer}\n          width={this.props.width}\n          onClose={this.props.onClose}\n          onOpen={this.props.onOpen}\n          popupMenuId={this.props.popupMenuId}\n        >\n          {this.props.children}\n        </PopupMenu>\n      </CommonWrapper>\n    );\n  }\n\n  public open = (): void => {\n    if (this.popupMenu) {\n      this.popupMenu.open();\n    }\n  };\n\n  public close = (): void => {\n    if (this.popupMenu) {\n      this.popupMenu.close();\n    }\n  };\n\n  private refPopupMenu = (ref: Nullable<PopupMenu>) => (this.popupMenu = ref);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeContext","_PopupMenu","_currentEnvironment","_CommonWrapper","_rootNode","_createPropsGetter","_getDropdownMenuTheme","_class","_DropdownMenu","DropdownMenu","exports","rootNode","_React$Component","props","_this","call","getProps","createPropsGetter","defaultProps","popupMenu","open","close","refPopupMenu","ref","caption","isProductionEnv","Error","_inheritsLoose2","default","_proto","prototype","render","_this2","createElement","ThemeContext","Consumer","theme","Provider","value","getDropdownMenuTheme","renderMain","_this$getProps","positions","disableAnimations","CommonWrapper","_extends2","rootNodeRef","setRootNode","PopupMenu","id","menuMaxHeight","menuWidth","preventIconsOffset","popupHasPin","header","footer","width","corners","onClose","onOpen","popupMenuId","children","React","Component","__KONTUR_REACT_UI__","displayName","isTestEnv"],"sources":["DropdownMenu.tsx"],"sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { PopupMenuProps } from '../../internal/PopupMenu';\nimport { PopupMenu } from '../../internal/PopupMenu';\nimport { isProductionEnv, isTestEnv } from '../../lib/currentEnvironment';\nimport type { PopupPositionsType } from '../../internal/Popup';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { getDropdownMenuTheme } from './getDropdownMenuTheme';\n\nexport interface DropdownMenuProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'popupMenuId' | 'preventIconsOffset'>,\n    CommonProps {\n  /** Максимальная высота меню */\n  menuMaxHeight?: React.CSSProperties['maxWidth'];\n  /** Ширина меню */\n  menuWidth?: React.CSSProperties['width'];\n  /** Ширина caption */\n  width?: React.CSSProperties['width'];\n\n  /**\n   * Элемент или функция возвращающая элемент,\n   * если передана, используется вместо `caption`,\n   * в таком случае управлять открытием и закрытием меню\n   * придется в этой функции\n   */\n  caption: PopupMenuProps['caption'];\n\n  /**\n   * Произвольный элемент, который будет отрендерен в шапке меню.\n   *\n   * _Примечание_: контрол [MenuHeader](#/Components/MenuHeader) передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`.\n   */\n  header?: React.ReactNode;\n  /**\n   * Произвольный элемент, который будет отрендерен в подвале меню.\n   *\n   * Перед элементом переданным в `footer` будет отрендерен [MenuSeparator](#/Components/MenuSeparator).\n   */\n  footer?: React.ReactNode;\n  /**\n   *  Список позиций доступных для расположения выпадашки относительно `caption`.\n   *\n   * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.\n   *\n   * **Возможные значения**: `top left`, `top center`, `top right`, `right top`, `right middle`, `right bottom`, `bottom left`, `bottom center`, `bottom right`, `left top`, `left middle`, `left bottom`\n   * @default ['bottom left', 'bottom right', 'top left', 'top right']\n   */\n  positions?: PopupPositionsType[];\n\n  /**\n   * Не показывать анимацию\n   */\n  disableAnimations?: boolean;\n\n  /** @ignore */\n  corners?: React.CSSProperties;\n}\n\ntype DefaultProps = Required<Pick<DropdownMenuProps, 'disableAnimations' | 'positions'>>;\n\n/**\n * Выпадающее меню `DropdownMenu` раскрывается по клику на переданный в `caption` элемент.\n */\n@rootNode\nexport class DropdownMenu extends React.Component<DropdownMenuProps> {\n  public static __KONTUR_REACT_UI__ = 'DropdownMenu';\n  public static displayName = 'DropdownMenu';\n\n  public static defaultProps: DefaultProps = {\n    disableAnimations: isTestEnv,\n    positions: ['bottom left', 'bottom right', 'top left', 'top right'],\n  };\n\n  private getProps = createPropsGetter(DropdownMenu.defaultProps);\n\n  private popupMenu: Nullable<PopupMenu> = null;\n  private setRootNode!: TSetRootNode;\n\n  constructor(props: DropdownMenuProps) {\n    super(props);\n\n    if (!props.caption && !isProductionEnv) {\n      throw new Error('Prop \"caption\" is required!!!');\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return <ThemeContext.Provider value={getDropdownMenuTheme(theme)}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    if (!this.props.caption) {\n      return null;\n    }\n    const { positions, disableAnimations } = this.getProps();\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <PopupMenu\n          id={this.props.id}\n          aria-label={this.props['aria-label']}\n          ref={this.refPopupMenu}\n          caption={this.props.caption}\n          menuMaxHeight={this.props.menuMaxHeight}\n          menuWidth={this.props.menuWidth}\n          preventIconsOffset={this.props.preventIconsOffset}\n          popupHasPin={false}\n          positions={positions}\n          disableAnimations={disableAnimations}\n          header={this.props.header}\n          footer={this.props.footer}\n          width={this.props.width}\n          corners={this.props.corners}\n          onClose={this.props.onClose}\n          onOpen={this.props.onOpen}\n          popupMenuId={this.props.popupMenuId}\n        >\n          {this.props.children}\n        </PopupMenu>\n      </CommonWrapper>\n    );\n  }\n\n  public open = (): void => {\n    if (this.popupMenu) {\n      this.popupMenu.open();\n    }\n  };\n\n  public close = (): void => {\n    if (this.popupMenu) {\n      this.popupMenu.close();\n    }\n  };\n\n  private refPopupMenu = (ref: Nullable<PopupMenu>) => (this.popupMenu = ref);\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/DropdownMenu/DropdownMenu.md

@@ -1,4 +1,4 @@
-Базовый пример меню.
+### Базовый пример меню
 
 ```jsx harmony
 import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
@@ -43,7 +43,7 @@ import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui
 </DropdownMenu>;
 ```
 
-Меню с заданной шириной.
+### Ширина
 
 ```jsx harmony
 import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
@@ -61,7 +61,7 @@ import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui
 </DropdownMenu>;
 ```
 
-Меню с заданной максимальной высотой.
+### Максимальная высота
 
 ```jsx harmony
 import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
@@ -79,7 +79,7 @@ import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui
 </DropdownMenu>;
 ```
 
-Меню с выпадашкой слева по центру.
+### Выпадашка слева по центру
 
 ```jsx harmony
 import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
@@ -97,7 +97,7 @@ import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui
 </DropdownMenu>;
 ```
 
-Меню c шапкой и подвалом.
+### Меню c шапкой и подвалом
 
 ```jsx harmony
 import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
@@ -113,7 +113,7 @@ import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui
 </DropdownMenu>;
 ```
 
-С иконками и включенным по-умолчанию автоматическим выравниванием текста.
+### Иконка и автовыравнивание текста
 
 ```jsx harmony
 import { Button, MenuHeader, MenuItem, MenuSeparator, DropdownMenu } from '@skbkontur/react-ui';
@@ -127,7 +127,7 @@ import OkIcon from '@skbkontur/react-icons/Ok';
 </DropdownMenu>;
 ```
 
-С иконками и отключенным автоматическим выравниванием текста.
+### Иконка и отключенное автовыравнивание текста
 
 ```jsx harmony
 import { Button, MenuHeader, MenuItem, MenuSeparator, DropdownMenu } from '@skbkontur/react-ui';
@@ -141,7 +141,7 @@ import OkIcon from '@skbkontur/react-icons/Ok';
 </DropdownMenu>
 ```
 
-Меню с отключенной анимацией.
+### Отключенная анимация
 
 ```jsx harmony
 import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
@@ -158,6 +158,7 @@ import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui
 </DropdownMenu>;
 ```
 
+### Подпись
 В `caption` можно передать любой элемент.
 
 ```jsx harmony
@@ -178,7 +179,7 @@ import { MenuItem } from '@skbkontur/react-ui';
 </DropdownMenu>;
 ```
 
-Пример с чекбоксом внутри MenuItem.
+### Чекбокс внутри MenuItem
 
 ```jsx harmony
 import { MenuItem, Checkbox, Button, ThemeContext, ThemeFactory } from '@skbkontur/react-ui';
@@ -219,7 +220,8 @@ const renderCaption = ({ openMenu, closeMenu }) => {
 </DropdownMenu>
 ```
 
-Условный рендер элементов меню (с сохранением поведения [MenuItem](#/Components/MenuItem)).
+### Условный рендер элементов меню
+(с сохранением поведения [MenuItem](#/Components/MenuItem))
 
 ```jsx harmony
 import {Button, MenuItem, Gapped, MenuSeparator} from '@skbkontur/react-ui';

package/cjs/components/DropdownMenu/getDropdownMenuTheme.d.ts

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

package/cjs/components/DropdownMenu/getDropdownMenuTheme.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ThemeFactory","require","getDropdownMenuTheme","exports","theme","ThemeFactory","create","popupMargin","dropdownMenuMenuOffsetY","menuBoxSizing","dropdownMenuMenuBoxSizing","menuPaddingY","menuScrollContainerContentWrapperPaddingY","scrollContainerScrollBarOffsetY","dropdownMenuScrollContainerScrollBarOffsetY"],"sources":["getDropdownMenuTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const getDropdownMenuTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      popupMargin: theme.dropdownMenuMenuOffsetY,\n      menuBoxSizing: theme.dropdownMenuMenuBoxSizing,\n      menuPaddingY: theme.menuScrollContainerContentWrapperPaddingY,\n      menuScrollContainerContentWrapperPaddingY: theme.menuPaddingY,\n      scrollContainerScrollBarOffsetY: theme.dropdownMenuScrollContainerScrollBarOffsetY,\n    },\n    theme,\n  );\n};\n"],"mappings":"6EAAA,IAAAA,aAAA,GAAAC,OAAA;;;AAGO,IAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,SAAvBA,oBAAoBA,CAAIE,KAAY,EAAY;EAC3D,OAAOC,0BAAY,CAACC,MAAM;IACxB;MACEC,WAAW,EAAEH,KAAK,CAACI,uBAAuB;MAC1CC,aAAa,EAAEL,KAAK,CAACM,yBAAyB;MAC9CC,YAAY,EAAEP,KAAK,CAACQ,yCAAyC;MAC7DA,yCAAyC,EAAER,KAAK,CAACO,YAAY;MAC7DE,+BAA+B,EAAET,KAAK,CAACU;IACzC,CAAC;IACDV;EACF,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["_ThemeFactory","require","getDropdownMenuTheme","exports","theme","ThemeFactory","create","popupMargin","dropdownMenuMenuOffsetY","menuBoxSizing","dropdownMenuMenuBoxSizing","menuPaddingY","menuScrollContainerContentWrapperPaddingY","scrollContainerScrollBarOffsetY","dropdownMenuScrollContainerScrollBarOffsetY"],"sources":["getDropdownMenuTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const getDropdownMenuTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      popupMargin: theme.dropdownMenuMenuOffsetY,\n      menuBoxSizing: theme.dropdownMenuMenuBoxSizing,\n      menuPaddingY: theme.menuScrollContainerContentWrapperPaddingY,\n      menuScrollContainerContentWrapperPaddingY: theme.menuPaddingY,\n      scrollContainerScrollBarOffsetY: theme.dropdownMenuScrollContainerScrollBarOffsetY,\n    },\n    theme,\n  );\n};\n"],"mappings":"6EAAA,IAAAA,aAAA,GAAAC,OAAA;;;AAGO,IAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,SAAvBA,oBAAoBA,CAAIE,KAAY,EAAY;EAC3D,OAAOC,0BAAY,CAACC,MAAM;IACxB;MACEC,WAAW,EAAEH,KAAK,CAACI,uBAAuB;MAC1CC,aAAa,EAAEL,KAAK,CAACM,yBAAyB;MAC9CC,YAAY,EAAEP,KAAK,CAACQ,yCAAyC;MAC7DA,yCAAyC,EAAER,KAAK,CAACO,YAAY;MAC7DE,+BAA+B,EAAET,KAAK,CAACU;IACzC,CAAC;IACDV;EACF,CAAC;AACH,CAAC","ignoreList":[]}

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

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

package/cjs/components/FileUploader/FileUploader.d.ts

@@ -1,59 +1,56 @@
-import React from 'react';
-import { FileUploaderAttachedFile } from '../../internal/FileUploaderControl/fileUtils';
-import { InstanceWithRootNode } from '../../lib/rootNode';
-import { FileUploaderControlProviderProps } from '../../internal/FileUploaderControl/FileUploaderControlProvider';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { Nullable } from '../../typings/utility-types';
-import { SizeProp } from '../../lib/types/props';
-type FileUploaderOverriddenProps = 'size';
-interface _FileUploaderProps extends CommonProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, FileUploaderOverriddenProps> {
-    /** Начальное состояние загруженных файлов */
-    initialFiles?: File[];
-    /** Состояние ошибки всего контрола */
-    error?: boolean;
-    /** Состояние предупреждения всего контрола */
-    warning?: boolean;
-    /** Свойство ширины. */
-    width?: React.CSSProperties['width'];
-    /**
-     * Задаёт размер контрола.
-     *
-     * **Допустимые значения**: `"small"`, `"medium"`, `"large"`.
-     */
-    size?: SizeProp;
-    /** Свойство, скрывающее отображение файлов.  */
-    hideFiles?: boolean;
-    /** Функция, через которую отправляем файлы. Используется для отслеживания статуса загрузки файла. */
-    request?: (file: FileUploaderAttachedFile) => Promise<void>;
-    /** Срабатывает при удачной попытке отправки через request */
-    onRequestSuccess?: (fileId: string) => void;
-    /** Срабатывает при неудачной попытке отправки через request */
-    onRequestError?: (fileId: string) => void;
-    /**
-     * Функция валидации каждого файла.
-     * Срабатывает после выбора файлов и перед попыткой отправить в request.
-     * Чтобы вывести валидацию ошибки, промис должен вернуть строку.
-     * */
-    validateBeforeUpload?: (file: FileUploaderAttachedFile) => Promise<Nullable<string>>;
-    /**
-     * Функция, позволяющая кастомизировать файлы.
-     * Через нее можно вешать кастомные валидации на каждый файл.
-     * */
-    renderFile?: (file: FileUploaderAttachedFile, fileNode: React.ReactElement) => React.ReactNode;
-}
-export interface FileUploaderRef extends InstanceWithRootNode {
-    focus: () => void;
-    blur: () => void;
-    /** Сбрасывает выбранные файлы */
-    reset: () => void;
-}
-export declare const FileUploaderDataTids: {
-    readonly root: "FileUploader__root";
-    readonly content: "FileUploader__content";
-    readonly link: "FileUploader__link";
-    readonly input: "FileUploader__input";
-};
-export interface FileUploaderProps extends _FileUploaderProps, FileUploaderControlProviderProps {
-}
-export declare const FileUploader: React.MemoExoticComponent<React.ForwardRefExoticComponent<FileUploaderProps & FileUploaderControlProviderProps & React.RefAttributes<FileUploaderRef>>>;
-export {};
+import React from 'react';
+import type { FileUploaderAttachedFile } from '../../internal/FileUploaderControl/fileUtils';
+import type { InstanceWithRootNode } from '../../lib/rootNode';
+import type { FileUploaderControlProviderProps } from '../../internal/FileUploaderControl/FileUploaderControlProvider';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { Nullable } from '../../typings/utility-types';
+import type { SizeProp } from '../../lib/types/props';
+type FileUploaderOverriddenProps = 'size';
+interface _FileUploaderProps extends CommonProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, FileUploaderOverriddenProps> {
+    /** Переводит контрол в состояние валидации "ошибка". */
+    /** Начальное состояние загруженных файлов */
+    initialFiles?: File[];
+    /** Состояние ошибки всего контрола */
+    error?: boolean;
+    /** Переводит контрол в состояние валидации "предупреждение". */
+    warning?: boolean;
+    /** Задает длину компонента. */
+    width?: React.CSSProperties['width'];
+    /** Задаёт размер контрола. */
+    size?: SizeProp;
+    /** Скрывает отображение файлов. */
+    hideFiles?: boolean;
+    /** Задает функцию, через которую отправляются файлы. Используется для отслеживания статуса загрузки файла.
+     * @param {FileUploaderAttachedFile} file - файл, статус загрузки которого необходимо отследить. */
+    request?: (file: FileUploaderAttachedFile) => Promise<void>;
+    /** Задает функцию, которая вызывается при удачной попытке отправки через request. */
+    onRequestSuccess?: (fileId: string) => void;
+    /** Задает функцию, которая вызывается при неудачной попытке отправки через request. */
+    onRequestError?: (fileId: string) => void;
+    /** Определяет функцию валидации каждого файла. Срабатывает после выбора файлов и перед попыткой отправить в request. Чтобы вывести валидацию ошибки, промис должен вернуть строку. * */
+    validateBeforeUpload?: (file: FileUploaderAttachedFile) => Promise<Nullable<string>>;
+    /** Задает функцию, которая позволяет кастомизировать файлы. Через нее можно вешать кастомные валидации на каждый файл. */
+    renderFile?: (file: FileUploaderAttachedFile, fileNode: React.ReactElement) => React.ReactNode;
+}
+export interface FileUploaderRef extends InstanceWithRootNode {
+    focus: () => void;
+    blur: () => void;
+    /** Сбрасывает выбранные файлы */
+    reset: () => void;
+    removeFile: (fileId: string) => void;
+}
+export declare const FileUploaderDataTids: {
+    readonly root: "FileUploader__root";
+    readonly content: "FileUploader__content";
+    readonly link: "FileUploader__link";
+    readonly input: "FileUploader__input";
+};
+export interface FileUploaderProps extends _FileUploaderProps, FileUploaderControlProviderProps {
+}
+/**
+ * `FileUploader` — контрол для выбора пользователем файла на компьютере и отображения статуса его отправки на сервер.
+ *
+ * Можно использовать для синхронной отправки данных, например, в форме. Или же можно использовать в асинхронном режиме.
+ */
+export declare const FileUploader: React.MemoExoticComponent<React.ForwardRefExoticComponent<FileUploaderProps & FileUploaderControlProviderProps & React.RefAttributes<FileUploaderRef>>>;
+export {};

package/cjs/components/FileUploader/FileUploader.js

@@ -1,6 +1,7 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.FileUploaderDataTids = exports.FileUploader = void 0;var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireWildcard(require("react"));
 var _globalObject = require("@skbkontur/global-object");
 
+
 var _fileUtils = require("../../internal/FileUploaderControl/fileUtils");
 var _Emotion = require("../../lib/theming/Emotion");
 
@@ -15,6 +16,7 @@ var _withFileUploaderControlProvider = require("../../internal/FileUploaderContr
 var _keyListener = require("../../lib/events/keyListener");
 var _FileUploaderFile = require("../../internal/FileUploaderControl/FileUploaderFile/FileUploaderFile");
 var _FileUploaderFileList = require("../../internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList");
+
 var _CommonWrapper = require("../../internal/CommonWrapper");
 
 var _FileUploaderFileValidationResult = require("../../internal/FileUploaderControl/FileUploaderFileValidationResult");
@@ -73,8 +75,6 @@ var stopPropagation = function stopPropagation(e) {return e.stopPropagation();};
 
 
 
-
-
 
 
 
@@ -195,7 +195,6 @@ var _FileUploader = (0, _forwardRefAndName.forwardRefAndName)('FileUploader', fu
         if (((_dataTransfer$files = dataTransfer.files) == null ? void 0 : _dataTransfer$files.length) > 0) {
           handleChange(dataTransfer.files);
         }
-        dataTransfer.clearData();
       }
     },
     [handleChange, disabled]
@@ -217,11 +216,31 @@ var _FileUploader = (0, _forwardRefAndName.forwardRefAndName)('FileUploader', fu
     (_inputRef$current2 = inputRef.current) == null || _inputRef$current2.blur();
   }, []);
 
-  (0, _react.useImperativeHandle)(ref, function () {return { focus: focus, blur: blur, reset: reset, getRootNode: function getRootNode() {return rootNodeRef.current;} };}, [
-  ref,
-  blur,
-  focus,
-  reset]
+  var handleRemoveFile = (0, _react.useCallback)(
+    function (fileId) {
+      var dataTransfer = new DataTransfer();
+      files.
+      filter(function (f) {return f.id !== fileId;}).
+      forEach(function (file) {
+        dataTransfer.items.add(file.originalFile);
+      });
+      inputRef.current && (inputRef.current.files = dataTransfer.files);
+    },
+    [files]
+  );
+
+  var handleExternalFileDeletion = (0, _react.useCallback)(
+    function (fileId) {
+      removeFile(fileId);
+      handleRemoveFile(fileId);
+    },
+    [handleRemoveFile, removeFile]
+  );
+
+  (0, _react.useImperativeHandle)(
+    ref,
+    function () {return { focus: focus, blur: blur, reset: reset, removeFile: handleExternalFileDeletion, getRootNode: function getRootNode() {return rootNodeRef.current;} };},
+    [ref, blur, focus, reset, handleExternalFileDeletion]
   );
 
   var _useState2 = (0, _react.useState)(false),focusedByTab = _useState2[0],setFocusedByTab = _useState2[1];
@@ -250,16 +269,6 @@ var _FileUploader = (0, _forwardRefAndName.forwardRefAndName)('FileUploader', fu
     }
   };
 
-  var handleRemoveFile = (0, _react.useCallback)(function (fileId) {
-    var dataTransfer = new DataTransfer();
-    files.
-    filter(function (f) {return f.id !== fileId;}).
-    forEach(function (file) {
-      dataTransfer.items.add(file.originalFile);
-    });
-    inputRef.current && (inputRef.current.files = dataTransfer.files);
-  }, []);
-
   var _useState3 = (0, _react.useState)(false),hovered = _useState3[0],setHovered = _useState3[1];
 
   var uploadButtonClassNames = (0, _Emotion.cx)(
@@ -383,6 +392,11 @@ var _FileUploader = (0, _forwardRefAndName.forwardRefAndName)('FileUploader', fu
 
 
 
+/**
+ * `FileUploader` — контрол для выбора пользователем файла на компьютере и отображения статуса его отправки на сервер.
+ *
+ * Можно использовать для синхронной отправки данных, например, в форме. Или же можно использовать в асинхронном режиме.
+ */
 var FileUploader = exports.FileUploader = (0, _withFileUploaderControlProvider.withFileUploaderControlProvider)( /*#__PURE__*/
   _react.default.memo(_FileUploader)
 );