@skbkontur/react-ui 0.0.0-942b5aade9 → 0.0.0-95a1dbe516

package/components/Dropdown/Dropdown.d.ts

@@ -3,10 +3,11 @@ import PropTypes from 'prop-types';
 import { MenuHeader } from '../MenuHeader';
 import { MenuItem } from '../MenuItem';
 import { MenuSeparator } from '../MenuSeparator';
-import { ButtonSize, ButtonUse } from '../Button';
+import { ButtonUse } from '../Button';
 import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
 import { DropdownContainerProps } from '../../internal/DropdownContainer';
-export interface DropdownProps extends CommonProps, Pick<DropdownContainerProps, 'menuPos'> {
+import { SizeProp } from '../../lib/types/props';
+export interface DropdownProps extends Pick<AriaAttributes, 'aria-label' | 'aria-describedby'>, CommonProps, Pick<DropdownContainerProps, 'menuPos'> {
     /**
      * Подпись на кнопке.
      */
@@ -37,7 +38,7 @@ export interface DropdownProps extends CommonProps, Pick<DropdownContainerProps,
     maxMenuHeight?: number;
     menuAlign?: 'left' | 'right';
     menuWidth?: number | string;
-    size?: ButtonSize;
+    size?: SizeProp;
     /**
      * Смотри Button.
      */
@@ -53,10 +54,6 @@ export interface DropdownProps extends CommonProps, Pick<DropdownContainerProps,
     onMouseEnter?: (event: React.MouseEvent<HTMLElement>) => void;
     onMouseLeave?: (event: React.MouseEvent<HTMLElement>) => void;
     onMouseOver?: (event: React.MouseEvent<HTMLElement>) => void;
-    /**
-     * Атрибут для указания id элемента(-ов), описывающих его
-     */
-    'aria-describedby'?: AriaAttributes['aria-describedby'];
 }
 export declare const DropdownDataTids: {
     readonly root: "Dropdown__root";
@@ -67,6 +64,7 @@ export declare const DropdownDataTids: {
  */
 export declare class Dropdown extends React.Component<DropdownProps> {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     static Header: typeof MenuHeader;
     static MenuItem: typeof MenuItem;
     static Separator: typeof MenuSeparator;

package/components/Dropdown/Dropdown.md

@@ -9,3 +9,36 @@ import { Dropdown, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-
   </MenuItem>
 </Dropdown>;
 ```
+
+У Dropdown есть 3 стандартных размера.
+
+```jsx harmony
+import { Gapped, MenuItem, MenuSeparator, MenuHeader } from '@skbkontur/react-ui';
+
+<Gapped vertical>
+  <Dropdown caption="Маленький" size={'small'}>
+    <MenuItem onClick={() => alert('Clack')}>Clack</MenuItem>
+    <MenuSeparator />
+    <MenuHeader>Here goes the header</MenuHeader>
+    <MenuItem onClick={() => alert('Pow')} comment="With comment.">
+      Pow
+    </MenuItem>
+  </Dropdown>
+  <Dropdown caption="Средний" size={'medium'}>
+    <MenuItem onClick={() => alert('Clack')}>Clack</MenuItem>
+    <MenuSeparator />
+    <MenuHeader>Here goes the header</MenuHeader>
+    <MenuItem onClick={() => alert('Pow')} comment="With comment.">
+      Pow
+    </MenuItem>
+  </Dropdown>
+  <Dropdown caption="Большой" size={'large'}>
+    <MenuItem onClick={() => alert('Clack')}>Clack</MenuItem>
+    <MenuSeparator />
+    <MenuHeader>Here goes the header</MenuHeader>
+    <MenuItem onClick={() => alert('Pow')} comment="With comment.">
+      Pow
+    </MenuItem>
+  </Dropdown>
+</Gapped>
+```

package/components/Dropdown/getDropdownTheme/getDropdownTheme.js

@@ -1,9 +1,32 @@
 import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
 export var getDropdownTheme = function getDropdownTheme(theme) {
   return ThemeFactory.create({
-    selectDefaultBg: theme.btnDefaultBg,
+    selectDefaultBg: theme.dropdownDefaultBg,
     selectMenuOffsetY: theme.dropdownMenuOffsetY,
     selectBorderColorHover: theme.dropdownMenuHoverBorderColor,
-    selectBorderColorTransition: theme.dropdownMenuBorderColorTransition
+    selectBorderColorTransition: theme.dropdownMenuBorderColorTransition,
+    selectBorderWidth: theme.dropdownBorderWidth,
+    selectOutlineWidth: theme.dropdownOutlineWidth,
+    selectLineHeightSmall: theme.dropdownLineHeightSmall,
+    selectFontSizeSmall: theme.dropdownFontSizeSmall,
+    selectPaddingXSmall: theme.dropdownPaddingXSmall,
+    selectPaddingYSmall: theme.dropdownPaddingYSmall,
+    selectIconSizeSmall: theme.dropdownIconSizeSmall,
+    selectBorderRadiusSmall: theme.dropdownButtonBorderRadiusSmall,
+    selectLineHeightMedium: theme.dropdownLineHeightMedium,
+    selectFontSizeMedium: theme.dropdownFontSizeMedium,
+    selectPaddingXMedium: theme.dropdownPaddingXMedium,
+    selectPaddingYMedium: theme.dropdownPaddingYMedium,
+    selectIconSizeMedium: theme.dropdownIconSizeMedium,
+    selectBorderRadiusMedium: theme.dropdownButtonBorderRadiusMedium,
+    selectLineHeightLarge: theme.dropdownLineHeightLarge,
+    selectFontSizeLarge: theme.dropdownFontSizeLarge,
+    selectPaddingXLarge: theme.dropdownPaddingXLarge,
+    selectPaddingYLarge: theme.dropdownPaddingYLarge,
+    selectIconSizeLarge: theme.dropdownIconSizeLarge,
+    selectBorderRadiusLarge: theme.dropdownButtonBorderRadiusLarge,
+    selectBgDisabled: theme.dropdownBgDisabled,
+    selectBorderColorDisabled: theme.dropdownBorderColorDisabled,
+    selectTextColorDisabled: theme.dropdownTextColorDisabled
   }, theme);
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["getDropdownTheme.ts"],"names":["ThemeFactory","getDropdownTheme","theme","create","selectDefaultBg","btnDefaultBg","selectMenuOffsetY","dropdownMenuOffsetY","selectBorderColorHover","dropdownMenuHoverBorderColor","selectBorderColorTransition","dropdownMenuBorderColorTransition"],"mappings":"AAAA,SAASA,YAAT,QAA6B,gCAA7B;;;AAGA,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAyB;AACvD,SAAOF,YAAY,CAACG,MAAb;AACL;AACEC,IAAAA,eAAe,EAAEF,KAAK,CAACG,YADzB;AAEEC,IAAAA,iBAAiB,EAAEJ,KAAK,CAACK,mBAF3B;AAGEC,IAAAA,sBAAsB,EAAEN,KAAK,CAACO,4BAHhC;AAIEC,IAAAA,2BAA2B,EAAER,KAAK,CAACS,iCAJrC,EADK;;AAOLT,EAAAA,KAPK,CAAP;;AASD,CAVM","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.btnDefaultBg,\n      selectMenuOffsetY: theme.dropdownMenuOffsetY,\n      selectBorderColorHover: theme.dropdownMenuHoverBorderColor,\n      selectBorderColorTransition: theme.dropdownMenuBorderColorTransition,\n    },\n    theme,\n  );\n};\n"]}
+{"version":3,"sources":["getDropdownTheme.ts"],"names":["ThemeFactory","getDropdownTheme","theme","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"],"mappings":"AAAA,SAASA,YAAT,QAA6B,gCAA7B;;;AAGA,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAyB;AACvD,SAAOF,YAAY,CAACG,MAAb;AACL;AACEC,IAAAA,eAAe,EAAEF,KAAK,CAACG,iBADzB;AAEEC,IAAAA,iBAAiB,EAAEJ,KAAK,CAACK,mBAF3B;AAGEC,IAAAA,sBAAsB,EAAEN,KAAK,CAACO,4BAHhC;AAIEC,IAAAA,2BAA2B,EAAER,KAAK,CAACS,iCAJrC;;AAMEC,IAAAA,iBAAiB,EAAEV,KAAK,CAACW,mBAN3B;AAOEC,IAAAA,kBAAkB,EAAEZ,KAAK,CAACa,oBAP5B;;AASEC,IAAAA,qBAAqB,EAAEd,KAAK,CAACe,uBAT/B;AAUEC,IAAAA,mBAAmB,EAAEhB,KAAK,CAACiB,qBAV7B;AAWEC,IAAAA,mBAAmB,EAAElB,KAAK,CAACmB,qBAX7B;AAYEC,IAAAA,mBAAmB,EAAEpB,KAAK,CAACqB,qBAZ7B;AAaEC,IAAAA,mBAAmB,EAAEtB,KAAK,CAACuB,qBAb7B;AAcEC,IAAAA,uBAAuB,EAAExB,KAAK,CAACyB,+BAdjC;;AAgBEC,IAAAA,sBAAsB,EAAE1B,KAAK,CAAC2B,wBAhBhC;AAiBEC,IAAAA,oBAAoB,EAAE5B,KAAK,CAAC6B,sBAjB9B;AAkBEC,IAAAA,oBAAoB,EAAE9B,KAAK,CAAC+B,sBAlB9B;AAmBEC,IAAAA,oBAAoB,EAAEhC,KAAK,CAACiC,sBAnB9B;AAoBEC,IAAAA,oBAAoB,EAAElC,KAAK,CAACmC,sBApB9B;AAqBEC,IAAAA,wBAAwB,EAAEpC,KAAK,CAACqC,gCArBlC;;AAuBEC,IAAAA,qBAAqB,EAAEtC,KAAK,CAACuC,uBAvB/B;AAwBEC,IAAAA,mBAAmB,EAAExC,KAAK,CAACyC,qBAxB7B;AAyBEC,IAAAA,mBAAmB,EAAE1C,KAAK,CAAC2C,qBAzB7B;AA0BEC,IAAAA,mBAAmB,EAAE5C,KAAK,CAAC6C,qBA1B7B;AA2BEC,IAAAA,mBAAmB,EAAE9C,KAAK,CAAC+C,qBA3B7B;AA4BEC,IAAAA,uBAAuB,EAAEhD,KAAK,CAACiD,+BA5BjC;;AA8BEC,IAAAA,gBAAgB,EAAElD,KAAK,CAACmD,kBA9B1B;AA+BEC,IAAAA,yBAAyB,EAAEpD,KAAK,CAACqD,2BA/BnC;AAgCEC,IAAAA,uBAAuB,EAAEtD,KAAK,CAACuD,yBAhCjC,EADK;;AAmCLvD,EAAAA,KAnCK,CAAP;;AAqCD,CAtCM","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"]}

package/components/DropdownMenu/DropdownMenu/DropdownMenu.js

@@ -4,12 +4,12 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _class2, _temp;
 
 import React from 'react';
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { PopupMenu } from "../../../internal/PopupMenu";
 import { isProductionEnv, isTestEnv } from "../../../lib/currentEnvironment";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { rootNode } from "../../../lib/rootNode";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
+import { ThemeConsumer, ThemeProvider } from "../../../lib/theming/ThemeContext";
 import { getDropdownMenuTheme } from "../getDropdownMenuTheme";
 export
 /**
@@ -53,8 +53,8 @@ var DropdownMenu = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_
   _proto.render = function render() {
     var _this2 = this;
 
-    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-      return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
+    return /*#__PURE__*/React.createElement(ThemeConsumer, null, function (theme) {
+      return /*#__PURE__*/React.createElement(ThemeProvider, {
         value: getDropdownMenuTheme(theme)
       }, _this2.renderMain());
     });
@@ -72,6 +72,7 @@ var DropdownMenu = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_
     return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
       rootNodeRef: this.setRootNode
     }, this.props), /*#__PURE__*/React.createElement(PopupMenu, {
+      "aria-label": this.props['aria-label'],
       ref: this.refPopupMenu,
       caption: this.props.caption,
       menuMaxHeight: this.props.menuMaxHeight,
@@ -90,7 +91,7 @@ var DropdownMenu = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_
   };
 
   return DropdownMenu;
-}(React.Component), _class2.__KONTUR_REACT_UI__ = 'DropdownMenu', _class2.defaultProps = {
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'DropdownMenu', _class2.displayName = 'DropdownMenu', _class2.defaultProps = {
   disableAnimations: isTestEnv,
   positions: ['bottom left', 'bottom right', 'top left', 'top right']
 }, _temp)) || _class;

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

@@ -1 +1 @@
-{"version":3,"sources":["DropdownMenu.tsx"],"names":["React","ThemeContext","PopupMenu","isProductionEnv","isTestEnv","CommonWrapper","rootNode","createPropsGetter","getDropdownMenuTheme","DropdownMenu","props","getProps","defaultProps","popupMenu","open","close","refPopupMenu","ref","caption","Error","render","theme","renderMain","positions","disableAnimations","setRootNode","menuMaxHeight","menuWidth","preventIconsOffset","header","footer","width","onClose","onOpen","popupMenuId","children","Component","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import React 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 CommonProps,\n    Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'popupMenuId' | 'preventIconsOffset'> {\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\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          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"]}
+{"version":3,"sources":["DropdownMenu.tsx"],"names":["React","PopupMenu","isProductionEnv","isTestEnv","CommonWrapper","rootNode","createPropsGetter","ThemeConsumer","ThemeProvider","getDropdownMenuTheme","DropdownMenu","props","getProps","defaultProps","popupMenu","open","close","refPopupMenu","ref","caption","Error","render","theme","renderMain","positions","disableAnimations","setRootNode","menuMaxHeight","menuWidth","preventIconsOffset","header","footer","width","onClose","onOpen","popupMenuId","children","Component","__KONTUR_REACT_UI__","displayName"],"mappings":"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","sourcesContent":["import React, { AriaAttributes } from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { PopupMenu, PopupMenuProps } from '../../internal/PopupMenu';\nimport { isProductionEnv, isTestEnv } from '../../lib/currentEnvironment';\nimport { PopupPositionsType } from '../../internal/Popup';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { ThemeConsumer, ThemeProvider } from '../../lib/theming/ThemeContext';\n\nimport { getDropdownMenuTheme } from './getDropdownMenuTheme';\n\nexport interface DropdownMenuProps\n  extends Pick<AriaAttributes, 'aria-label'>,\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      <ThemeConsumer>\n        {(theme) => {\n          return <ThemeProvider value={getDropdownMenuTheme(theme)}>{this.renderMain()}</ThemeProvider>;\n        }}\n      </ThemeConsumer>\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          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"]}

package/components/DropdownMenu/DropdownMenu.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+import React, { AriaAttributes } from 'react';
 import { PopupMenuProps } from '../../internal/PopupMenu';
 import { PopupPositionsType } from '../../internal/Popup';
 import { CommonProps } from '../../internal/CommonWrapper';
-export interface DropdownMenuProps extends CommonProps, Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'popupMenuId' | 'preventIconsOffset'> {
+export interface DropdownMenuProps extends Pick<AriaAttributes, 'aria-label'>, Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'popupMenuId' | 'preventIconsOffset'>, CommonProps {
     /** Максимальная высота меню */
     menuMaxHeight?: React.CSSProperties['maxWidth'];
     /** Ширина меню */
@@ -48,6 +48,7 @@ declare type DefaultProps = Required<Pick<DropdownMenuProps, 'disableAnimations'
  */
 export declare class DropdownMenu extends React.Component<DropdownMenuProps> {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     static defaultProps: DefaultProps;
     private getProps;
     private popupMenu;

package/components/DropdownMenu/getDropdownMenuTheme/getDropdownMenuTheme.js

@@ -1,6 +1,10 @@
 import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
 export var getDropdownMenuTheme = function getDropdownMenuTheme(theme) {
   return ThemeFactory.create({
-    popupMargin: theme.dropdownMenuMenuOffsetY
+    popupMargin: theme.dropdownMenuMenuOffsetY,
+    menuBoxSizing: theme.dropdownMenuMenuBoxSizing,
+    menuPaddingY: theme.menuLegacyPaddingY,
+    menuScrollContainerContentWrapperPaddingY: theme.menuPaddingY,
+    scrollContainerScrollBarOffsetY: theme.dropdownMenuScrollContainerScrollBarOffsetY
   }, theme);
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["getDropdownMenuTheme.ts"],"names":["ThemeFactory","getDropdownMenuTheme","theme","create","popupMargin","dropdownMenuMenuOffsetY"],"mappings":"AAAA,SAASA,YAAT,QAA6B,gCAA7B;;;AAGA,OAAO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD,EAAyB;AAC3D,SAAOF,YAAY,CAACG,MAAb;AACL;AACEC,IAAAA,WAAW,EAAEF,KAAK,CAACG,uBADrB,EADK;;AAILH,EAAAA,KAJK,CAAP;;AAMD,CAPM","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    },\n    theme,\n  );\n};\n"]}
+{"version":3,"sources":["getDropdownMenuTheme.ts"],"names":["ThemeFactory","getDropdownMenuTheme","theme","create","popupMargin","dropdownMenuMenuOffsetY","menuBoxSizing","dropdownMenuMenuBoxSizing","menuPaddingY","menuLegacyPaddingY","menuScrollContainerContentWrapperPaddingY","scrollContainerScrollBarOffsetY","dropdownMenuScrollContainerScrollBarOffsetY"],"mappings":"AAAA,SAASA,YAAT,QAA6B,gCAA7B;;;AAGA,OAAO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD,EAAyB;AAC3D,SAAOF,YAAY,CAACG,MAAb;AACL;AACEC,IAAAA,WAAW,EAAEF,KAAK,CAACG,uBADrB;AAEEC,IAAAA,aAAa,EAAEJ,KAAK,CAACK,yBAFvB;AAGEC,IAAAA,YAAY,EAAEN,KAAK,CAACO,kBAHtB;AAIEC,IAAAA,yCAAyC,EAAER,KAAK,CAACM,YAJnD;AAKEG,IAAAA,+BAA+B,EAAET,KAAK,CAACU,2CALzC,EADK;;AAQLV,EAAAA,KARK,CAAP;;AAUD,CAXM","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.menuLegacyPaddingY,\n      menuScrollContainerContentWrapperPaddingY: theme.menuPaddingY,\n      scrollContainerScrollBarOffsetY: theme.dropdownMenuScrollContainerScrollBarOffsetY,\n    },\n    theme,\n  );\n};\n"]}

package/components/FileUploader/FileUploader/FileUploader.js

@@ -4,31 +4,36 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _excluded = ["disabled", "error", "warning", "multiple", "width", "hideFiles", "onBlur", "onFocus", "onChange", "request", "validateBeforeUpload", "onRequestSuccess", "onRequestError", "size", "renderFile"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useCallback, useContext, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import { globalObject, isBrowser } from '@skbkontur/global-object';
 import { getAttachedFile } from "../../../internal/FileUploaderControl/fileUtils";
-import { cx } from "../../../lib/theming/Emotion";
+import { useEmotion } from "../../../lib/theming/Emotion";
 import { useMemoObject } from "../../../hooks/useMemoObject";
 import { FileUploaderControlContext } from "../../../internal/FileUploaderControl/FileUploaderControlContext";
 import { useControlLocale } from "../../../internal/FileUploaderControl/hooks/useControlLocale";
 import { useUpload } from "../../../internal/FileUploaderControl/hooks/useUpload";
 import { useDrop } from "../../../hooks/useDrop";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { UploadIcon } from "../../../internal/icons/16px";
 import { withFileUploaderControlProvider } from "../../../internal/FileUploaderControl/withFileUploaderControlProvider";
 import { keyListener } from "../../../lib/events/keyListener";
 import { FileUploaderFile } from "../../../internal/FileUploaderControl/FileUploaderFile/FileUploaderFile";
 import { FileUploaderFileList } from "../../../internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList";
-import { isBrowser } from "../../../lib/client";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { FileUploaderFileValidationResult } from "../../../internal/FileUploaderControl/FileUploaderFileValidationResult";
 import { useFileUploaderSize } from "../../../internal/FileUploaderControl/hooks/useFileUploaderSize";
 import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
-import { globalThat, renderTarget } from "../../../lib/SSRSafe";
+import { forwardRefAndName } from "../../../lib/forwardRefAndName";
+import { FocusControlWrapper } from "../../../internal/FocusControlWrapper";
+import { useTheme } from "../../../lib/theming/useTheme";
 import { UploadIcon as UploadIcon2022 } from "../UploadIcon";
-import { globalClasses, jsStyles } from "../FileUploader.styles";
+import { getStyles, globalClasses } from "../FileUploader.styles";
 
 var stopPropagation = function stopPropagation(e) {
   return e.stopPropagation();
 };
+/**
+ * @deprecated use SizeProp
+ */
+
 
 export var FileUploaderDataTids = {
   root: 'FileUploader__root',
@@ -41,10 +46,11 @@ var defaultRenderFile = function defaultRenderFile(file, fileNode) {
   return fileNode;
 };
 
-var _FileUploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _cx;
+var _FileUploader = forwardRefAndName('FileUploader', function (props, ref) {
+  var _emotion$cx;
 
-  var theme = useContext(ThemeContext);
+  var theme = useTheme();
+  var emotion = useEmotion();
 
   var _isTheme2022 = isTheme2022(theme);
 
@@ -132,20 +138,21 @@ var _FileUploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       };
     }());
   }, [validateBeforeUpload, isAsync, upload, setFileValidationResult]);
+  var styles = getStyles(emotion);
   var sizeClassName = useFileUploaderSize(size, {
-    small: jsStyles.sizeSmall(theme),
-    medium: jsStyles.sizeMedium(theme),
-    large: jsStyles.sizeLarge(theme)
+    small: styles.sizeSmall(theme),
+    medium: styles.sizeMedium(theme),
+    large: styles.sizeLarge(theme)
   });
   var sizeIconClass = useFileUploaderSize(size, {
-    small: jsStyles.iconSmall(theme),
-    medium: jsStyles.iconMedium(theme),
-    large: jsStyles.iconLarge(theme)
+    small: styles.iconSmall(theme),
+    medium: styles.iconMedium(theme),
+    large: styles.iconLarge(theme)
   });
   var contentInnerClass = useFileUploaderSize(size, {
-    small: jsStyles.contentInnerSmall(theme),
-    medium: jsStyles.contentInnerMedium(theme),
-    large: jsStyles.contentInnerLarge(theme)
+    small: styles.contentInnerSmall(theme),
+    medium: styles.contentInnerMedium(theme),
+    large: styles.contentInnerLarge(theme)
   });
   /** common part **/
 
@@ -195,8 +202,8 @@ var _FileUploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       isWindowDraggable = _useDrop2.isDraggable,
       windowRef = _useDrop2.ref;
 
-  if (isBrowser) {
-    windowRef.current = renderTarget;
+  if (isBrowser(globalObject)) {
+    windowRef.current = globalObject.document;
   }
 
   var focus = useCallback(function () {
@@ -234,7 +241,7 @@ var _FileUploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (!disabled) {
       // focus event fires before keyDown eventlistener
       // so we should check tabPressed in async way
-      globalThat.requestAnimationFrame(function () {
+      globalObject.requestAnimationFrame == null ? void 0 : globalObject.requestAnimationFrame(function () {
         if (keyListener.isTabPressed) {
           setFocusedByTab(true);
         }
@@ -255,14 +262,14 @@ var _FileUploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       hovered = _useState3[0],
       setHovered = _useState3[1];
 
-  var uploadButtonClassNames = cx(jsStyles.uploadButton(theme), sizeClassName, focusedByTab && jsStyles.uploadButtonFocus(theme), disabled && jsStyles.disabled(theme), !disabled && hovered && jsStyles.hovered(theme), !!warning && jsStyles.warning(theme), !!error && jsStyles.error(theme), isDraggable && !disabled && jsStyles.dragOver(theme));
+  var uploadButtonClassNames = emotion.cx(styles.uploadButton(theme), sizeClassName, focusedByTab && styles.uploadButtonFocus(theme), disabled && styles.disabled(theme), !disabled && hovered && styles.hovered(theme), !!warning && styles.warning(theme), !!error && styles.error(theme), isDraggable && !disabled && styles.dragOver(theme));
   var canDrop = isWindowDraggable && !disabled;
-  var uploadButtonWrapperClassNames = cx(!_isTheme2022 && canDrop && jsStyles.windowDragOver(theme), _isTheme2022 && canDrop && jsStyles.windowDragOver2022(theme));
-  var uploadButtonIconClassNames = cx(jsStyles.icon(theme), sizeIconClass, disabled && jsStyles.iconDisabled(theme));
+  var uploadButtonWrapperClassNames = emotion.cx(!_isTheme2022 && canDrop && styles.windowDragOver(theme), _isTheme2022 && canDrop && styles.windowDragOver2022(theme));
+  var uploadButtonIconClassNames = emotion.cx(styles.icon(theme), sizeIconClass, disabled && styles.iconDisabled(theme));
   var hasOneFile = files.length === 1;
   var hasOneFileForSingle = isSingleMode && hasOneFile && !hideFiles;
-  var contentClassNames = cx(jsStyles.content(), hasOneFileForSingle && jsStyles.contentWithFiles());
-  var linkClassNames = cx(jsStyles.link(theme), !disabled && hovered && jsStyles.linkHovered(theme), disabled && jsStyles.linkDisabled(theme));
+  var contentClassNames = emotion.cx(styles.content(), hasOneFileForSingle && styles.contentWithFiles());
+  var linkClassNames = emotion.cx(styles.link(theme), !disabled && hovered && styles.linkHovered(theme), disabled && styles.linkDisabled(theme));
   useEffect(function () {
     setIsLinkVisible(hasOneFileForSingle ? !isMinLengthReached : true);
   }, [isMinLengthReached, hasOneFileForSingle]);
@@ -277,7 +284,7 @@ var _FileUploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }) : /*#__PURE__*/React.createElement(UploadIcon, null);
   return /*#__PURE__*/React.createElement(CommonWrapper, props, /*#__PURE__*/React.createElement("div", {
     "data-tid": FileUploaderDataTids.root,
-    className: jsStyles.root(theme),
+    className: styles.root(theme),
     style: useMemoObject({
       width: width
     }),
@@ -298,37 +305,41 @@ var _FileUploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     className: uploadButtonClassNames
   }, /*#__PURE__*/React.createElement("div", {
     "data-tid": FileUploaderDataTids.content,
-    className: cx(contentClassNames, (_cx = {}, _cx[contentInnerClass] = !files.length || !isSingleMode, _cx))
+    className: emotion.cx(contentClassNames, (_emotion$cx = {}, _emotion$cx[contentInnerClass] = !files.length || !isSingleMode, _emotion$cx))
   }, isLinkVisible && /*#__PURE__*/React.createElement("span", {
     "data-tid": FileUploaderDataTids.link,
     className: linkClassNames
   }, hasOneFileForSingle ? locale.choosedFile : locale.chooseFile), isLinkVisible && String.fromCharCode(0xa0)
   /*   */
   , /*#__PURE__*/React.createElement("div", {
-    className: cx(globalClasses.afterLinkText, hasOneFileForSingle ? jsStyles.afterLinkText_HasFiles(theme) : jsStyles.afterLinkText(theme))
+    className: emotion.cx(globalClasses.afterLinkText, hasOneFileForSingle ? styles.afterLinkText_HasFiles(theme) : styles.afterLinkText(theme))
   }, hasOneFileForSingle ? /*#__PURE__*/React.createElement("div", {
     ref: fileDivRef,
-    className: jsStyles.singleFile()
+    className: styles.singleFile()
   }, renderFile(files[0], /*#__PURE__*/React.createElement(FileUploaderFile, {
     file: files[0],
     size: size
   }))) : /*#__PURE__*/React.createElement(React.Fragment, null, locale.orDragHere, "\xA0", /*#__PURE__*/React.createElement("div", {
     className: uploadButtonIconClassNames
-  }, icon)))), /*#__PURE__*/React.createElement("input", _extends({}, inputProps, {
+  }, icon)))), /*#__PURE__*/React.createElement(FocusControlWrapper, {
+    onBlurWhenDisabled: function onBlurWhenDisabled() {
+      return setFocusedByTab(false);
+    }
+  }, /*#__PURE__*/React.createElement("input", _extends({}, inputProps, {
     "data-tid": FileUploaderDataTids.input,
     ref: inputRef,
     tabIndex: disabled ? -1 : 0,
     type: "file",
     disabled: disabled,
     multiple: multiple,
-    className: jsStyles.fileInput(),
+    className: styles.visuallyHidden(),
     onClick: stopPropagation,
     onChange: handleInputChange,
     onFocus: handleFocus,
     onBlur: handleBlur // для того, чтобы срабатывало событие change при выборе одного и того же файла подряд
     ,
     value: ''
-  }))))));
+  })))))));
 });
 
 export var FileUploader = withFileUploaderControlProvider( /*#__PURE__*/React.memo(_FileUploader));

package/components/FileUploader/FileUploader/FileUploader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FileUploader.tsx"],"names":["React","useCallback","useContext","useEffect","useImperativeHandle","useRef","useState","getAttachedFile","cx","useMemoObject","FileUploaderControlContext","useControlLocale","useUpload","useDrop","ThemeContext","UploadIcon","withFileUploaderControlProvider","keyListener","FileUploaderFile","FileUploaderFileList","isBrowser","CommonWrapper","FileUploaderFileValidationResult","useFileUploaderSize","isTheme2022","globalThat","renderTarget","UploadIcon2022","globalClasses","jsStyles","stopPropagation","e","FileUploaderDataTids","root","content","link","input","defaultRenderFile","file","fileNode","_FileUploader","forwardRef","props","ref","theme","_isTheme2022","disabled","error","warning","multiple","width","fileUploaderWidth","hideFiles","onBlur","onFocus","onChange","request","validateBeforeUpload","onRequestSuccess","onRequestError","size","renderFile","inputProps","files","setFiles","removeFile","reset","setFileValidationResult","isMinLengthReached","locale","inputRef","fileDivRef","isAsync","isSingleMode","isLinkVisible","setIsLinkVisible","upload","tryValidateAndUpload","forEach","validationMessage","id","sizeClassName","small","sizeSmall","medium","sizeMedium","large","sizeLarge","sizeIconClass","iconSmall","iconMedium","iconLarge","contentInnerClass","contentInnerSmall","contentInnerMedium","contentInnerLarge","handleChange","newFiles","filesArray","Array","from","attachedFiles","map","length","handleDrop","event","dataTransfer","clearData","onDrop","isDraggable","labelRef","isWindowDraggable","windowRef","current","focus","isTabPressed","blur","getRootNode","rootNodeRef","focusedByTab","setFocusedByTab","handleInputChange","target","handleFocus","requestAnimationFrame","handleBlur","hovered","setHovered","uploadButtonClassNames","uploadButton","uploadButtonFocus","dragOver","canDrop","uploadButtonWrapperClassNames","windowDragOver","windowDragOver2022","uploadButtonIconClassNames","icon","iconDisabled","hasOneFile","hasOneFileForSingle","contentClassNames","contentWithFiles","linkClassNames","linkHovered","linkDisabled","iconSizes","parseInt","btnIconSizeSmall","btnIconSizeMedium","btnIconSizeLarge","choosedFile","chooseFile","String","fromCharCode","afterLinkText","afterLinkText_HasFiles","singleFile","orDragHere","fileInput","FileUploader","memo","displayName"],"mappings":"0fAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,UAA7B,EAAyCC,SAAzC,EAAoDC,mBAApD,EAAyEC,MAAzE,EAAiFC,QAAjF,QAAiG,OAAjG;;AAEA,SAAmCC,eAAnC,QAA0D,8CAA1D;AACA,SAASC,EAAT,QAAmB,2BAAnB;;AAEA,SAASC,aAAT,QAA8B,2BAA9B;AACA,SAASC,0BAAT,QAA2C,+DAA3C;AACA,SAASC,gBAAT,QAAiC,2DAAjC;AACA,SAASC,SAAT,QAA0B,oDAA1B;AACA,SAASC,OAAT,QAAwB,qBAAxB;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,UAAT,QAA2B,2BAA3B;;AAEA,SAASC,+BAAT,QAAgD,oEAAhD;AACA,SAASC,WAAT,QAA4B,8BAA5B;AACA,SAASC,gBAAT,QAAiC,sEAAjC;AACA,SAASC,oBAAT,QAAqC,8EAArC;AACA,SAASC,SAAT,QAA0B,kBAA1B;AACA,SAAsBC,aAAtB,QAA2C,8BAA3C;;AAEA,SAASC,gCAAT,QAAiD,qEAAjD;AACA,SAASC,mBAAT,QAAoC,8DAApC;AACA,SAASC,WAAT,QAA4B,gCAA5B;AACA,SAASC,UAAT,EAAqBC,YAArB,QAAyC,mBAAzC;;AAEA,SAASX,UAAU,IAAIY,cAAvB,QAA6C,cAA7C;AACA,SAASC,aAAT,EAAwBC,QAAxB,QAAwC,uBAAxC;;AAEA,IAAMC,eAAwC,GAAG,SAA3CA,eAA2C,CAACC,CAAD,UAAOA,CAAC,CAACD,eAAF,EAAP,EAAjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,OAAO,IAAME,oBAAoB,GAAG;AAClCC,EAAAA,IAAI,EAAE,oBAD4B;AAElCC,EAAAA,OAAO,EAAE,uBAFyB;AAGlCC,EAAAA,IAAI,EAAE,oBAH4B;AAIlCC,EAAAA,KAAK,EAAE,qBAJ2B,EAA7B;;;AAOP,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,IAAD,EAAiCC,QAAjC,UAAkEA,QAAlE,EAA1B;;AAEA,IAAMC,aAAa,gBAAGxC,KAAK,CAACyC,UAAN,CAAsD,UAACC,KAAD,EAA4BC,GAA5B,EAAoC;AAC9G,MAAMC,KAAK,GAAG1C,UAAU,CAACY,YAAD,CAAxB;AACA,MAAM+B,YAAY,GAAGrB,WAAW,CAACoB,KAAD,CAAhC;;AAEA;AACEE,EAAAA,QADF;;;;;;;;;;;;;;;;AAiBIJ,EAAAA,KAjBJ,CACEI,QADF,CAEEC,KAFF,GAiBIL,KAjBJ,CAEEK,KAFF,CAGEC,OAHF,GAiBIN,KAjBJ,CAGEM,OAHF,mBAiBIN,KAjBJ,CAIEO,QAJF,CAIEA,QAJF,gCAIa,KAJb,kCAiBIP,KAjBJ,CAKEQ,KALF,CAKEA,KALF,6BAKUN,KAAK,CAACO,iBALhB,mCAiBIT,KAjBJ,CAMEU,SANF,CAMEA,SANF,iCAMc,KANd,oBAOEC,MAPF,GAiBIX,KAjBJ,CAOEW,MAPF,CAQEC,OARF,GAiBIZ,KAjBJ,CAQEY,OARF,CASEC,QATF,GAiBIb,KAjBJ,CASEa,QATF,CAUEC,OAVF,GAiBId,KAjBJ,CAUEc,OAVF,CAWEC,oBAXF,GAiBIf,KAjBJ,CAWEe,oBAXF,CAYEC,gBAZF,GAiBIhB,KAjBJ,CAYEgB,gBAZF,CAaEC,cAbF,GAiBIjB,KAjBJ,CAaEiB,cAbF,eAiBIjB,KAjBJ,CAcEkB,IAdF,CAcEA,IAdF,4BAcS,OAdT,mCAiBIlB,KAjBJ,CAeEmB,UAfF,CAeEA,UAfF,kCAeexB,iBAff,qBAgBKyB,UAhBL,iCAiBIpB,KAjBJ;;AAmBA;AACExC,EAAAA,UAAU,CAACQ,0BAAD,CADZ,CAAQqD,KAAR,eAAQA,KAAR,CAAeC,QAAf,eAAeA,QAAf,CAAyBC,UAAzB,eAAyBA,UAAzB,CAAqCC,KAArC,eAAqCA,KAArC,CAA4CC,uBAA5C,eAA4CA,uBAA5C,CAAqEC,kBAArE,eAAqEA,kBAArE;;AAGA,MAAMC,MAAM,GAAG1D,gBAAgB,EAA/B;;AAEA,MAAM2D,QAAQ,GAAGjE,MAAM,CAAmB,IAAnB,CAAvB;AACA,MAAMkE,UAAU,GAAGlE,MAAM,CAAiB,IAAjB,CAAzB;;AAEA,MAAMmE,OAAO,GAAG,CAAC,CAAChB,OAAlB;AACA,MAAMiB,YAAY,GAAG,CAACxB,QAAtB;;AAEA,kBAA0C3C,QAAQ,CAAC,IAAD,CAAlD,CAAOoE,aAAP,gBAAsBC,gBAAtB;AACA,MAAMC,MAAM,GAAGhE,SAAS,CAAC4C,OAAD,EAAUE,gBAAV,EAA4BC,cAA5B,CAAxB;;AAEA,MAAMkB,oBAAoB,GAAG5E,WAAW;AACtC,YAAC8D,KAAD,EAAuC;AACrCA,IAAAA,KAAK,CAACe,OAAN,gGAAc,iBAAOxC,IAAP;AACcmB,gBAAAA,oBADd,sEAC6CA,oBAAoB,CAACnB,IAAD,CADjE,2CACNyC,iBADM;;AAGZ,oBAAI,CAACA,iBAAL,EAAwB;AACtBP,kBAAAA,OAAO,IAAII,MAAM,CAACtC,IAAD,CAAjB;AACD,iBAFD,MAEO;AACL6B,kBAAAA,uBAAuB,CAAC7B,IAAI,CAAC0C,EAAN,EAAU1D,gCAAgC,CAACyB,KAAjC,CAAuCgC,iBAAvC,CAAV,CAAvB;AACD,iBAPW,wDAAd;;AASD,GAXqC;AAYtC,GAACtB,oBAAD,EAAuBe,OAAvB,EAAgCI,MAAhC,EAAwCT,uBAAxC,CAZsC,CAAxC;;;AAeA,MAAMc,aAAa,GAAG1D,mBAAmB,CAACqC,IAAD,EAAO;AAC9CsB,IAAAA,KAAK,EAAErD,QAAQ,CAACsD,SAAT,CAAmBvC,KAAnB,CADuC;AAE9CwC,IAAAA,MAAM,EAAEvD,QAAQ,CAACwD,UAAT,CAAoBzC,KAApB,CAFsC;AAG9C0C,IAAAA,KAAK,EAAEzD,QAAQ,CAAC0D,SAAT,CAAmB3C,KAAnB,CAHuC,EAAP,CAAzC;;;AAMA,MAAM4C,aAAa,GAAGjE,mBAAmB,CAACqC,IAAD,EAAO;AAC9CsB,IAAAA,KAAK,EAAErD,QAAQ,CAAC4D,SAAT,CAAmB7C,KAAnB,CADuC;AAE9CwC,IAAAA,MAAM,EAAEvD,QAAQ,CAAC6D,UAAT,CAAoB9C,KAApB,CAFsC;AAG9C0C,IAAAA,KAAK,EAAEzD,QAAQ,CAAC8D,SAAT,CAAmB/C,KAAnB,CAHuC,EAAP,CAAzC;;;AAMA,MAAMgD,iBAAiB,GAAGrE,mBAAmB,CAACqC,IAAD,EAAO;AAClDsB,IAAAA,KAAK,EAAErD,QAAQ,CAACgE,iBAAT,CAA2BjD,KAA3B,CAD2C;AAElDwC,IAAAA,MAAM,EAAEvD,QAAQ,CAACiE,kBAAT,CAA4BlD,KAA5B,CAF0C;AAGlD0C,IAAAA,KAAK,EAAEzD,QAAQ,CAACkE,iBAAT,CAA2BnD,KAA3B,CAH2C,EAAP,CAA7C;;;AAMA;AACA,MAAMoD,YAAY,GAAG/F,WAAW;AAC9B,YAACgG,QAAD,EAA+B;AAC7B,QAAI,CAACA,QAAL,EAAe;AACb;AACD;;AAED,QAAIC,UAAU,GAAGC,KAAK,CAACC,IAAN,CAAWH,QAAX,CAAjB;;AAEA,QAAIxB,YAAJ,EAAkB;AAChByB,MAAAA,UAAU,GAAG,CAACA,UAAU,CAAC,CAAD,CAAX,CAAb;AACD;;AAED,QAAMG,aAAa,GAAGH,UAAU,CAACI,GAAX,CAAe/F,eAAf,CAAtB;;AAEA,QAAIkE,YAAY,IAAI4B,aAAa,CAACE,MAA9B,IAAwCxC,KAAK,CAACwC,MAAlD,EAA0D;AACxDtC,MAAAA,UAAU,CAACF,KAAK,CAAC,CAAD,CAAL,CAASiB,EAAV,CAAV;AACD;;AAED,QAAIqB,aAAa,CAACE,MAAlB,EAA0B;AACxBvC,MAAAA,QAAQ,CAACqC,aAAD,CAAR;AACAxB,MAAAA,oBAAoB,CAACwB,aAAD,CAApB;AACD;AACF,GAtB6B;AAuB9B,GAACxB,oBAAD,EAAuBb,QAAvB,EAAiCS,YAAjC,EAA+CV,KAA/C,EAAsDE,UAAtD,CAvB8B,CAAhC;;;AA0BA,MAAMuC,UAAU,GAAGvG,WAAW;AAC5B,YAACwG,KAAD,EAAW;AACT,QAAI3D,QAAJ,EAAc;AACZ;AACD;;AAED,QAAQ4D,YAAR,GAAyBD,KAAzB,CAAQC,YAAR;AACA,QAAQ3C,KAAR,GAAkB2C,YAAlB,CAAQ3C,KAAR;;AAEA,QAAI,CAAAA,KAAK,QAAL,YAAAA,KAAK,CAAEwC,MAAP,IAAgB,CAApB,EAAuB;AACrBP,MAAAA,YAAY,CAACjC,KAAD,CAAZ;AACA2C,MAAAA,YAAY,CAACC,SAAb;AACD;AACF,GAb2B;AAc5B,GAACX,YAAD,EAAelD,QAAf,CAd4B,CAA9B;;;AAiBA,iBAAuCjC,OAAO,CAAmB,EAAE+F,MAAM,EAAEJ,UAAV,EAAnB,CAA9C,CAAQK,WAAR,YAAQA,WAAR,CAA0BC,QAA1B,YAAqBnE,GAArB;AACA,kBAA2D9B,OAAO,EAAlE,CAAqBkG,iBAArB,aAAQF,WAAR,CAA6CG,SAA7C,aAAwCrE,GAAxC;;AAEA,MAAIvB,SAAJ,EAAe;AACb4F,IAAAA,SAAS,CAACC,OAAV,GAAoBvF,YAApB;AACD;;AAED,MAAMwF,KAAK,GAAGjH,WAAW,CAAC,YAAM;AAC9BgB,IAAAA,WAAW,CAACkG,YAAZ,GAA2B,IAA3B;AACA,yBAAA7C,QAAQ,CAAC2C,OAAT,uCAAkBC,KAAlB;AACD,GAHwB,EAGtB,EAHsB,CAAzB;;AAKA,MAAME,IAAI,GAAGnH,WAAW,CAAC,YAAM;AAC7B,0BAAAqE,QAAQ,CAAC2C,OAAT,wCAAkBG,IAAlB;AACD,GAFuB,EAErB,EAFqB,CAAxB;;AAIAhH,EAAAA,mBAAmB,CAACuC,GAAD,EAAM,oBAAO,EAAEuE,KAAK,EAALA,KAAF,EAASE,IAAI,EAAJA,IAAT,EAAelD,KAAK,EAALA,KAAf,EAAsBmD,WAAW,EAAE,+BAAMC,WAAW,CAACL,OAAlB,EAAnC,EAAP,EAAN,EAA8E;AAC/FtE,EAAAA,GAD+F;AAE/FyE,EAAAA,IAF+F;AAG/FF,EAAAA,KAH+F;AAI/FhD,EAAAA,KAJ+F,CAA9E,CAAnB;;;AAOA,mBAAwC5D,QAAQ,CAAC,KAAD,CAAhD,CAAOiH,YAAP,iBAAqBC,eAArB;AACA,MAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAAChB,KAAD,EAAgD;AACxElD,IAAAA,QAAQ,QAAR,YAAAA,QAAQ,CAAGkD,KAAH,CAAR;AACAT,IAAAA,YAAY,CAACS,KAAK,CAACiB,MAAN,CAAa3D,KAAd,CAAZ;AACD,GAHD;;AAKA,MAAM4D,WAAW,GAAG,SAAdA,WAAc,CAAC5F,CAAD,EAA2C;AAC7D,QAAI,CAACe,QAAL,EAAe;AACb;AACA;AACArB,MAAAA,UAAU,CAACmG,qBAAX,CAAiC,YAAM;AACrC,YAAI3G,WAAW,CAACkG,YAAhB,EAA8B;AAC5BK,UAAAA,eAAe,CAAC,IAAD,CAAf;AACD;AACF,OAJD;AAKAlE,MAAAA,OAAO,QAAP,YAAAA,OAAO,CAAGvB,CAAH,CAAP;AACD;AACF,GAXD;;AAaA,MAAM8F,UAAU,GAAG,SAAbA,UAAa,CAAC9F,CAAD,EAA2C;AAC5DyF,IAAAA,eAAe,CAAC,KAAD,CAAf;AACA,QAAI,CAAC1E,QAAL,EAAe;AACbO,MAAAA,MAAM,QAAN,YAAAA,MAAM,CAAGtB,CAAH,CAAN;AACD;AACF,GALD;;AAOA,mBAA8BzB,QAAQ,CAAC,KAAD,CAAtC,CAAOwH,OAAP,iBAAgBC,UAAhB;;AAEA,MAAMC,sBAAsB,GAAGxH,EAAE;AAC/BqB,EAAAA,QAAQ,CAACoG,YAAT,CAAsBrF,KAAtB,CAD+B;AAE/BqC,EAAAA,aAF+B;AAG/BsC,EAAAA,YAAY,IAAI1F,QAAQ,CAACqG,iBAAT,CAA2BtF,KAA3B,CAHe;AAI/BE,EAAAA,QAAQ,IAAIjB,QAAQ,CAACiB,QAAT,CAAkBF,KAAlB,CAJmB;AAK/B,GAACE,QAAD,IAAagF,OAAb,IAAwBjG,QAAQ,CAACiG,OAAT,CAAiBlF,KAAjB,CALO;AAM/B,GAAC,CAACI,OAAF,IAAanB,QAAQ,CAACmB,OAAT,CAAiBJ,KAAjB,CANkB;AAO/B,GAAC,CAACG,KAAF,IAAWlB,QAAQ,CAACkB,KAAT,CAAeH,KAAf,CAPoB;AAQ/BiE,EAAAA,WAAW,IAAI,CAAC/D,QAAhB,IAA4BjB,QAAQ,CAACsG,QAAT,CAAkBvF,KAAlB,CARG,CAAjC;;;AAWA,MAAMwF,OAAO,GAAGrB,iBAAiB,IAAI,CAACjE,QAAtC;AACA,MAAMuF,6BAA6B,GAAG7H,EAAE;AACtC,GAACqC,YAAD,IAAiBuF,OAAjB,IAA4BvG,QAAQ,CAACyG,cAAT,CAAwB1F,KAAxB,CADU;AAEtCC,EAAAA,YAAY,IAAIuF,OAAhB,IAA2BvG,QAAQ,CAAC0G,kBAAT,CAA4B3F,KAA5B,CAFW,CAAxC;;;AAKA,MAAM4F,0BAA0B,GAAGhI,EAAE,CAACqB,QAAQ,CAAC4G,IAAT,CAAc7F,KAAd,CAAD,EAAuB4C,aAAvB,EAAsC1C,QAAQ,IAAIjB,QAAQ,CAAC6G,YAAT,CAAsB9F,KAAtB,CAAlD,CAArC;;AAEA,MAAM+F,UAAU,GAAG5E,KAAK,CAACwC,MAAN,KAAiB,CAApC;AACA,MAAMqC,mBAAmB,GAAGnE,YAAY,IAAIkE,UAAhB,IAA8B,CAACvF,SAA3D;;AAEA,MAAMyF,iBAAiB,GAAGrI,EAAE,CAACqB,QAAQ,CAACK,OAAT,EAAD,EAAqB0G,mBAAmB,IAAI/G,QAAQ,CAACiH,gBAAT,EAA5C,CAA5B;;AAEA,MAAMC,cAAc,GAAGvI,EAAE;AACvBqB,EAAAA,QAAQ,CAACM,IAAT,CAAcS,KAAd,CADuB;AAEvB,GAACE,QAAD,IAAagF,OAAb,IAAwBjG,QAAQ,CAACmH,WAAT,CAAqBpG,KAArB,CAFD;AAGvBE,EAAAA,QAAQ,IAAIjB,QAAQ,CAACoH,YAAT,CAAsBrG,KAAtB,CAHW,CAAzB;;;AAMAzC,EAAAA,SAAS,CAAC,YAAM;AACdwE,IAAAA,gBAAgB,CAACiE,mBAAmB,GAAG,CAACxE,kBAAJ,GAAyB,IAA7C,CAAhB;AACD,GAFQ,EAEN,CAACA,kBAAD,EAAqBwE,mBAArB,CAFM,CAAT;;AAIA,MAAMtB,WAAW,GAAGjH,MAAM,CAAC,IAAD,CAA1B;;AAEA,MAAM6I,SAA2C,GAAG;AAClDhE,IAAAA,KAAK,EAAEiE,QAAQ,CAACvG,KAAK,CAACwG,gBAAP,CADmC;AAElDhE,IAAAA,MAAM,EAAE+D,QAAQ,CAACvG,KAAK,CAACyG,iBAAP,CAFkC;AAGlD/D,IAAAA,KAAK,EAAE6D,QAAQ,CAACvG,KAAK,CAAC0G,gBAAP,CAHmC,EAApD;;AAKA,MAAMb,IAAI,GAAG5F,YAAY,gBAAG,oBAAC,cAAD,IAAgB,IAAI,EAAEqG,SAAS,CAACtF,IAAD,CAA/B,GAAH,gBAA+C,oBAAC,UAAD,OAAxE;;AAEA;AACE,wBAAC,aAAD,EAAmBlB,KAAnB;AACE;AACE,kBAAUV,oBAAoB,CAACC,IADjC;AAEE,MAAA,SAAS,EAAEJ,QAAQ,CAACI,IAAT,CAAcW,KAAd,CAFb;AAGE,MAAA,KAAK,EAAEnC,aAAa,CAAC,EAAEyC,KAAK,EAALA,KAAF,EAAD,CAHtB;AAIE,MAAA,GAAG,EAAEoE,WAJP;;AAMG,KAAClE,SAAD,IAAc,CAACqB,YAAf,IAA+B,CAAC,CAACV,KAAK,CAACwC,MAAvC,iBAAiD,oBAAC,oBAAD,IAAsB,UAAU,EAAE1C,UAAlC,EAA8C,IAAI,EAAED,IAApD,GANpD;AAOE,iCAAK,SAAS,EAAEyE,6BAAhB;AACE;AACE,MAAA,YAAY,EAAE,gCAAMN,UAAU,CAAC,IAAD,CAAhB,EADhB;AAEE,MAAA,YAAY,EAAE,gCAAMA,UAAU,CAAC,KAAD,CAAhB,EAFhB;AAGE,MAAA,GAAG,EAAEjB,QAHP;AAIE,MAAA,SAAS,EAAEkB,sBAJb;;AAME;AACE,kBAAUhG,oBAAoB,CAACE,OADjC;AAEE,MAAA,SAAS,EAAE1B,EAAE,CAACqI,iBAAD,iBAAuBjD,iBAAvB,IAA2C,CAAC7B,KAAK,CAACwC,MAAP,IAAiB,CAAC9B,YAA7D,OAFf;;AAIGC,IAAAA,aAAa;AACZ,kCAAM,YAAU1C,oBAAoB,CAACG,IAArC,EAA2C,SAAS,EAAE4G,cAAtD;AACGH,IAAAA,mBAAmB,GAAGvE,MAAM,CAACkF,WAAV,GAAwBlF,MAAM,CAACmF,UADrD,CALJ;;;AASG9E,IAAAA,aAAa,IAAI+E,MAAM,CAACC,YAAP,CAAoB,IAApB,CATpB,CAS8C,YAT9C;AAUE;AACE,MAAA,SAAS,EAAElJ,EAAE;AACXoB,MAAAA,aAAa,CAAC+H,aADH;AAEXf,MAAAA,mBAAmB,GAAG/G,QAAQ,CAAC+H,sBAAT,CAAgChH,KAAhC,CAAH,GAA4Cf,QAAQ,CAAC8H,aAAT,CAAuB/G,KAAvB,CAFpD,CADf;;;AAMGgG,IAAAA,mBAAmB;AAClB,iCAAK,GAAG,EAAErE,UAAV,EAAsB,SAAS,EAAE1C,QAAQ,CAACgI,UAAT,EAAjC;AACGhG,IAAAA,UAAU,CAACE,KAAK,CAAC,CAAD,CAAN,eAAW,oBAAC,gBAAD,IAAkB,IAAI,EAAEA,KAAK,CAAC,CAAD,CAA7B,EAAkC,IAAI,EAAEH,IAAxC,GAAX,CADb,CADkB;;;AAKlB;AACGS,IAAAA,MAAM,CAACyF,UADV;AAEE,iCAAK,SAAS,EAAEtB,0BAAhB,IAA6CC,IAA7C,CAFF,CAXJ,CAVF,CANF;;;;;AAkCE;AACM3E,IAAAA,UADN;AAEE,kBAAU9B,oBAAoB,CAACI,KAFjC;AAGE,MAAA,GAAG,EAAEkC,QAHP;AAIE,MAAA,QAAQ,EAAExB,QAAQ,GAAG,CAAC,CAAJ,GAAQ,CAJ5B;AAKE,MAAA,IAAI,EAAC,MALP;AAME,MAAA,QAAQ,EAAEA,QANZ;AAOE,MAAA,QAAQ,EAAEG,QAPZ;AAQE,MAAA,SAAS,EAAEpB,QAAQ,CAACkI,SAAT,EARb;AASE,MAAA,OAAO,EAAEjI,eATX;AAUE,MAAA,QAAQ,EAAE2F,iBAVZ;AAWE,MAAA,OAAO,EAAEE,WAXX;AAYE,MAAA,MAAM,EAAEE;AACR;AAbF,QAcE,KAAK,EAAE,EAdT,IAlCF,CADF,CAPF,CADF,CADF;;;;;;;AAiED,CAjRqB,CAAtB;;;;AAqRA,OAAO,IAAMmC,YAAY,GAAGhJ,+BAA+B;AACzDhB,KAAK,CAACiK,IAAN,CAAWzH,aAAX,CADyD,CAApD;;AAGPwH,YAAY,CAACE,WAAb,GAA2B,cAA3B","sourcesContent":["import React, { useCallback, useContext, useEffect, useImperativeHandle, useRef, useState } from 'react';\n\nimport { FileUploaderAttachedFile, getAttachedFile } from '../../internal/FileUploaderControl/fileUtils';\nimport { cx } from '../../lib/theming/Emotion';\nimport { InstanceWithRootNode } from '../../lib/rootNode';\nimport { useMemoObject } from '../../hooks/useMemoObject';\nimport { FileUploaderControlContext } from '../../internal/FileUploaderControl/FileUploaderControlContext';\nimport { useControlLocale } from '../../internal/FileUploaderControl/hooks/useControlLocale';\nimport { useUpload } from '../../internal/FileUploaderControl/hooks/useUpload';\nimport { useDrop } from '../../hooks/useDrop';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { UploadIcon } from '../../internal/icons/16px';\nimport { FileUploaderControlProviderProps } from '../../internal/FileUploaderControl/FileUploaderControlProvider';\nimport { withFileUploaderControlProvider } from '../../internal/FileUploaderControl/withFileUploaderControlProvider';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { FileUploaderFile } from '../../internal/FileUploaderControl/FileUploaderFile/FileUploaderFile';\nimport { FileUploaderFileList } from '../../internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList';\nimport { isBrowser } from '../../lib/client';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { Nullable } from '../../typings/utility-types';\nimport { FileUploaderFileValidationResult } from '../../internal/FileUploaderControl/FileUploaderFileValidationResult';\nimport { useFileUploaderSize } from '../../internal/FileUploaderControl/hooks/useFileUploaderSize';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { globalThat, renderTarget } from '../../lib/SSRSafe';\n\nimport { UploadIcon as UploadIcon2022 } from './UploadIcon';\nimport { globalClasses, jsStyles } from './FileUploader.styles';\n\nconst stopPropagation: React.ReactEventHandler = (e) => e.stopPropagation();\n\nexport type FileUploaderSize = 'small' | 'medium' | 'large';\n\ntype FileUploaderOverriddenProps = 'size';\n\ninterface _FileUploaderProps\n  extends CommonProps,\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, FileUploaderOverriddenProps> {\n  /** Состояние ошибки всего контрола */\n  error?: boolean;\n  /** Состояние предупреждения всего контрола */\n  warning?: boolean;\n  /** Свойство ширины. */\n  width?: React.CSSProperties['width'];\n  /**\n   * Задаёт размер контрола.\n   *\n   * **Допустимые значения**: `\"small\"`, `\"medium\"`, `\"large\"`.\n   */\n  size?: FileUploaderSize;\n  /** Свойство, скрывающее отображение файлов.  */\n  hideFiles?: boolean;\n\n  /** Функция, через которую отправляем файлы. Используется для отслеживания статуса загрузки файла. */\n  request?: (file: FileUploaderAttachedFile) => Promise<void>;\n  /** Срабатывает при удачной попытке отправки через request */\n  onRequestSuccess?: (fileId: string) => void;\n  /** Срабатывает при неудачной попытке отправки через request */\n  onRequestError?: (fileId: string) => void;\n\n  /**\n   * Функция валидации каждого файла.\n   * Срабатывает после выбора файлов и перед попыткой отправить в request.\n   * Чтобы вывести валидацию ошибки, промис должен вернуть строку.\n   * */\n  validateBeforeUpload?: (file: FileUploaderAttachedFile) => Promise<Nullable<string>>;\n\n  /**\n   * Функция, позволяющая кастомизировать файлы.\n   * Через нее можно вешать кастомные валидации на каждый файл.\n   * */\n  renderFile?: (file: FileUploaderAttachedFile, fileNode: React.ReactElement) => React.ReactNode;\n}\n\nexport interface FileUploaderRef extends InstanceWithRootNode {\n  focus: () => void;\n  blur: () => void;\n  /** Сбрасывает выбранные файлы */\n  reset: () => void;\n}\n\nexport const FileUploaderDataTids = {\n  root: 'FileUploader__root',\n  content: 'FileUploader__content',\n  link: 'FileUploader__link',\n  input: 'FileUploader__input',\n} as const;\n\nconst defaultRenderFile = (file: FileUploaderAttachedFile, fileNode: React.ReactElement) => fileNode;\n\nconst _FileUploader = React.forwardRef<FileUploaderRef, _FileUploaderProps>((props: _FileUploaderProps, ref) => {\n  const theme = useContext(ThemeContext);\n  const _isTheme2022 = isTheme2022(theme);\n\n  const {\n    disabled,\n    error,\n    warning,\n    multiple = false,\n    width = theme.fileUploaderWidth,\n    hideFiles = false,\n    onBlur,\n    onFocus,\n    onChange,\n    request,\n    validateBeforeUpload,\n    onRequestSuccess,\n    onRequestError,\n    size = 'small',\n    renderFile = defaultRenderFile,\n    ...inputProps\n  } = props;\n\n  const { files, setFiles, removeFile, reset, setFileValidationResult, isMinLengthReached } =\n    useContext(FileUploaderControlContext);\n\n  const locale = useControlLocale();\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const fileDivRef = useRef<HTMLDivElement>(null);\n\n  const isAsync = !!request;\n  const isSingleMode = !multiple;\n\n  const [isLinkVisible, setIsLinkVisible] = useState(true);\n  const upload = useUpload(request, onRequestSuccess, onRequestError);\n\n  const tryValidateAndUpload = useCallback(\n    (files: FileUploaderAttachedFile[]) => {\n      files.forEach(async (file) => {\n        const validationMessage = validateBeforeUpload && (await validateBeforeUpload(file));\n\n        if (!validationMessage) {\n          isAsync && upload(file);\n        } else {\n          setFileValidationResult(file.id, FileUploaderFileValidationResult.error(validationMessage));\n        }\n      });\n    },\n    [validateBeforeUpload, isAsync, upload, setFileValidationResult],\n  );\n\n  const sizeClassName = useFileUploaderSize(size, {\n    small: jsStyles.sizeSmall(theme),\n    medium: jsStyles.sizeMedium(theme),\n    large: jsStyles.sizeLarge(theme),\n  });\n\n  const sizeIconClass = useFileUploaderSize(size, {\n    small: jsStyles.iconSmall(theme),\n    medium: jsStyles.iconMedium(theme),\n    large: jsStyles.iconLarge(theme),\n  });\n\n  const contentInnerClass = useFileUploaderSize(size, {\n    small: jsStyles.contentInnerSmall(theme),\n    medium: jsStyles.contentInnerMedium(theme),\n    large: jsStyles.contentInnerLarge(theme),\n  });\n\n  /** common part **/\n  const handleChange = useCallback(\n    (newFiles: FileList | null) => {\n      if (!newFiles) {\n        return;\n      }\n\n      let filesArray = Array.from(newFiles);\n\n      if (isSingleMode) {\n        filesArray = [filesArray[0]];\n      }\n\n      const attachedFiles = filesArray.map(getAttachedFile);\n\n      if (isSingleMode && attachedFiles.length && files.length) {\n        removeFile(files[0].id);\n      }\n\n      if (attachedFiles.length) {\n        setFiles(attachedFiles);\n        tryValidateAndUpload(attachedFiles);\n      }\n    },\n    [tryValidateAndUpload, setFiles, isSingleMode, files, removeFile],\n  );\n\n  const handleDrop = useCallback(\n    (event) => {\n      if (disabled) {\n        return;\n      }\n\n      const { dataTransfer } = event;\n      const { files } = dataTransfer;\n\n      if (files?.length > 0) {\n        handleChange(files);\n        dataTransfer.clearData();\n      }\n    },\n    [handleChange, disabled],\n  );\n\n  const { isDraggable, ref: labelRef } = useDrop<HTMLLabelElement>({ onDrop: handleDrop });\n  const { isDraggable: isWindowDraggable, ref: windowRef } = useDrop<Document>();\n\n  if (isBrowser) {\n    windowRef.current = renderTarget;\n  }\n\n  const focus = useCallback(() => {\n    keyListener.isTabPressed = true;\n    inputRef.current?.focus();\n  }, []);\n\n  const blur = useCallback(() => {\n    inputRef.current?.blur();\n  }, []);\n\n  useImperativeHandle(ref, () => ({ focus, blur, reset, getRootNode: () => rootNodeRef.current }), [\n    ref,\n    blur,\n    focus,\n    reset,\n  ]);\n\n  const [focusedByTab, setFocusedByTab] = useState(false);\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event);\n    handleChange(event.target.files);\n  };\n\n  const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    if (!disabled) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      globalThat.requestAnimationFrame(() => {\n        if (keyListener.isTabPressed) {\n          setFocusedByTab(true);\n        }\n      });\n      onFocus?.(e);\n    }\n  };\n\n  const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    setFocusedByTab(false);\n    if (!disabled) {\n      onBlur?.(e);\n    }\n  };\n\n  const [hovered, setHovered] = useState(false);\n\n  const uploadButtonClassNames = cx(\n    jsStyles.uploadButton(theme),\n    sizeClassName,\n    focusedByTab && jsStyles.uploadButtonFocus(theme),\n    disabled && jsStyles.disabled(theme),\n    !disabled && hovered && jsStyles.hovered(theme),\n    !!warning && jsStyles.warning(theme),\n    !!error && jsStyles.error(theme),\n    isDraggable && !disabled && jsStyles.dragOver(theme),\n  );\n\n  const canDrop = isWindowDraggable && !disabled;\n  const uploadButtonWrapperClassNames = cx(\n    !_isTheme2022 && canDrop && jsStyles.windowDragOver(theme),\n    _isTheme2022 && canDrop && jsStyles.windowDragOver2022(theme),\n  );\n\n  const uploadButtonIconClassNames = cx(jsStyles.icon(theme), sizeIconClass, disabled && jsStyles.iconDisabled(theme));\n\n  const hasOneFile = files.length === 1;\n  const hasOneFileForSingle = isSingleMode && hasOneFile && !hideFiles;\n\n  const contentClassNames = cx(jsStyles.content(), hasOneFileForSingle && jsStyles.contentWithFiles());\n\n  const linkClassNames = cx(\n    jsStyles.link(theme),\n    !disabled && hovered && jsStyles.linkHovered(theme),\n    disabled && jsStyles.linkDisabled(theme),\n  );\n\n  useEffect(() => {\n    setIsLinkVisible(hasOneFileForSingle ? !isMinLengthReached : true);\n  }, [isMinLengthReached, hasOneFileForSingle]);\n\n  const rootNodeRef = useRef(null);\n\n  const iconSizes: Record<FileUploaderSize, number> = {\n    small: parseInt(theme.btnIconSizeSmall),\n    medium: parseInt(theme.btnIconSizeMedium),\n    large: parseInt(theme.btnIconSizeLarge),\n  };\n  const icon = _isTheme2022 ? <UploadIcon2022 size={iconSizes[size]} /> : <UploadIcon />;\n\n  return (\n    <CommonWrapper {...props}>\n      <div\n        data-tid={FileUploaderDataTids.root}\n        className={jsStyles.root(theme)}\n        style={useMemoObject({ width })}\n        ref={rootNodeRef}\n      >\n        {!hideFiles && !isSingleMode && !!files.length && <FileUploaderFileList renderFile={renderFile} size={size} />}\n        <div className={uploadButtonWrapperClassNames}>\n          <label\n            onMouseEnter={() => setHovered(true)}\n            onMouseLeave={() => setHovered(false)}\n            ref={labelRef}\n            className={uploadButtonClassNames}\n          >\n            <div\n              data-tid={FileUploaderDataTids.content}\n              className={cx(contentClassNames, { [contentInnerClass]: !files.length || !isSingleMode })}\n            >\n              {isLinkVisible && (\n                <span data-tid={FileUploaderDataTids.link} className={linkClassNames}>\n                  {hasOneFileForSingle ? locale.choosedFile : locale.chooseFile}\n                </span>\n              )}\n              {isLinkVisible && String.fromCharCode(0xa0) /* &nbsp; */}\n              <div\n                className={cx(\n                  globalClasses.afterLinkText,\n                  hasOneFileForSingle ? jsStyles.afterLinkText_HasFiles(theme) : jsStyles.afterLinkText(theme),\n                )}\n              >\n                {hasOneFileForSingle ? (\n                  <div ref={fileDivRef} className={jsStyles.singleFile()}>\n                    {renderFile(files[0], <FileUploaderFile file={files[0]} size={size} />)}\n                  </div>\n                ) : (\n                  <>\n                    {locale.orDragHere}&nbsp;\n                    <div className={uploadButtonIconClassNames}>{icon}</div>\n                  </>\n                )}\n              </div>\n            </div>\n            <input\n              {...inputProps}\n              data-tid={FileUploaderDataTids.input}\n              ref={inputRef}\n              tabIndex={disabled ? -1 : 0}\n              type=\"file\"\n              disabled={disabled}\n              multiple={multiple}\n              className={jsStyles.fileInput()}\n              onClick={stopPropagation}\n              onChange={handleInputChange}\n              onFocus={handleFocus}\n              onBlur={handleBlur}\n              // для того, чтобы срабатывало событие change при выборе одного и того же файла подряд\n              value={''}\n            />\n          </label>\n        </div>\n      </div>\n    </CommonWrapper>\n  );\n});\n\nexport interface FileUploaderProps extends _FileUploaderProps, FileUploaderControlProviderProps {}\n\nexport const FileUploader = withFileUploaderControlProvider<FileUploaderProps, FileUploaderRef>(\n  React.memo(_FileUploader),\n);\nFileUploader.displayName = 'FileUploader';\n"]}
+{"version":3,"sources":["FileUploader.tsx"],"names":["React","useCallback","useContext","useEffect","useImperativeHandle","useRef","useState","globalObject","isBrowser","getAttachedFile","useEmotion","useMemoObject","FileUploaderControlContext","useControlLocale","useUpload","useDrop","UploadIcon","withFileUploaderControlProvider","keyListener","FileUploaderFile","FileUploaderFileList","CommonWrapper","FileUploaderFileValidationResult","useFileUploaderSize","isTheme2022","forwardRefAndName","FocusControlWrapper","useTheme","UploadIcon2022","getStyles","globalClasses","stopPropagation","e","FileUploaderDataTids","root","content","link","input","defaultRenderFile","file","fileNode","_FileUploader","props","ref","theme","emotion","_isTheme2022","disabled","error","warning","multiple","width","fileUploaderWidth","hideFiles","onBlur","onFocus","onChange","request","validateBeforeUpload","onRequestSuccess","onRequestError","size","renderFile","inputProps","files","setFiles","removeFile","reset","setFileValidationResult","isMinLengthReached","locale","inputRef","fileDivRef","isAsync","isSingleMode","isLinkVisible","setIsLinkVisible","upload","tryValidateAndUpload","forEach","validationMessage","id","styles","sizeClassName","small","sizeSmall","medium","sizeMedium","large","sizeLarge","sizeIconClass","iconSmall","iconMedium","iconLarge","contentInnerClass","contentInnerSmall","contentInnerMedium","contentInnerLarge","handleChange","newFiles","filesArray","Array","from","attachedFiles","map","length","handleDrop","event","dataTransfer","clearData","onDrop","isDraggable","labelRef","isWindowDraggable","windowRef","current","document","focus","isTabPressed","blur","getRootNode","rootNodeRef","focusedByTab","setFocusedByTab","handleInputChange","target","handleFocus","requestAnimationFrame","handleBlur","hovered","setHovered","uploadButtonClassNames","cx","uploadButton","uploadButtonFocus","dragOver","canDrop","uploadButtonWrapperClassNames","windowDragOver","windowDragOver2022","uploadButtonIconClassNames","icon","iconDisabled","hasOneFile","hasOneFileForSingle","contentClassNames","contentWithFiles","linkClassNames","linkHovered","linkDisabled","iconSizes","parseInt","btnIconSizeSmall","btnIconSizeMedium","btnIconSizeLarge","choosedFile","chooseFile","String","fromCharCode","afterLinkText","afterLinkText_HasFiles","singleFile","orDragHere","visuallyHidden","FileUploader","memo","displayName"],"mappings":"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","sourcesContent":["import React, { useCallback, useContext, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport { FileUploaderAttachedFile, getAttachedFile } from '../../internal/FileUploaderControl/fileUtils';\nimport { useEmotion } from '../../lib/theming/Emotion';\nimport { InstanceWithRootNode } from '../../lib/rootNode';\nimport { useMemoObject } from '../../hooks/useMemoObject';\nimport { FileUploaderControlContext } from '../../internal/FileUploaderControl/FileUploaderControlContext';\nimport { useControlLocale } from '../../internal/FileUploaderControl/hooks/useControlLocale';\nimport { useUpload } from '../../internal/FileUploaderControl/hooks/useUpload';\nimport { useDrop } from '../../hooks/useDrop';\nimport { UploadIcon } from '../../internal/icons/16px';\nimport { FileUploaderControlProviderProps } from '../../internal/FileUploaderControl/FileUploaderControlProvider';\nimport { withFileUploaderControlProvider } from '../../internal/FileUploaderControl/withFileUploaderControlProvider';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { FileUploaderFile } from '../../internal/FileUploaderControl/FileUploaderFile/FileUploaderFile';\nimport { FileUploaderFileList } from '../../internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { Nullable } from '../../typings/utility-types';\nimport { FileUploaderFileValidationResult } from '../../internal/FileUploaderControl/FileUploaderFileValidationResult';\nimport { useFileUploaderSize } from '../../internal/FileUploaderControl/hooks/useFileUploaderSize';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { SizeProp } from '../../lib/types/props';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper';\nimport { useTheme } from '../../lib/theming/useTheme';\n\nimport { UploadIcon as UploadIcon2022 } from './UploadIcon';\nimport { getStyles, globalClasses } from './FileUploader.styles';\n\nconst stopPropagation: React.ReactEventHandler = (e) => e.stopPropagation();\n\n/**\n * @deprecated use SizeProp\n */\nexport type FileUploaderSize = SizeProp;\n\ntype FileUploaderOverriddenProps = 'size';\n\ninterface _FileUploaderProps\n  extends CommonProps,\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, FileUploaderOverriddenProps> {\n  /** Состояние ошибки всего контрола */\n  error?: boolean;\n  /** Состояние предупреждения всего контрола */\n  warning?: boolean;\n  /** Свойство ширины. */\n  width?: React.CSSProperties['width'];\n  /**\n   * Задаёт размер контрола.\n   *\n   * **Допустимые значения**: `\"small\"`, `\"medium\"`, `\"large\"`.\n   */\n  size?: SizeProp;\n  /** Свойство, скрывающее отображение файлов.  */\n  hideFiles?: boolean;\n\n  /** Функция, через которую отправляем файлы. Используется для отслеживания статуса загрузки файла. */\n  request?: (file: FileUploaderAttachedFile) => Promise<void>;\n  /** Срабатывает при удачной попытке отправки через request */\n  onRequestSuccess?: (fileId: string) => void;\n  /** Срабатывает при неудачной попытке отправки через request */\n  onRequestError?: (fileId: string) => void;\n\n  /**\n   * Функция валидации каждого файла.\n   * Срабатывает после выбора файлов и перед попыткой отправить в request.\n   * Чтобы вывести валидацию ошибки, промис должен вернуть строку.\n   * */\n  validateBeforeUpload?: (file: FileUploaderAttachedFile) => Promise<Nullable<string>>;\n\n  /**\n   * Функция, позволяющая кастомизировать файлы.\n   * Через нее можно вешать кастомные валидации на каждый файл.\n   * */\n  renderFile?: (file: FileUploaderAttachedFile, fileNode: React.ReactElement) => React.ReactNode;\n}\n\nexport interface FileUploaderRef extends InstanceWithRootNode {\n  focus: () => void;\n  blur: () => void;\n  /** Сбрасывает выбранные файлы */\n  reset: () => void;\n}\n\nexport const FileUploaderDataTids = {\n  root: 'FileUploader__root',\n  content: 'FileUploader__content',\n  link: 'FileUploader__link',\n  input: 'FileUploader__input',\n} as const;\n\nconst defaultRenderFile = (file: FileUploaderAttachedFile, fileNode: React.ReactElement) => fileNode;\n\nconst _FileUploader = forwardRefAndName<FileUploaderRef, _FileUploaderProps>('FileUploader', (props, ref) => {\n  const theme = useTheme();\n  const emotion = useEmotion();\n  const _isTheme2022 = isTheme2022(theme);\n\n  const {\n    disabled,\n    error,\n    warning,\n    multiple = false,\n    width = theme.fileUploaderWidth,\n    hideFiles = false,\n    onBlur,\n    onFocus,\n    onChange,\n    request,\n    validateBeforeUpload,\n    onRequestSuccess,\n    onRequestError,\n    size = 'small',\n    renderFile = defaultRenderFile,\n    ...inputProps\n  } = props;\n\n  const { files, setFiles, removeFile, reset, setFileValidationResult, isMinLengthReached } =\n    useContext(FileUploaderControlContext);\n\n  const locale = useControlLocale();\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const fileDivRef = useRef<HTMLDivElement>(null);\n\n  const isAsync = !!request;\n  const isSingleMode = !multiple;\n\n  const [isLinkVisible, setIsLinkVisible] = useState(true);\n  const upload = useUpload(request, onRequestSuccess, onRequestError);\n\n  const tryValidateAndUpload = useCallback(\n    (files: FileUploaderAttachedFile[]) => {\n      files.forEach(async (file) => {\n        const validationMessage = validateBeforeUpload && (await validateBeforeUpload(file));\n\n        if (!validationMessage) {\n          isAsync && upload(file);\n        } else {\n          setFileValidationResult(file.id, FileUploaderFileValidationResult.error(validationMessage));\n        }\n      });\n    },\n    [validateBeforeUpload, isAsync, upload, setFileValidationResult],\n  );\n  const styles = getStyles(emotion);\n  const sizeClassName = useFileUploaderSize(size, {\n    small: styles.sizeSmall(theme),\n    medium: styles.sizeMedium(theme),\n    large: styles.sizeLarge(theme),\n  });\n\n  const sizeIconClass = useFileUploaderSize(size, {\n    small: styles.iconSmall(theme),\n    medium: styles.iconMedium(theme),\n    large: styles.iconLarge(theme),\n  });\n\n  const contentInnerClass = useFileUploaderSize(size, {\n    small: styles.contentInnerSmall(theme),\n    medium: styles.contentInnerMedium(theme),\n    large: styles.contentInnerLarge(theme),\n  });\n\n  /** common part **/\n  const handleChange = useCallback(\n    (newFiles: FileList | null) => {\n      if (!newFiles) {\n        return;\n      }\n\n      let filesArray = Array.from(newFiles);\n\n      if (isSingleMode) {\n        filesArray = [filesArray[0]];\n      }\n\n      const attachedFiles = filesArray.map(getAttachedFile);\n\n      if (isSingleMode && attachedFiles.length && files.length) {\n        removeFile(files[0].id);\n      }\n\n      if (attachedFiles.length) {\n        setFiles(attachedFiles);\n        tryValidateAndUpload(attachedFiles);\n      }\n    },\n    [tryValidateAndUpload, setFiles, isSingleMode, files, removeFile],\n  );\n\n  const handleDrop = useCallback(\n    (event) => {\n      if (disabled) {\n        return;\n      }\n\n      const { dataTransfer } = event;\n      const { files } = dataTransfer;\n\n      if (files?.length > 0) {\n        handleChange(files);\n        dataTransfer.clearData();\n      }\n    },\n    [handleChange, disabled],\n  );\n\n  const { isDraggable, ref: labelRef } = useDrop<HTMLLabelElement>({ onDrop: handleDrop });\n  const { isDraggable: isWindowDraggable, ref: windowRef } = useDrop<Document>();\n\n  if (isBrowser(globalObject)) {\n    windowRef.current = globalObject.document;\n  }\n\n  const focus = useCallback(() => {\n    keyListener.isTabPressed = true;\n    inputRef.current?.focus();\n  }, []);\n\n  const blur = useCallback(() => {\n    inputRef.current?.blur();\n  }, []);\n\n  useImperativeHandle(ref, () => ({ focus, blur, reset, getRootNode: () => rootNodeRef.current }), [\n    ref,\n    blur,\n    focus,\n    reset,\n  ]);\n\n  const [focusedByTab, setFocusedByTab] = useState(false);\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event);\n    handleChange(event.target.files);\n  };\n\n  const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    if (!disabled) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      globalObject.requestAnimationFrame?.(() => {\n        if (keyListener.isTabPressed) {\n          setFocusedByTab(true);\n        }\n      });\n      onFocus?.(e);\n    }\n  };\n\n  const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    setFocusedByTab(false);\n    if (!disabled) {\n      onBlur?.(e);\n    }\n  };\n\n  const [hovered, setHovered] = useState(false);\n\n  const uploadButtonClassNames = emotion.cx(\n    styles.uploadButton(theme),\n    sizeClassName,\n    focusedByTab && styles.uploadButtonFocus(theme),\n    disabled && styles.disabled(theme),\n    !disabled && hovered && styles.hovered(theme),\n    !!warning && styles.warning(theme),\n    !!error && styles.error(theme),\n    isDraggable && !disabled && styles.dragOver(theme),\n  );\n\n  const canDrop = isWindowDraggable && !disabled;\n  const uploadButtonWrapperClassNames = emotion.cx(\n    !_isTheme2022 && canDrop && styles.windowDragOver(theme),\n    _isTheme2022 && canDrop && styles.windowDragOver2022(theme),\n  );\n\n  const uploadButtonIconClassNames = emotion.cx(\n    styles.icon(theme),\n    sizeIconClass,\n    disabled && styles.iconDisabled(theme),\n  );\n\n  const hasOneFile = files.length === 1;\n  const hasOneFileForSingle = isSingleMode && hasOneFile && !hideFiles;\n\n  const contentClassNames = emotion.cx(styles.content(), hasOneFileForSingle && styles.contentWithFiles());\n\n  const linkClassNames = emotion.cx(\n    styles.link(theme),\n    !disabled && hovered && styles.linkHovered(theme),\n    disabled && styles.linkDisabled(theme),\n  );\n\n  useEffect(() => {\n    setIsLinkVisible(hasOneFileForSingle ? !isMinLengthReached : true);\n  }, [isMinLengthReached, hasOneFileForSingle]);\n\n  const rootNodeRef = useRef(null);\n\n  const iconSizes: Record<SizeProp, number> = {\n    small: parseInt(theme.btnIconSizeSmall),\n    medium: parseInt(theme.btnIconSizeMedium),\n    large: parseInt(theme.btnIconSizeLarge),\n  };\n  const icon = _isTheme2022 ? <UploadIcon2022 size={iconSizes[size]} /> : <UploadIcon />;\n\n  return (\n    <CommonWrapper {...props}>\n      <div\n        data-tid={FileUploaderDataTids.root}\n        className={styles.root(theme)}\n        style={useMemoObject({ width })}\n        ref={rootNodeRef}\n      >\n        {!hideFiles && !isSingleMode && !!files.length && <FileUploaderFileList renderFile={renderFile} size={size} />}\n        <div className={uploadButtonWrapperClassNames}>\n          <label\n            onMouseEnter={() => setHovered(true)}\n            onMouseLeave={() => setHovered(false)}\n            ref={labelRef}\n            className={uploadButtonClassNames}\n          >\n            <div\n              data-tid={FileUploaderDataTids.content}\n              className={emotion.cx(contentClassNames, { [contentInnerClass]: !files.length || !isSingleMode })}\n            >\n              {isLinkVisible && (\n                <span data-tid={FileUploaderDataTids.link} className={linkClassNames}>\n                  {hasOneFileForSingle ? locale.choosedFile : locale.chooseFile}\n                </span>\n              )}\n              {isLinkVisible && String.fromCharCode(0xa0) /* &nbsp; */}\n              <div\n                className={emotion.cx(\n                  globalClasses.afterLinkText,\n                  hasOneFileForSingle ? styles.afterLinkText_HasFiles(theme) : styles.afterLinkText(theme),\n                )}\n              >\n                {hasOneFileForSingle ? (\n                  <div ref={fileDivRef} className={styles.singleFile()}>\n                    {renderFile(files[0], <FileUploaderFile file={files[0]} size={size} />)}\n                  </div>\n                ) : (\n                  <>\n                    {locale.orDragHere}&nbsp;\n                    <div className={uploadButtonIconClassNames}>{icon}</div>\n                  </>\n                )}\n              </div>\n            </div>\n            <FocusControlWrapper onBlurWhenDisabled={() => setFocusedByTab(false)}>\n              <input\n                {...inputProps}\n                data-tid={FileUploaderDataTids.input}\n                ref={inputRef}\n                tabIndex={disabled ? -1 : 0}\n                type=\"file\"\n                disabled={disabled}\n                multiple={multiple}\n                className={styles.visuallyHidden()}\n                onClick={stopPropagation}\n                onChange={handleInputChange}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                // для того, чтобы срабатывало событие change при выборе одного и того же файла подряд\n                value={''}\n              />\n            </FocusControlWrapper>\n          </label>\n        </div>\n      </div>\n    </CommonWrapper>\n  );\n});\n\nexport interface FileUploaderProps extends _FileUploaderProps, FileUploaderControlProviderProps {}\n\nexport const FileUploader = withFileUploaderControlProvider<FileUploaderProps, FileUploaderRef>(\n  React.memo(_FileUploader),\n);\nFileUploader.displayName = 'FileUploader';\n"]}

package/components/FileUploader/FileUploader.d.ts

@@ -4,7 +4,11 @@ import { InstanceWithRootNode } from '../../lib/rootNode';
 import { FileUploaderControlProviderProps } from '../../internal/FileUploaderControl/FileUploaderControlProvider';
 import { CommonProps } from '../../internal/CommonWrapper';
 import { Nullable } from '../../typings/utility-types';
-export declare type FileUploaderSize = 'small' | 'medium' | 'large';
+import { SizeProp } from '../../lib/types/props';
+/**
+ * @deprecated use SizeProp
+ */
+export declare type FileUploaderSize = SizeProp;
 declare type FileUploaderOverriddenProps = 'size';
 interface _FileUploaderProps extends CommonProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, FileUploaderOverriddenProps> {
     /** Состояние ошибки всего контрола */
@@ -18,7 +22,7 @@ interface _FileUploaderProps extends CommonProps, Omit<React.InputHTMLAttributes
      *
      * **Допустимые значения**: `"small"`, `"medium"`, `"large"`.
      */
-    size?: FileUploaderSize;
+    size?: SizeProp;
     /** Свойство, скрывающее отображение файлов.  */
     hideFiles?: boolean;
     /** Функция, через которую отправляем файлы. Используется для отслеживания статуса загрузки файла. */