@skbkontur/react-ui 0.0.0-73eeccf6c9 → 0.0.0-74f39c97a5

package/components/DropdownMenu/DropdownMenu.js

@@ -0,0 +1,95 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import React from 'react';
+import warning from 'warning';
+import { ThemeContext } from '../../lib/theming/ThemeContext.js';
+import { PopupMenu } from '../../internal/PopupMenu/index.js';
+import { isTestEnv } from '../../lib/currentEnvironment.js';
+import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
+import { rootNode } from '../../lib/rootNode/index.js';
+import { createPropsGetter } from '../../lib/createPropsGetter.js';
+import { getDropdownMenuTheme } from './getDropdownMenuTheme.js';
+/**
+ * Выпадающее меню `DropdownMenu` раскрывается по клику на переданный в `caption` элемент.
+ */
+var DropdownMenu = /** @class */ (function (_super) {
+    __extends(DropdownMenu, _super);
+    function DropdownMenu(props) {
+        var _this = _super.call(this, props) || this;
+        _this.getProps = createPropsGetter(DropdownMenu_1.defaultProps);
+        _this.popupMenu = null;
+        _this.open = function () {
+            if (_this.popupMenu) {
+                _this.popupMenu.open();
+            }
+        };
+        _this.close = function () {
+            if (_this.popupMenu) {
+                _this.popupMenu.close();
+            }
+        };
+        _this.refPopupMenu = function (ref) { return (_this.popupMenu = ref); };
+        if (!props.caption) {
+            warning(false, 'Prop "caption" is required!!!');
+        }
+        return _this;
+    }
+    DropdownMenu_1 = DropdownMenu;
+    DropdownMenu.prototype.render = function () {
+        var _this = this;
+        return (React.createElement(ThemeContext.Consumer, null, function (theme) {
+            return React.createElement(ThemeContext.Provider, { value: getDropdownMenuTheme(theme) }, _this.renderMain());
+        }));
+    };
+    DropdownMenu.prototype.renderMain = function () {
+        if (!this.props.caption) {
+            return null;
+        }
+        var _a = this.getProps(), positions = _a.positions, disableAnimations = _a.disableAnimations;
+        return (React.createElement(CommonWrapper, __assign({ rootNodeRef: this.setRootNode }, this.props),
+            React.createElement(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)));
+    };
+    var DropdownMenu_1;
+    DropdownMenu.__KONTUR_REACT_UI__ = 'DropdownMenu';
+    DropdownMenu.displayName = 'DropdownMenu';
+    DropdownMenu.defaultProps = {
+        disableAnimations: isTestEnv,
+        positions: ['bottom left', 'bottom right', 'top left', 'top right'],
+    };
+    DropdownMenu = DropdownMenu_1 = __decorate([
+        rootNode
+    ], DropdownMenu);
+    return DropdownMenu;
+}(React.Component));
+export { DropdownMenu };
+//# sourceMappingURL=DropdownMenu.js.map

package/components/DropdownMenu/DropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../components/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\nimport warning from 'warning';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport type { PopupMenuProps } from '../../internal/PopupMenu/index.js';\nimport { PopupMenu } from '../../internal/PopupMenu/index.js';\nimport { isTestEnv } from '../../lib/currentEnvironment.js';\nimport type { PopupPositionsType } from '../../internal/Popup/index.js';\nimport type { CommonProps } from '../../internal/CommonWrapper/types.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode//rootNodeDecorator.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\n\nimport { getDropdownMenuTheme } from './getDropdownMenuTheme.js';\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 передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`.\n   */\n  header?: React.ReactNode;\n  /**\n   * Произвольный элемент, который будет отрендерен в подвале меню.\n   *\n   * Перед элементом переданным в `footer` будет отрендерен 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  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  constructor(props: DropdownMenuProps) {\n    super(props);\n\n    if (!props.caption) {\n      warning(false, '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"]}

package/components/DropdownMenu/getDropdownMenuTheme.d.ts

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

package/components/DropdownMenu/getDropdownMenuTheme.js

@@ -0,0 +1,11 @@
+import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';
+export var getDropdownMenuTheme = function (theme) {
+    return ThemeFactory.create({
+        popupMargin: theme.dropdownMenuMenuOffsetY,
+        menuBoxSizing: theme.dropdownMenuMenuBoxSizing,
+        menuPaddingY: theme.menuScrollContainerContentWrapperPaddingY,
+        menuScrollContainerContentWrapperPaddingY: theme.menuPaddingY,
+        scrollContainerScrollBarOffsetY: theme.dropdownMenuScrollContainerScrollBarOffsetY,
+    }, theme);
+};
+//# sourceMappingURL=getDropdownMenuTheme.js.map

package/components/DropdownMenu/getDropdownMenuTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDropdownMenuTheme.js","sourceRoot":"","sources":["../../../components/DropdownMenu/getDropdownMenuTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAGjE,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,KAAY;IAC/C,OAAO,YAAY,CAAC,MAAM,CACxB;QACE,WAAW,EAAE,KAAK,CAAC,uBAAuB;QAC1C,aAAa,EAAE,KAAK,CAAC,yBAAyB;QAC9C,YAAY,EAAE,KAAK,CAAC,yCAAyC;QAC7D,yCAAyC,EAAE,KAAK,CAAC,YAAY;QAC7D,+BAA+B,EAAE,KAAK,CAAC,2CAA2C;KACnF,EACD,KAAK,CACN,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\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"]}

package/components/DropdownMenu/index.d.ts

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

package/components/DropdownMenu/index.js

@@ -0,0 +1,2 @@
+export * from './DropdownMenu.js';
+//# sourceMappingURL=index.js.map

package/components/DropdownMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/DropdownMenu/index.tsx"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC","sourcesContent":["export * from './DropdownMenu.js';\n"]}

package/components/FileUploader/FileUploader.d.ts

@@ -0,0 +1,56 @@
+import React from 'react';
+import type { FileUploaderAttachedFile } from '../../internal/FileUploaderControl/fileUtils.js';
+import type { InstanceWithRootNode } from '../../lib/rootNode/index.js';
+import type { FileUploaderControlProviderProps } from '../../internal/FileUploaderControl/FileUploaderControlProvider.js';
+import type { CommonProps } from '../../internal/CommonWrapper/index.js';
+import type { Nullable } from '../../typings/utility-types.js';
+import type { SizeProp } from '../../lib/types/props.js';
+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/components/FileUploader/FileUploader.js

@@ -0,0 +1,287 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useCallback, useContext, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import { useEmotion, useGlobal, useStyles } from '../../lib/renderEnvironment/index.js';
+import { isBrowser } from '../../lib/globalObject.js';
+import { getAttachedFile } from '../../internal/FileUploaderControl/fileUtils.js';
+import { useMemoObject } from '../../hooks/useMemoObject.js';
+import { FileUploaderControlContext } from '../../internal/FileUploaderControl/FileUploaderControlContext.js';
+import { useControlLocale } from '../../internal/FileUploaderControl/hooks/useControlLocale.js';
+import { useUpload } from '../../internal/FileUploaderControl/hooks/useUpload.js';
+import { useDrop } from '../../hooks/useDrop.js';
+import { ThemeContext } from '../../lib/theming/ThemeContext.js';
+import { withFileUploaderControlProvider } from '../../internal/FileUploaderControl/withFileUploaderControlProvider.js';
+import { useKeyListener } from '../../lib/events/keyListener.js';
+import { FileUploaderFile } from '../../internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.js';
+import { FileUploaderFileList } from '../../internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.js';
+import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
+import { FileUploaderFileValidationResult } from '../../internal/FileUploaderControl/FileUploaderFileValidationResult.js';
+import { useFileUploaderSize } from '../../internal/FileUploaderControl/hooks/useFileUploaderSize.js';
+import { forwardRefAndName } from '../../lib/forwardRefAndName.js';
+import { FocusControlWrapper } from '../../internal/FocusControlWrapper/index.js';
+import { UploadIcon } from './UploadIcon.js';
+import { globalClasses, getStyles } from './FileUploader.styles.js';
+var stopPropagation = function (e) { return e.stopPropagation(); };
+export var FileUploaderDataTids = {
+    root: 'FileUploader__root',
+    content: 'FileUploader__content',
+    link: 'FileUploader__link',
+    input: 'FileUploader__input',
+};
+var defaultRenderFile = function (file, fileNode) { return fileNode; };
+var _FileUploader = forwardRefAndName('FileUploader', function (props, ref) {
+    var _a;
+    var theme = useContext(ThemeContext);
+    var globalObject = useGlobal();
+    var cx = useEmotion().cx;
+    var jsStyles = useStyles(getStyles);
+    var keyListener = useKeyListener();
+    var initialFiles = props.initialFiles, disabled = props.disabled, error = props.error, warning = props.warning, _b = props.multiple, multiple = _b === void 0 ? false : _b, _c = props.width, width = _c === void 0 ? theme.fileUploaderWidth : _c, _d = props.hideFiles, hideFiles = _d === void 0 ? false : _d, onBlur = props.onBlur, onFocus = props.onFocus, onChange = props.onChange, request = props.request, validateBeforeUpload = props.validateBeforeUpload, onRequestSuccess = props.onRequestSuccess, onRequestError = props.onRequestError, _e = props.size, size = _e === void 0 ? 'small' : _e, _f = props.renderFile, renderFile = _f === void 0 ? defaultRenderFile : _f, inputProps = __rest(props, ["initialFiles", "disabled", "error", "warning", "multiple", "width", "hideFiles", "onBlur", "onFocus", "onChange", "request", "validateBeforeUpload", "onRequestSuccess", "onRequestError", "size", "renderFile"]);
+    var _g = useContext(FileUploaderControlContext), files = _g.files, setFiles = _g.setFiles, removeFile = _g.removeFile, reset = _g.reset, setFileValidationResult = _g.setFileValidationResult, isMinLengthReached = _g.isMinLengthReached;
+    var locale = useControlLocale();
+    var inputRef = useRef(null);
+    var fileDivRef = useRef(null);
+    var isAsync = !!request;
+    var isSingleMode = !multiple;
+    var _h = useState(true), isLinkVisible = _h[0], setIsLinkVisible = _h[1];
+    var upload = useUpload(request, onRequestSuccess, onRequestError);
+    var tryValidateAndUpload = useCallback(function (files) {
+        files.forEach(function (file) { return __awaiter(void 0, void 0, void 0, function () {
+            var validationMessage, _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _a = validateBeforeUpload;
+                        if (!_a) return [3 /*break*/, 2];
+                        return [4 /*yield*/, validateBeforeUpload(file)];
+                    case 1:
+                        _a = (_b.sent());
+                        _b.label = 2;
+                    case 2:
+                        validationMessage = _a;
+                        if (!validationMessage) {
+                            isAsync && upload(file);
+                        }
+                        else {
+                            setFileValidationResult(file.id, FileUploaderFileValidationResult.error(validationMessage));
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    }, [validateBeforeUpload, isAsync, upload, setFileValidationResult]);
+    var sizeClassName = useFileUploaderSize(size, {
+        small: jsStyles.sizeSmall(theme),
+        medium: jsStyles.sizeMedium(theme),
+        large: jsStyles.sizeLarge(theme),
+    });
+    var sizeIconClass = useFileUploaderSize(size, {
+        small: jsStyles.iconSmall(theme),
+        medium: jsStyles.iconMedium(theme),
+        large: jsStyles.iconLarge(theme),
+    });
+    var contentInnerClass = useFileUploaderSize(size, {
+        small: jsStyles.contentInnerSmall(theme),
+        medium: jsStyles.contentInnerMedium(theme),
+        large: jsStyles.contentInnerLarge(theme),
+    });
+    /** common part **/
+    var handleChange = useCallback(function (newFiles) {
+        if (!newFiles || !newFiles.length) {
+            return;
+        }
+        var filesArray = Array.from(newFiles);
+        if (isSingleMode) {
+            filesArray = [filesArray[0]];
+        }
+        var attachedFiles = filesArray.map(getAttachedFile);
+        if (isSingleMode && attachedFiles.length && files.length) {
+            removeFile(files[0].id);
+        }
+        if (attachedFiles.length) {
+            setFiles(attachedFiles);
+            tryValidateAndUpload(attachedFiles);
+        }
+    }, [tryValidateAndUpload, setFiles, isSingleMode, files, removeFile]);
+    var handleDrop = useCallback(function (event) {
+        var _a;
+        if (disabled) {
+            return;
+        }
+        var dataTransfer = event.dataTransfer;
+        if (dataTransfer) {
+            if (((_a = dataTransfer.files) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+                inputRef.current && (inputRef.current.files = dataTransfer.files);
+                handleChange(dataTransfer.files);
+            }
+        }
+    }, [handleChange, disabled]);
+    var _j = useDrop({ onDrop: handleDrop }), isDraggable = _j.isDraggable, labelRef = _j.ref;
+    var _k = useDrop(), isWindowDraggable = _k.isDraggable, windowRef = _k.ref;
+    if (isBrowser(globalObject)) {
+        windowRef.current = globalObject.document;
+    }
+    var focus = useCallback(function () {
+        var _a;
+        keyListener.isTabPressed = true;
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }, []);
+    var blur = useCallback(function () {
+        var _a;
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+    }, []);
+    var handleRemoveFile = 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 = useCallback(function (fileId) {
+        removeFile(fileId);
+        handleRemoveFile(fileId);
+    }, [handleRemoveFile, removeFile]);
+    var handleReset = useCallback(function () {
+        reset();
+        var dataTransfer = new DataTransfer();
+        inputRef.current && (inputRef.current.files = dataTransfer.files);
+    }, [reset, handleRemoveFile]);
+    useImperativeHandle(ref, function () { return ({
+        focus: focus,
+        blur: blur,
+        reset: handleReset,
+        removeFile: handleExternalFileDeletion,
+        getRootNode: function () { return rootNodeRef.current; },
+    }); }, [ref, blur, focus, handleReset, handleExternalFileDeletion]);
+    var _l = useState(false), focusedByTab = _l[0], setFocusedByTab = _l[1];
+    var handleInputChange = function (event) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(event);
+        handleChange(event.target.files);
+    };
+    var handleFocus = function (e) {
+        var _a;
+        if (!disabled) {
+            // focus event fires before keyDown eventlistener
+            // so we should check tabPressed in async way
+            (_a = globalObject.requestAnimationFrame) === null || _a === void 0 ? void 0 : _a.call(globalObject, function () {
+                if (keyListener.isTabPressed) {
+                    setFocusedByTab(true);
+                }
+            });
+            onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+        }
+    };
+    var handleBlur = function (e) {
+        setFocusedByTab(false);
+        if (!disabled) {
+            onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+        }
+    };
+    var _m = useState(false), hovered = _m[0], setHovered = _m[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 canDrop = isWindowDraggable && !disabled;
+    var uploadButtonWrapperClassNames = cx(canDrop && jsStyles.windowDragOver(theme));
+    var uploadButtonIconClassNames = cx(jsStyles.icon(theme), sizeIconClass, disabled && jsStyles.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));
+    useEffect(function () {
+        setIsLinkVisible(hasOneFileForSingle ? !isMinLengthReached : true);
+    }, [isMinLengthReached, hasOneFileForSingle]);
+    useEffect(function () {
+        if (!files || !files.length || !inputRef.current) {
+            return;
+        }
+        var dataTransfer = new DataTransfer();
+        files.forEach(function (file) { return dataTransfer.items.add(file.originalFile); });
+        inputRef.current.files = dataTransfer.files;
+    }, []);
+    var rootNodeRef = useRef(null);
+    var iconSizes = {
+        small: parseInt(theme.btnIconSizeSmall),
+        medium: parseInt(theme.btnIconSizeMedium),
+        large: parseInt(theme.btnIconSizeLarge),
+    };
+    var icon = React.createElement(UploadIcon, { size: iconSizes[size] });
+    return (React.createElement(CommonWrapper, __assign({}, props),
+        React.createElement("div", { "data-tid": FileUploaderDataTids.root, className: jsStyles.root(theme), style: useMemoObject({ width: width }), ref: rootNodeRef },
+            !hideFiles && !isSingleMode && !!files.length && (React.createElement(FileUploaderFileList, { renderFile: renderFile, size: size, onRemove: handleRemoveFile })),
+            React.createElement("div", { className: uploadButtonWrapperClassNames },
+                React.createElement("label", { onMouseEnter: function () { return setHovered(true); }, onMouseLeave: function () { return setHovered(false); }, ref: labelRef, className: uploadButtonClassNames },
+                    React.createElement("div", { "data-tid": FileUploaderDataTids.content, className: cx(contentClassNames, (_a = {}, _a[contentInnerClass] = !files.length || !isSingleMode, _a)) },
+                        isLinkVisible && (React.createElement("span", { "data-tid": FileUploaderDataTids.link, className: linkClassNames }, hasOneFileForSingle ? locale.choosedFile : locale.chooseFile)),
+                        isLinkVisible && String.fromCharCode(0xa0) /* &nbsp; */,
+                        React.createElement("div", { className: cx(globalClasses.afterLinkText, hasOneFileForSingle ? jsStyles.afterLinkText_HasFiles(theme) : jsStyles.afterLinkText(theme)) }, hasOneFileForSingle ? (React.createElement("div", { ref: fileDivRef, className: jsStyles.singleFile() }, renderFile(files[0], React.createElement(FileUploaderFile, { file: files[0], size: size, onRemove: handleRemoveFile })))) : (React.createElement(React.Fragment, null,
+                            locale.orDragHere,
+                            "\u00A0",
+                            React.createElement("div", { className: uploadButtonIconClassNames }, icon))))),
+                    React.createElement(FocusControlWrapper, { onBlurWhenDisabled: function () { return setFocusedByTab(false); } },
+                        React.createElement("input", __assign({}, inputProps, { "data-tid": FileUploaderDataTids.input, ref: inputRef, tabIndex: disabled ? -1 : 0, type: "file", disabled: disabled, multiple: multiple, className: jsStyles.visuallyHidden(), onClick: stopPropagation, onChange: handleInputChange, onFocus: handleFocus, onBlur: handleBlur }))))))));
+});
+/**
+ * `FileUploader` — контрол для выбора пользователем файла на компьютере и отображения статуса его отправки на сервер.
+ *
+ * Можно использовать для синхронной отправки данных, например, в форме. Или же можно использовать в асинхронном режиме.
+ */
+export var FileUploader = withFileUploaderControlProvider(React.memo(_FileUploader));
+FileUploader.displayName = 'FileUploader';
+//# sourceMappingURL=FileUploader.js.map

package/components/FileUploader/FileUploader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploader.js","sourceRoot":"","sources":["../../../components/FileUploader/FileUploader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzG,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AACxF,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,EAAE,eAAe,EAAE,MAAM,iDAAiD,CAAC;AAElF,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,0BAA0B,EAAE,MAAM,kEAAkE,CAAC;AAC9G,OAAO,EAAE,gBAAgB,EAAE,MAAM,8DAA8D,CAAC;AAChG,OAAO,EAAE,SAAS,EAAE,MAAM,uDAAuD,CAAC;AAClF,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE,OAAO,EAAE,+BAA+B,EAAE,MAAM,uEAAuE,CAAC;AACxH,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yEAAyE,CAAC;AAC3G,OAAO,EAAE,oBAAoB,EAAE,MAAM,iFAAiF,CAAC;AAEvH,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAEtE,OAAO,EAAE,gCAAgC,EAAE,MAAM,wEAAwE,CAAC;AAC1H,OAAO,EAAE,mBAAmB,EAAE,MAAM,iEAAiE,CAAC;AAEtG,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAElF,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAEpE,IAAM,eAAe,GAA4B,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,eAAe,EAAE,EAAnB,CAAmB,CAAC;AAkD5E,MAAM,CAAC,IAAM,oBAAoB,GAAG;IAClC,IAAI,EAAE,oBAAoB;IAC1B,OAAO,EAAE,uBAAuB;IAChC,IAAI,EAAE,oBAAoB;IAC1B,KAAK,EAAE,qBAAqB;CACpB,CAAC;AAEX,IAAM,iBAAiB,GAAG,UAAC,IAA8B,EAAE,QAA4B,IAAK,OAAA,QAAQ,EAAR,CAAQ,CAAC;AAErG,IAAM,aAAa,GAAG,iBAAiB,CAAsC,cAAc,EAAE,UAAC,KAAK,EAAE,GAAG;;IACtG,IAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACvC,IAAM,YAAY,GAAG,SAAS,EAAE,CAAC;IACzB,IAAA,EAAE,GAAK,UAAU,EAAE,GAAjB,CAAkB;IAC5B,IAAM,QAAQ,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,IAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAGnC,IAAA,YAAY,GAiBV,KAAK,aAjBK,EACZ,QAAQ,GAgBN,KAAK,SAhBC,EACR,KAAK,GAeH,KAAK,MAfF,EACL,OAAO,GAcL,KAAK,QAdA,EACP,KAaE,KAAK,SAbS,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,KAYE,KAAK,MAZwB,EAA/B,KAAK,mBAAG,KAAK,CAAC,iBAAiB,KAAA,EAC/B,KAWE,KAAK,UAXU,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,MAAM,GAUJ,KAAK,OAVD,EACN,OAAO,GASL,KAAK,QATA,EACP,QAAQ,GAQN,KAAK,SARC,EACR,OAAO,GAOL,KAAK,QAPA,EACP,oBAAoB,GAMlB,KAAK,qBANa,EACpB,gBAAgB,GAKd,KAAK,iBALS,EAChB,cAAc,GAIZ,KAAK,eAJO,EACd,KAGE,KAAK,KAHO,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,KAEE,KAAK,WAFuB,EAA9B,UAAU,mBAAG,iBAAiB,KAAA,EAC3B,UAAU,UACX,KAAK,EAlBH,kNAkBL,CADc,CACL;IAEJ,IAAA,KACJ,UAAU,CAAC,0BAA0B,CAAC,EADhC,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,KAAK,WAAA,EAAE,uBAAuB,6BAAA,EAAE,kBAAkB,wBAC/C,CAAC;IAEzC,IAAM,MAAM,GAAG,gBAAgB,EAAE,CAAC;IAElC,IAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,IAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEhD,IAAM,OAAO,GAAG,CAAC,CAAC,OAAO,CAAC;IAC1B,IAAM,YAAY,GAAG,CAAC,QAAQ,CAAC;IAEzB,IAAA,KAAoC,QAAQ,CAAC,IAAI,CAAC,EAAjD,aAAa,QAAA,EAAE,gBAAgB,QAAkB,CAAC;IACzD,IAAM,MAAM,GAAG,SAAS,CAAC,OAAO,EAAE,gBAAgB,EAAE,cAAc,CAAC,CAAC;IAEpE,IAAM,oBAAoB,GAAG,WAAW,CACtC,UAAC,KAAiC;QAChC,KAAK,CAAC,OAAO,CAAC,UAAO,IAAI;;;;;wBACG,KAAA,oBAAoB,CAAA;iCAApB,wBAAoB;wBAAK,qBAAM,oBAAoB,CAAC,IAAI,CAAC,EAAA;;wBAAjC,KAAA,CAAC,SAAgC,CAAC,CAAA;;;wBAA9E,iBAAiB,KAA6D;wBAEpF,IAAI,CAAC,iBAAiB,EAAE,CAAC;4BACvB,OAAO,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC;wBAC1B,CAAC;6BAAM,CAAC;4BACN,uBAAuB,CAAC,IAAI,CAAC,EAAE,EAAE,gCAAgC,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC;wBAC9F,CAAC;;;;aACF,CAAC,CAAC;IACL,CAAC,EACD,CAAC,oBAAoB,EAAE,OAAO,EAAE,MAAM,EAAE,uBAAuB,CAAC,CACjE,CAAC;IAEF,IAAM,aAAa,GAAG,mBAAmB,CAAC,IAAI,EAAE;QAC9C,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC;QAChC,MAAM,EAAE,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC;QAClC,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC;KACjC,CAAC,CAAC;IAEH,IAAM,aAAa,GAAG,mBAAmB,CAAC,IAAI,EAAE;QAC9C,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC;QAChC,MAAM,EAAE,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC;QAClC,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC;KACjC,CAAC,CAAC;IAEH,IAAM,iBAAiB,GAAG,mBAAmB,CAAC,IAAI,EAAE;QAClD,KAAK,EAAE,QAAQ,CAAC,iBAAiB,CAAC,KAAK,CAAC;QACxC,MAAM,EAAE,QAAQ,CAAC,kBAAkB,CAAC,KAAK,CAAC;QAC1C,KAAK,EAAE,QAAQ,CAAC,iBAAiB,CAAC,KAAK,CAAC;KACzC,CAAC,CAAC;IAEH,mBAAmB;IACnB,IAAM,YAAY,GAAG,WAAW,CAC9B,UAAC,QAAyB;QACxB,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;YAClC,OAAO;QACT,CAAC;QAED,IAAI,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAEtC,IAAI,YAAY,EAAE,CAAC;YACjB,UAAU,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/B,CAAC;QAED,IAAM,aAAa,GAAG,UAAU,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;QAEtD,IAAI,YAAY,IAAI,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;YACzD,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAC1B,CAAC;QAED,IAAI,aAAa,CAAC,MAAM,EAAE,CAAC;YACzB,QAAQ,CAAC,aAAa,CAAC,CAAC;YACxB,oBAAoB,CAAC,aAAa,CAAC,CAAC;QACtC,CAAC;IACH,CAAC,EACD,CAAC,oBAAoB,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,UAAU,CAAC,CAClE,CAAC;IAEF,IAAM,UAAU,GAAG,WAAW,CAC5B,UAAC,KAAgB;;QACf,IAAI,QAAQ,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QAEO,IAAA,YAAY,GAAK,KAAK,aAAV,CAAW;QAC/B,IAAI,YAAY,EAAE,CAAC;YACjB,IAAI,CAAA,MAAA,YAAY,CAAC,KAAK,0CAAE,MAAM,IAAG,CAAC,EAAE,CAAC;gBACnC,QAAQ,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;gBAClE,YAAY,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;YACnC,CAAC;QACH,CAAC;IACH,CAAC,EACD,CAAC,YAAY,EAAE,QAAQ,CAAC,CACzB,CAAC;IAEI,IAAA,KAAiC,OAAO,CAAmB,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,EAAhF,WAAW,iBAAA,EAAO,QAAQ,SAAsD,CAAC;IACnF,IAAA,KAAqD,OAAO,EAAY,EAAzD,iBAAiB,iBAAA,EAAO,SAAS,SAAwB,CAAC;IAE/E,IAAI,SAAS,CAAC,YAAY,CAAC,EAAE,CAAC;QAC5B,SAAS,CAAC,OAAO,GAAG,YAAY,CAAC,QAAQ,CAAC;IAC5C,CAAC;IAED,IAAM,KAAK,GAAG,WAAW,CAAC;;QACxB,WAAW,CAAC,YAAY,GAAG,IAAI,CAAC;QAChC,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;IAC5B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,IAAI,GAAG,WAAW,CAAC;;QACvB,MAAA,QAAQ,CAAC,OAAO,0CAAE,IAAI,EAAE,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,gBAAgB,GAAG,WAAW,CAClC,UAAC,MAAc;QACb,IAAM,YAAY,GAAG,IAAI,YAAY,EAAE,CAAC;QACxC,KAAK;aACF,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,EAAE,KAAK,MAAM,EAAf,CAAe,CAAC;aAC9B,OAAO,CAAC,UAAC,IAAI;YACZ,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;QACL,QAAQ,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACpE,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,IAAM,0BAA0B,GAAG,WAAW,CAC5C,UAAC,MAAc;QACb,UAAU,CAAC,MAAM,CAAC,CAAC;QACnB,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC3B,CAAC,EACD,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAC/B,CAAC;IAEF,IAAM,WAAW,GAAG,WAAW,CAAC;QAC9B,KAAK,EAAE,CAAC;QACR,IAAM,YAAY,GAAG,IAAI,YAAY,EAAE,CAAC;QACxC,QAAQ,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE9B,mBAAmB,CACjB,GAAG,EACH,cAAM,OAAA,CAAC;QACL,KAAK,OAAA;QACL,IAAI,MAAA;QACJ,KAAK,EAAE,WAAW;QAClB,UAAU,EAAE,0BAA0B;QACtC,WAAW,EAAE,cAAM,OAAA,WAAW,CAAC,OAAO,EAAnB,CAAmB;KACvC,CAAC,EANI,CAMJ,EACF,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,0BAA0B,CAAC,CAC5D,CAAC;IAEI,IAAA,KAAkC,QAAQ,CAAC,KAAK,CAAC,EAAhD,YAAY,QAAA,EAAE,eAAe,QAAmB,CAAC;IACxD,IAAM,iBAAiB,GAAG,UAAC,KAA0C;QACnE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,CAAC;QAClB,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,CAAqC;;QACxD,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,iDAAiD;YACjD,6CAA6C;YAC7C,MAAA,YAAY,CAAC,qBAAqB,6DAAG;gBACnC,IAAI,WAAW,CAAC,YAAY,EAAE,CAAC;oBAC7B,eAAe,CAAC,IAAI,CAAC,CAAC;gBACxB,CAAC;YACH,CAAC,CAAC,CAAC;YACH,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;QACf,CAAC;IACH,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG,UAAC,CAAqC;QACvD,eAAe,CAAC,KAAK,CAAC,CAAC;QACvB,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,CAAC,CAAC,CAAC;QACd,CAAC;IACH,CAAC,CAAC;IAEI,IAAA,KAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAC;IAE9C,IAAM,sBAAsB,GAAG,EAAE,CAC/B,QAAQ,CAAC,YAAY,CAAC,KAAK,CAAC,EAC5B,aAAa,EACb,YAAY,IAAI,QAAQ,CAAC,iBAAiB,CAAC,KAAK,CAAC,EACjD,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,EACpC,CAAC,QAAQ,IAAI,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,EAC/C,CAAC,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,EACpC,CAAC,CAAC,KAAK,IAAI,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,EAChC,WAAW,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CACrD,CAAC;IAEF,IAAM,OAAO,GAAG,iBAAiB,IAAI,CAAC,QAAQ,CAAC;IAC/C,IAAM,6BAA6B,GAAG,EAAE,CAAC,OAAO,IAAI,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;IAEpF,IAAM,0BAA0B,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,QAAQ,IAAI,QAAQ,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;IAErH,IAAM,UAAU,GAAG,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC;IACtC,IAAM,mBAAmB,GAAG,YAAY,IAAI,UAAU,IAAI,CAAC,SAAS,CAAC;IAErE,IAAM,iBAAiB,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,EAAE,mBAAmB,IAAI,QAAQ,CAAC,gBAAgB,EAAE,CAAC,CAAC;IAErG,IAAM,cAAc,GAAG,EAAE,CACvB,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EACpB,CAAC,QAAQ,IAAI,OAAO,IAAI,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,EACnD,QAAQ,IAAI,QAAQ,CAAC,YAAY,CAAC,KAAK,CAAC,CACzC,CAAC;IAEF,SAAS,CAAC;QACR,gBAAgB,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACrE,CAAC,EAAE,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAE9C,SAAS,CAAC;QACR,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;YACjD,OAAO;QACT,CAAC;QAED,IAAM,YAAY,GAAG,IAAI,YAAY,EAAE,CAAC;QACxC,KAAK,CAAC,OAAO,CAAC,UAAC,IAAI,IAAK,OAAA,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,EAAzC,CAAyC,CAAC,CAAC;QACnE,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC;IAC9C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAEjC,IAAM,SAAS,GAA6B;QAC1C,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,gBAAgB,CAAC;QACvC,MAAM,EAAE,QAAQ,CAAC,KAAK,CAAC,iBAAiB,CAAC;QACzC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,gBAAgB,CAAC;KACxC,CAAC;IACF,IAAM,IAAI,GAAG,oBAAC,UAAU,IAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,GAAI,CAAC;IAEnD,OAAO,CACL,oBAAC,aAAa,eAAK,KAAK;QACtB,yCACY,oBAAoB,CAAC,IAAI,EACnC,SAAS,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAC/B,KAAK,EAAE,aAAa,CAAC,EAAE,KAAK,OAAA,EAAE,CAAC,EAC/B,GAAG,EAAE,WAAW;YAEf,CAAC,SAAS,IAAI,CAAC,YAAY,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,IAAI,CAChD,oBAAC,oBAAoB,IAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,gBAAgB,GAAI,CACzF;YACD,6BAAK,SAAS,EAAE,6BAA6B;gBAC3C,+BACE,YAAY,EAAE,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,EAAhB,CAAgB,EACpC,YAAY,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB,EACrC,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,sBAAsB;oBAEjC,yCACY,oBAAoB,CAAC,OAAO,EACtC,SAAS,EAAE,EAAE,CAAC,iBAAiB,YAAI,GAAC,iBAAiB,IAAG,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,YAAY,MAAG;wBAExF,aAAa,IAAI,CAChB,0CAAgB,oBAAoB,CAAC,IAAI,EAAE,SAAS,EAAE,cAAc,IACjE,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CACxD,CACR;wBACA,aAAa,IAAI,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,YAAY;wBACxD,6BACE,SAAS,EAAE,EAAE,CACX,aAAa,CAAC,aAAa,EAC3B,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAC7F,IAEA,mBAAmB,CAAC,CAAC,CAAC,CACrB,6BAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,CAAC,UAAU,EAAE,IACnD,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,oBAAC,gBAAgB,IAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,gBAAgB,GAAI,CAAC,CAC/F,CACP,CAAC,CAAC,CAAC,CACF;4BACG,MAAM,CAAC,UAAU;;4BAClB,6BAAK,SAAS,EAAE,0BAA0B,IAAG,IAAI,CAAO,CACvD,CACJ,CACG,CACF;oBACN,oBAAC,mBAAmB,IAAC,kBAAkB,EAAE,cAAM,OAAA,eAAe,CAAC,KAAK,CAAC,EAAtB,CAAsB;wBACnE,0CACM,UAAU,gBACJ,oBAAoB,CAAC,KAAK,EACpC,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,QAAQ,CAAC,cAAc,EAAE,EACpC,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,iBAAiB,EAC3B,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,IAClB,CACkB,CAChB,CACJ,CACF,CACQ,CACjB,CAAC;AACJ,CAAC,CAAC,CAAC;AAIH;;;;GAIG;AACH,MAAM,CAAC,IAAM,YAAY,GAAG,+BAA+B,CACzD,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAC1B,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC","sourcesContent":["import React, { useCallback, useContext, useEffect, useImperativeHandle, useRef, useState } from 'react';\n\nimport { useEmotion, useGlobal, useStyles } from '../../lib/renderEnvironment/index.js';\nimport { isBrowser } from '../../lib/globalObject.js';\nimport type { FileUploaderAttachedFile } from '../../internal/FileUploaderControl/fileUtils.js';\nimport { getAttachedFile } from '../../internal/FileUploaderControl/fileUtils.js';\nimport type { InstanceWithRootNode } from '../../lib/rootNode/index.js';\nimport { useMemoObject } from '../../hooks/useMemoObject.js';\nimport { FileUploaderControlContext } from '../../internal/FileUploaderControl/FileUploaderControlContext.js';\nimport { useControlLocale } from '../../internal/FileUploaderControl/hooks/useControlLocale.js';\nimport { useUpload } from '../../internal/FileUploaderControl/hooks/useUpload.js';\nimport { useDrop } from '../../hooks/useDrop.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { FileUploaderControlProviderProps } from '../../internal/FileUploaderControl/FileUploaderControlProvider.js';\nimport { withFileUploaderControlProvider } from '../../internal/FileUploaderControl/withFileUploaderControlProvider.js';\nimport { useKeyListener } from '../../lib/events/keyListener.js';\nimport { FileUploaderFile } from '../../internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.js';\nimport { FileUploaderFileList } from '../../internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList.js';\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { FileUploaderFileValidationResult } from '../../internal/FileUploaderControl/FileUploaderFileValidationResult.js';\nimport { useFileUploaderSize } from '../../internal/FileUploaderControl/hooks/useFileUploaderSize.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName.js';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper/index.js';\n\nimport { UploadIcon } from './UploadIcon.js';\nimport { globalClasses, getStyles } from './FileUploader.styles.js';\n\nconst stopPropagation: React.ReactEventHandler = (e) => e.stopPropagation();\n\ntype FileUploaderOverriddenProps = 'size';\n\ninterface _FileUploaderProps\n  extends CommonProps,\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, FileUploaderOverriddenProps> {\n  /** Переводит контрол в состояние валидации \"ошибка\". */\n  /** Начальное состояние загруженных файлов */\n  initialFiles?: File[];\n  /** Состояние ошибки всего контрола */\n  error?: boolean;\n\n  /** Переводит контрол в состояние валидации \"предупреждение\". */\n  warning?: boolean;\n\n  /** Задает длину компонента. */\n  width?: React.CSSProperties['width'];\n\n  /** Задаёт размер контрола. */\n  size?: SizeProp;\n\n  /** Скрывает отображение файлов. */\n  hideFiles?: boolean;\n\n  /** Задает функцию, через которую отправляются файлы. Используется для отслеживания статуса загрузки файла.\n   * @param {FileUploaderAttachedFile} file - файл, статус загрузки которого необходимо отследить. */\n  request?: (file: FileUploaderAttachedFile) => Promise<void>;\n\n  /** Задает функцию, которая вызывается при удачной попытке отправки через request. */\n  onRequestSuccess?: (fileId: string) => void;\n\n  /** Задает функцию, которая вызывается при неудачной попытке отправки через request. */\n  onRequestError?: (fileId: string) => void;\n\n  /** Определяет функцию валидации каждого файла. Срабатывает после выбора файлов и перед попыткой отправить в request. Чтобы вывести валидацию ошибки, промис должен вернуть строку. * */\n  validateBeforeUpload?: (file: FileUploaderAttachedFile) => Promise<Nullable<string>>;\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  removeFile: (fileId: string) => 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 = useContext(ThemeContext);\n  const globalObject = useGlobal();\n  const { cx } = useEmotion();\n  const jsStyles = useStyles(getStyles);\n  const keyListener = useKeyListener();\n\n  const {\n    initialFiles,\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 || !newFiles.length) {\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: DragEvent) => {\n      if (disabled) {\n        return;\n      }\n\n      const { dataTransfer } = event;\n      if (dataTransfer) {\n        if (dataTransfer.files?.length > 0) {\n          inputRef.current && (inputRef.current.files = dataTransfer.files);\n          handleChange(dataTransfer.files);\n        }\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  const handleRemoveFile = useCallback(\n    (fileId: string) => {\n      const dataTransfer = new DataTransfer();\n      files\n        .filter((f) => f.id !== fileId)\n        .forEach((file) => {\n          dataTransfer.items.add(file.originalFile);\n        });\n      inputRef.current && (inputRef.current.files = dataTransfer.files);\n    },\n    [files],\n  );\n\n  const handleExternalFileDeletion = useCallback(\n    (fileId: string) => {\n      removeFile(fileId);\n      handleRemoveFile(fileId);\n    },\n    [handleRemoveFile, removeFile],\n  );\n\n  const handleReset = useCallback(() => {\n    reset();\n    const dataTransfer = new DataTransfer();\n    inputRef.current && (inputRef.current.files = dataTransfer.files);\n  }, [reset, handleRemoveFile]);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      focus,\n      blur,\n      reset: handleReset,\n      removeFile: handleExternalFileDeletion,\n      getRootNode: () => rootNodeRef.current,\n    }),\n    [ref, blur, focus, handleReset, handleExternalFileDeletion],\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 = 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(canDrop && jsStyles.windowDragOver(theme));\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  useEffect(() => {\n    if (!files || !files.length || !inputRef.current) {\n      return;\n    }\n\n    const dataTransfer = new DataTransfer();\n    files.forEach((file) => dataTransfer.items.add(file.originalFile));\n    inputRef.current.files = dataTransfer.files;\n  }, []);\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 = <UploadIcon size={iconSizes[size]} />;\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 && (\n          <FileUploaderFileList renderFile={renderFile} size={size} onRemove={handleRemoveFile} />\n        )}\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} onRemove={handleRemoveFile} />)}\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={jsStyles.visuallyHidden()}\n                onClick={stopPropagation}\n                onChange={handleInputChange}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n              />\n            </FocusControlWrapper>\n          </label>\n        </div>\n      </div>\n    </CommonWrapper>\n  );\n});\n\nexport interface FileUploaderProps extends _FileUploaderProps, FileUploaderControlProviderProps {}\n\n/**\n * `FileUploader` — контрол для выбора пользователем файла на компьютере и отображения статуса его отправки на сервер.\n *\n * Можно использовать для синхронной отправки данных, например, в форме. Или же можно использовать в асинхронном режиме.\n */\nexport const FileUploader = withFileUploaderControlProvider<FileUploaderProps, FileUploaderRef>(\n  React.memo(_FileUploader),\n);\nFileUploader.displayName = 'FileUploader';\n"]}

package/components/FileUploader/FileUploader.mixins.d.ts

@@ -0,0 +1 @@
+export declare const fileUploaderSizeMixin: (fontSize: string, lineHeight: string, paddingX: string, paddingY: string) => string;

package/components/FileUploader/FileUploader.mixins.js

@@ -0,0 +1,4 @@
+export var fileUploaderSizeMixin = function (fontSize, lineHeight, paddingX, paddingY) {
+    return "\n    font-size: ".concat(fontSize, ";\n    box-sizing: border-box;\n    padding: ").concat(paddingY, " ").concat(paddingX, ";\n    line-height: ").concat(lineHeight, ";\n  ");
+};
+//# sourceMappingURL=FileUploader.mixins.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploader.mixins.js","sourceRoot":"","sources":["../../../components/FileUploader/FileUploader.mixins.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,QAAgB,EAAE,UAAkB,EAAE,QAAgB,EAAE,QAAgB;IAC5G,OAAO,2BACQ,QAAQ,0DAEV,QAAQ,cAAI,QAAQ,iCAChB,UAAU,UAC1B,CAAC;AACJ,CAAC,CAAC","sourcesContent":["export const fileUploaderSizeMixin = (fontSize: string, lineHeight: string, paddingX: string, paddingY: string) => {\n  return `\n    font-size: ${fontSize};\n    box-sizing: border-box;\n    padding: ${paddingY} ${paddingX};\n    line-height: ${lineHeight};\n  `;\n};\n"]}

package/components/FileUploader/FileUploader.styles.d.ts

@@ -0,0 +1,36 @@
+import type { Theme } from '../../lib/theming/Theme.js';
+export declare const globalClasses: {
+    afterLinkText: string;
+};
+export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
+    calcPulse(t: Theme): string;
+    root(t: Theme): string;
+    uploadButton(t: Theme): string;
+    uploadButtonFocus(t: Theme): string;
+    dragOver(t: Theme): string;
+    windowDragOver(t: Theme): string;
+    content(): string;
+    contentWithFiles(): string;
+    contentInnerSmall(t: Theme): string;
+    contentInnerMedium(t: Theme): string;
+    contentInnerLarge(t: Theme): string;
+    visuallyHidden(): string;
+    afterLinkText(t: Theme): string;
+    afterLinkText_HasFiles(t: Theme): string;
+    warning(t: Theme): string;
+    error(t: Theme): string;
+    hovered(t: Theme): string;
+    linkHovered(t: Theme): string;
+    disabled(t: Theme): string;
+    icon(t: Theme): string;
+    iconDisabled(t: Theme): string;
+    link(t: Theme): string;
+    linkDisabled(t: Theme): string;
+    singleFile(): string;
+    sizeSmall(t: Theme): string;
+    sizeMedium(t: Theme): string;
+    sizeLarge(t: Theme): string;
+    iconSmall(t: Theme): string;
+    iconMedium(t: Theme): string;
+    iconLarge(t: Theme): string;
+}>;