@skbkontur/react-ui 5.6.1-85c65.0 → 5.6.1-e2bc4.0

package/components/FileUploader/FileUploader.js

@@ -0,0 +1,358 @@
+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 { FileUploaderFileStatus, 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, getJsStyles, getJsRowStyles, getJsTileStyles } 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 (props) { return React.createElement(FileUploaderFile, __assign({}, props)); };
+var _FileUploader = forwardRefAndName('FileUploader', function (props, ref) {
+    var _a, _b, _c, _d, _e, _f;
+    var _g, _h;
+    var theme = useContext(ThemeContext);
+    var globalObject = useGlobal();
+    var cx = useEmotion().cx;
+    var jsStyles = useStyles(getJsStyles);
+    var jsRowStyles = useStyles(getJsRowStyles);
+    var jsTileStyles = useStyles(getJsTileStyles);
+    var keyListener = useKeyListener();
+    var disabled = props.disabled, error = props.error, warning = props.warning, _j = props.withValidationTooltip, withValidationTooltip = _j === void 0 ? false : _j, validationTooltipPosition = props.validationTooltipPosition, _k = props.withWarningIcon, withWarningIcon = _k === void 0 ? false : _k, _l = props.multiple, multiple = _l === void 0 ? false : _l, uploaderText = props.uploaderText, uploaderIcon = props.uploaderIcon, _m = props.view, view = _m === void 0 ? 'row' : _m, _o = props.uploadButtonPosition, uploadButtonPosition = _o === void 0 ? 'start' : _o, _p = props.validationSummary, validationSummary = _p === void 0 ? 'auto' : _p, _q = props.validationSummaryStart, validationSummaryStart = _q === void 0 ? 5 : _q, _r = props.width, width = _r === void 0 ? theme.fileUploaderWidth : _r, _s = props.hideFiles, hideFiles = _s === void 0 ? false : _s, onBlur = props.onBlur, onFocus = props.onFocus, onChange = props.onChange, request = props.request, validateBeforeUpload = props.validateBeforeUpload, onRequestSuccess = props.onRequestSuccess, onRequestError = props.onRequestError, _t = props.size, size = _t === void 0 ? 'small' : _t, _u = props.renderFile, renderFile = _u === void 0 ? defaultRenderFile : _u, inputProps = __rest(props, ["disabled", "error", "warning", "withValidationTooltip", "validationTooltipPosition", "withWarningIcon", "multiple", "uploaderText", "uploaderIcon", "view", "uploadButtonPosition", "validationSummary", "validationSummaryStart", "width", "hideFiles", "onBlur", "onFocus", "onChange", "request", "validateBeforeUpload", "onRequestSuccess", "onRequestError", "size", "renderFile"]);
+    var _v = useContext(FileUploaderControlContext), files = _v.files, setFiles = _v.setFiles, removeFile = _v.removeFile, reset = _v.reset, setFileValidationResult = _v.setFileValidationResult;
+    var locale = useControlLocale();
+    var inputRef = useRef(null);
+    var fileDivRef = useRef(null);
+    var isAsync = !!request;
+    var isSingleMode = !multiple;
+    var _w = useState(false), hovered = _w[0], setHovered = _w[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 if (typeof validationMessage === 'object') {
+                            setFileValidationResult(file.id, FileUploaderFileValidationResult.error(validationMessage.message), validationMessage.status);
+                        }
+                        else {
+                            setFileValidationResult(file.id, FileUploaderFileValidationResult.error(validationMessage), FileUploaderFileStatus.Error);
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    }, [validateBeforeUpload, isAsync, upload, setFileValidationResult]);
+    var isTileView = view === 'tile';
+    var jsViewStyles = isTileView ? jsTileStyles : jsRowStyles;
+    var sizeClassName = useFileUploaderSize(size, {
+        small: jsViewStyles.sizeSmall(theme),
+        medium: jsViewStyles.sizeMedium(theme),
+        large: jsViewStyles.sizeLarge(theme),
+    });
+    var uploadButtonTileWithFileClassName = useFileUploaderSize(size, {
+        small: jsTileStyles.uploadButtonTileWithFileSmall(theme),
+        medium: jsTileStyles.uploadButtonTileWithFileMedium(theme),
+        large: jsTileStyles.uploadButtonTileWithFileLarge(theme),
+    });
+    var uploadButtonIconGapClass = useFileUploaderSize(size, {
+        small: jsViewStyles.uploadButtonIconGapSmall(theme),
+        medium: jsViewStyles.uploadButtonIconGapMedium(theme),
+        large: jsViewStyles.uploadButtonIconGapLarge(theme),
+    });
+    var sizeIconClass = useFileUploaderSize(size, {
+        small: jsStyles.iconSmall(theme),
+        medium: jsStyles.iconMedium(theme),
+        large: jsStyles.iconLarge(theme),
+    });
+    var sizeWrapperClass = useFileUploaderSize(size, {
+        small: jsTileStyles.uploadButtonWrapperSmall(theme),
+        medium: jsTileStyles.uploadButtonWrapperMedium(theme),
+        large: jsTileStyles.uploadButtonWrapperLarge(theme),
+    });
+    var sizeWrapperEmptyFileClass = useFileUploaderSize(size, {
+        small: jsTileStyles.uploadButtonWrapperEmptyFileSmall(theme),
+        medium: jsTileStyles.uploadButtonWrapperEmptyFileMedium(theme),
+        large: jsTileStyles.uploadButtonWrapperEmptyFileLarge(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 (isSingleMode && dataTransfer.files.length > 1) {
+                dataTransfer.dropEffect = 'none';
+                return;
+            }
+            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 _x = useDrop({ onDrop: handleDrop }), isDraggable = _x.isDraggable, labelRef = _x.ref;
+    var _y = useDrop(), isWindowDraggable = _y.isDraggable, windowRef = _y.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 removeFileFromNativeInput = 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 handleRemoveFile = useCallback(function (fileId) {
+        removeFile(fileId);
+        removeFileFromNativeInput(fileId);
+    }, [removeFileFromNativeInput, 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: handleRemoveFile,
+        getRootNode: function () { return rootNodeRef.current; },
+    }); }, [ref, blur, focus, handleReset, handleRemoveFile]);
+    var _z = useState(false), focusedByTab = _z[0], setFocusedByTab = _z[1];
+    var handleInputChange = function (event) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(event);
+        handleChange(event.target.files);
+        setHovered(false);
+    };
+    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 hasFiles = files.length > 0;
+    var hasOneFile = files.length === 1;
+    var hasOneFileForSingle = isSingleMode && hasOneFile && !hideFiles;
+    var hasError = !!error || ((_g = files[0]) === null || _g === void 0 ? void 0 : _g.status) === FileUploaderFileStatus.Error;
+    var hasWarning = !!warning || ((_h = files[0]) === null || _h === void 0 ? void 0 : _h.status) === FileUploaderFileStatus.Warning;
+    var uploadButtonClassNames = cx(jsStyles.uploadButton(theme), jsViewStyles.uploadButton(), sizeClassName, hasOneFileForSingle && jsViewStyles.uploadButtonWithFile(theme), focusedByTab && jsStyles.uploadButtonFocus(theme), disabled && (_a = {},
+        _a[jsStyles.disabled(theme)] = true,
+        _a[jsStyles.disabledBackground(theme)] = !hasFiles,
+        _a), (focusedByTab || !hasOneFileForSingle) && (_b = {},
+        _b[jsStyles.warningButton(theme)] = hasWarning,
+        _b[jsStyles.errorButton(theme)] = hasError,
+        _b), hasOneFileForSingle && (_c = {},
+        _c[uploadButtonTileWithFileClassName] = isTileView,
+        _c[jsStyles.warningFile(theme)] = (!isTileView || hovered) && hasWarning,
+        _c[jsStyles.errorFile(theme)] = (!isTileView || hovered) && hasError,
+        _c), !disabled &&
+        hovered && (_d = {},
+        _d[jsStyles.hovered(theme)] = true,
+        _d), isDraggable && !disabled && jsStyles.dragOver(theme));
+    var canDrop = isWindowDraggable && !disabled;
+    var uploadButtonWrapperClassNames = cx(isTileView && (_e = {},
+        _e[sizeWrapperClass] = true,
+        _e[sizeWrapperEmptyFileClass] = !hasOneFileForSingle,
+        _e), jsViewStyles.uploadButtonWrapper(), canDrop && jsStyles.windowDragOver(theme));
+    var uploadButtonIconClassNames = cx(jsStyles.icon(theme), sizeIconClass, disabled && jsStyles.iconDisabled(theme), uploadButtonIconGapClass);
+    var rootClassNames = cx(jsStyles.root(theme), !isTileView && jsRowStyles.root());
+    var contentClassNames = cx(jsViewStyles.content(), (_f = {},
+        _f[jsViewStyles.contentWithFiles()] = hasOneFileForSingle,
+        _f[contentInnerClass] = !isTileView && (!files.length || !isSingleMode),
+        _f));
+    var afterLinkTextClassNames = cx(globalClasses.afterLinkText, hasOneFileForSingle ? jsStyles.afterLinkText_HasFiles() : jsStyles.afterLinkText());
+    var linkClassNames = cx(jsStyles.link(theme), !disabled && hovered && jsStyles.linkHovered(theme), disabled && jsStyles.linkDisabled(theme));
+    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 icon = uploaderIcon !== null && uploaderIcon !== void 0 ? uploaderIcon : React.createElement(UploadIcon, { size: size, view: view });
+    var chooseFileText = uploaderText !== null && uploaderText !== void 0 ? uploaderText : locale.chooseFile;
+    var chooseFileLocale = "".concat(chooseFileText).concat(String.fromCharCode(0xa0)); /* &nbsp; */
+    var hideUploaderText = isTileView && uploaderText === '';
+    var renderChooseFileText = function () {
+        return !hideUploaderText && (React.createElement("span", { "data-tid": FileUploaderDataTids.link, className: linkClassNames }, !hasOneFileForSingle && chooseFileLocale));
+    };
+    var renderFileList = function () {
+        return (!hideFiles &&
+            !isSingleMode &&
+            !!files.length && (React.createElement(FileUploaderFileList, { renderFile: renderFile, size: size, view: view, onRemove: handleRemoveFile, validationTooltipPosition: validationTooltipPosition, withValidationTooltip: withValidationTooltip, validationSummary: validationSummary, validationSummaryStart: validationSummaryStart, withWarningIcon: withWarningIcon, disabled: disabled })));
+    };
+    var fileProps = {
+        file: files[0],
+        size: size,
+        view: view,
+        onRemove: handleRemoveFile,
+        error: error,
+        warning: warning,
+        withValidationTooltip: withValidationTooltip,
+        validationTooltipPosition: validationTooltipPosition,
+        withWarningIcon: withWarningIcon,
+        hovered: hovered,
+        disabled: disabled,
+    };
+    var fileElement = renderFile(fileProps);
+    return (React.createElement(CommonWrapper, __assign({}, props),
+        React.createElement("div", { "data-tid": FileUploaderDataTids.root, className: rootClassNames, style: useMemoObject({ width: isTileView && !multiple ? theme.fileUploaderTileWidth : width }), ref: rootNodeRef },
+            uploadButtonPosition === 'end' && renderFileList(),
+            React.createElement("div", { className: uploadButtonWrapperClassNames },
+                React.createElement("label", { onMouseEnter: function () { return setHovered(true); }, onMouseLeave: function () { return setHovered(false); }, ref: labelRef, className: uploadButtonClassNames },
+                    !hasOneFileForSingle && React.createElement("div", { className: uploadButtonIconClassNames }, icon),
+                    React.createElement("div", { "data-tid": FileUploaderDataTids.content, className: contentClassNames },
+                        renderChooseFileText(),
+                        React.createElement("div", { className: afterLinkTextClassNames }, hasOneFileForSingle && (React.createElement("div", { ref: fileDivRef, className: jsStyles.singleFile() }, fileElement)))),
+                    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 }))))),
+            uploadButtonPosition === 'start' && renderFileList())));
+});
+/**
+ * `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":"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","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 {\n  FileUploaderAttachedFile,\n  FileUploaderUploadButtonPosition,\n  FileUploaderValidationSummary,\n  FileUploaderView,\n} from '../../internal/FileUploaderControl/fileUtils.js';\nimport { FileUploaderFileStatus, 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 type { FileUploaderFileProps } from '../../internal/FileUploaderControl/FileUploaderFile/FileUploaderFile.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';\nimport type { PopupPositionsType, ShortPopupPositionsType } from '../../internal/Popup/index.js';\n\nimport { UploadIcon } from './UploadIcon.js';\nimport { globalClasses, getJsStyles, getJsRowStyles, getJsTileStyles } 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  error?: boolean;\n\n  /** Переводит контрол в состояние валидации \"предупреждение\" */\n  warning?: boolean;\n\n  /** Задает приоритетное расположение подсказки относительно контрола\n   * @default 'top left' */\n  validationTooltipPosition?: ShortPopupPositionsType | PopupPositionsType;\n\n  /** Использовать тултип для отображения валидации\n   * @default false */\n  withValidationTooltip?: boolean;\n\n  /** Использовать иконку для ворнинга (восклицательный знак)\n   * @default false */\n  withWarningIcon?: boolean;\n\n  /** Задает длину компонента. */\n  width?: React.CSSProperties['width'];\n\n  /** Задаёт размер контрола.\n   * @default small */\n  size?: SizeProp;\n\n  /** Скрывает отображение файлов.\n   * @default false */\n  hideFiles?: boolean;\n\n  /** Пользовательский текст для загрузки файла\n   * @default 'Загрузить файл'\n   */\n  uploaderText?: string;\n\n  /** Пользовательская иконка для загрузки файла\n   * @default UploadIcon\n   */\n  uploaderIcon?: React.ReactNode;\n\n  /** Вид компонента\n   *  - `row` — строчный вид\n   *  - `tile` — плиточный вид\n   *  @default row\n   */\n  view?: FileUploaderView;\n\n  /** Отображать ли саммари с детализацией ошибок. Работает с версией темы >= 5_5.\n   *  - `auto` — саммари отображается, если количество загруженных файлов >= validationSummaryStart\n   *  - `enabled` — всегда включено\n   *  - `disabled` — всегда отключено\n   *  @default auto\n   */\n  validationSummary?: FileUploaderValidationSummary;\n\n  /** Количество файлов, от которого показываем саммари (при validationSummary = `auto`)\n   * @default 5 */\n  validationSummaryStart?: number;\n\n  /** Позиционирование области загрузки файла\n   * @default start */\n  uploadButtonPosition?: FileUploaderUploadButtonPosition;\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   * Чтобы вывести валидацию ошибки, промис должен вернуть строку или объект с ошибкой.\n   *  @returns {Promise<Nullable<string | { message: string; status: FileUploaderFileStatus }>>} */\n  validateBeforeUpload?: (\n    file: FileUploaderAttachedFile,\n  ) => Promise<Nullable<string | { message: string; status: FileUploaderFileStatus }>>;\n\n  /**\n   * Задает функцию, которая позволяет кастомизировать файлы. Через нее можно вешать кастомные валидации на каждый файл.\n   * @default (props: FileUploaderFileProps) => <FileUploaderFile {...props} />\n   * @param {FileUploaderFileProps} props - пропсы компонента `FileUploaderFile`, смотри примеры использования в документации.\n   * @returns {ReactNode} элемент, который отрисовывает контент файла.\n   */\n  renderFile?: (props: FileUploaderFileProps) => 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 type FileUploader = FileUploaderRef;\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 = (props: FileUploaderFileProps) => <FileUploaderFile {...props} />;\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(getJsStyles);\n  const jsRowStyles = useStyles(getJsRowStyles);\n  const jsTileStyles = useStyles(getJsTileStyles);\n  const keyListener = useKeyListener();\n\n  const {\n    disabled,\n    error,\n    warning,\n    withValidationTooltip = false,\n    validationTooltipPosition,\n    withWarningIcon = false,\n    multiple = false,\n    uploaderText,\n    uploaderIcon,\n    view = 'row',\n    uploadButtonPosition = 'start',\n    validationSummary = 'auto',\n    validationSummaryStart = 5,\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 } = 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 [hovered, setHovered] = useState(false);\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 if (typeof validationMessage === 'object') {\n          setFileValidationResult(\n            file.id,\n            FileUploaderFileValidationResult.error(validationMessage.message),\n            validationMessage.status,\n          );\n        } else {\n          setFileValidationResult(\n            file.id,\n            FileUploaderFileValidationResult.error(validationMessage),\n            FileUploaderFileStatus.Error,\n          );\n        }\n      });\n    },\n    [validateBeforeUpload, isAsync, upload, setFileValidationResult],\n  );\n\n  const isTileView = view === 'tile';\n  const jsViewStyles = isTileView ? jsTileStyles : jsRowStyles;\n\n  const sizeClassName = useFileUploaderSize(size, {\n    small: jsViewStyles.sizeSmall(theme),\n    medium: jsViewStyles.sizeMedium(theme),\n    large: jsViewStyles.sizeLarge(theme),\n  });\n\n  const uploadButtonTileWithFileClassName = useFileUploaderSize(size, {\n    small: jsTileStyles.uploadButtonTileWithFileSmall(theme),\n    medium: jsTileStyles.uploadButtonTileWithFileMedium(theme),\n    large: jsTileStyles.uploadButtonTileWithFileLarge(theme),\n  });\n\n  const uploadButtonIconGapClass = useFileUploaderSize(size, {\n    small: jsViewStyles.uploadButtonIconGapSmall(theme),\n    medium: jsViewStyles.uploadButtonIconGapMedium(theme),\n    large: jsViewStyles.uploadButtonIconGapLarge(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 sizeWrapperClass = useFileUploaderSize(size, {\n    small: jsTileStyles.uploadButtonWrapperSmall(theme),\n    medium: jsTileStyles.uploadButtonWrapperMedium(theme),\n    large: jsTileStyles.uploadButtonWrapperLarge(theme),\n  });\n\n  const sizeWrapperEmptyFileClass = useFileUploaderSize(size, {\n    small: jsTileStyles.uploadButtonWrapperEmptyFileSmall(theme),\n    medium: jsTileStyles.uploadButtonWrapperEmptyFileMedium(theme),\n    large: jsTileStyles.uploadButtonWrapperEmptyFileLarge(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 (isSingleMode && dataTransfer.files.length > 1) {\n          dataTransfer.dropEffect = 'none';\n          return;\n        }\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 removeFileFromNativeInput = 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 handleRemoveFile = useCallback(\n    (fileId: string) => {\n      removeFile(fileId);\n      removeFileFromNativeInput(fileId);\n    },\n    [removeFileFromNativeInput, 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: handleRemoveFile,\n      getRootNode: () => rootNodeRef.current,\n    }),\n    [ref, blur, focus, handleReset, handleRemoveFile],\n  );\n\n  const [focusedByTab, setFocusedByTab] = useState(false);\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event);\n    handleChange(event.target.files);\n    setHovered(false);\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 hasFiles = files.length > 0;\n  const hasOneFile = files.length === 1;\n  const hasOneFileForSingle = isSingleMode && hasOneFile && !hideFiles;\n\n  const hasError = !!error || files[0]?.status === FileUploaderFileStatus.Error;\n  const hasWarning = !!warning || files[0]?.status === FileUploaderFileStatus.Warning;\n\n  const uploadButtonClassNames = cx(\n    jsStyles.uploadButton(theme),\n    jsViewStyles.uploadButton(),\n    sizeClassName,\n    hasOneFileForSingle && jsViewStyles.uploadButtonWithFile(theme),\n    focusedByTab && jsStyles.uploadButtonFocus(theme),\n    disabled && {\n      [jsStyles.disabled(theme)]: true,\n      [jsStyles.disabledBackground(theme)]: !hasFiles,\n    },\n    (focusedByTab || !hasOneFileForSingle) && {\n      [jsStyles.warningButton(theme)]: hasWarning,\n      [jsStyles.errorButton(theme)]: hasError,\n    },\n\n    hasOneFileForSingle && {\n      [uploadButtonTileWithFileClassName]: isTileView,\n      [jsStyles.warningFile(theme)]: (!isTileView || hovered) && hasWarning,\n      [jsStyles.errorFile(theme)]: (!isTileView || hovered) && hasError,\n    },\n    !disabled &&\n      hovered && {\n        [jsStyles.hovered(theme)]: true,\n      },\n    isDraggable && !disabled && jsStyles.dragOver(theme),\n  );\n\n  const canDrop = isWindowDraggable && !disabled;\n  const uploadButtonWrapperClassNames = cx(\n    isTileView && {\n      [sizeWrapperClass]: true,\n      [sizeWrapperEmptyFileClass]: !hasOneFileForSingle,\n    },\n    jsViewStyles.uploadButtonWrapper(),\n    canDrop && jsStyles.windowDragOver(theme),\n  );\n\n  const uploadButtonIconClassNames = cx(\n    jsStyles.icon(theme),\n    sizeIconClass,\n    disabled && jsStyles.iconDisabled(theme),\n    uploadButtonIconGapClass,\n  );\n\n  const rootClassNames = cx(jsStyles.root(theme), !isTileView && jsRowStyles.root());\n\n  const contentClassNames = cx(jsViewStyles.content(), {\n    [jsViewStyles.contentWithFiles()]: hasOneFileForSingle,\n    [contentInnerClass]: !isTileView && (!files.length || !isSingleMode),\n  });\n\n  const afterLinkTextClassNames = cx(\n    globalClasses.afterLinkText,\n    hasOneFileForSingle ? jsStyles.afterLinkText_HasFiles() : jsStyles.afterLinkText(),\n  );\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    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 icon = uploaderIcon ?? <UploadIcon size={size} view={view} />;\n  const chooseFileText = uploaderText ?? locale.chooseFile;\n  const chooseFileLocale = `${chooseFileText}${String.fromCharCode(0xa0)}`; /* &nbsp; */\n  const hideUploaderText = isTileView && uploaderText === '';\n  const renderChooseFileText = () =>\n    !hideUploaderText && (\n      <span data-tid={FileUploaderDataTids.link} className={linkClassNames}>\n        {!hasOneFileForSingle && chooseFileLocale}\n      </span>\n    );\n\n  const renderFileList = () => {\n    return (\n      !hideFiles &&\n      !isSingleMode &&\n      !!files.length && (\n        <FileUploaderFileList\n          renderFile={renderFile}\n          size={size}\n          view={view}\n          onRemove={handleRemoveFile}\n          validationTooltipPosition={validationTooltipPosition}\n          withValidationTooltip={withValidationTooltip}\n          validationSummary={validationSummary}\n          validationSummaryStart={validationSummaryStart}\n          withWarningIcon={withWarningIcon}\n          disabled={disabled}\n        />\n      )\n    );\n  };\n\n  const fileProps: FileUploaderFileProps = {\n    file: files[0],\n    size,\n    view,\n    onRemove: handleRemoveFile,\n    error,\n    warning,\n    withValidationTooltip,\n    validationTooltipPosition,\n    withWarningIcon,\n    hovered,\n    disabled,\n  };\n\n  const fileElement = renderFile(fileProps);\n\n  return (\n    <CommonWrapper {...props}>\n      <div\n        data-tid={FileUploaderDataTids.root}\n        className={rootClassNames}\n        style={useMemoObject({ width: isTileView && !multiple ? theme.fileUploaderTileWidth : width })}\n        ref={rootNodeRef}\n      >\n        {uploadButtonPosition === 'end' && renderFileList()}\n        <div className={uploadButtonWrapperClassNames}>\n          <label\n            onMouseEnter={() => setHovered(true)}\n            onMouseLeave={() => setHovered(false)}\n            ref={labelRef}\n            className={uploadButtonClassNames}\n          >\n            {!hasOneFileForSingle && <div className={uploadButtonIconClassNames}>{icon}</div>}\n            <div data-tid={FileUploaderDataTids.content} className={contentClassNames}>\n              {renderChooseFileText()}\n              <div className={afterLinkTextClassNames}>\n                {hasOneFileForSingle && (\n                  <div ref={fileDivRef} className={jsStyles.singleFile()}>\n                    {fileElement}\n                  </div>\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        {uploadButtonPosition === 'start' && renderFileList()}\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);\n\nFileUploader.displayName = 'FileUploader';\n"]}

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,UACnC,QAAgB,EAChB,UAAkB,EAClB,QAAgB,EAChB,QAAgB;IAEhB,OAAO,2BACQ,QAAQ,0DAEV,QAAQ,cAAI,QAAQ,iCAChB,UAAU,UAC1B,CAAC;AACJ,CAAC,CAAC","sourcesContent":["export const fileUploaderSizeMixin = (\n  fontSize: string,\n  lineHeight: string,\n  paddingX: string,\n  paddingY: string,\n): 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

@@ -1,8 +1,8 @@
-import type { Theme } from '../../lib/theming/Theme';
+import type { Theme } from '../../lib/theming/Theme.js';
 export declare const globalClasses: {
     afterLinkText: string;
 };
-export declare const getJsStyles: import("../../lib/theming/Emotion").StylesGetter<{
+export declare const getJsStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
     calcPulse(t: Theme): string;
     root(t: Theme): string;
     uploadButton(t: Theme): string;
@@ -36,7 +36,7 @@ export declare const getJsStyles: import("../../lib/theming/Emotion").StylesGett
     iconMedium(t: Theme): string;
     iconLarge(t: Theme): string;
 }>;
-export declare const getJsRowStyles: import("../../lib/theming/Emotion").StylesGetter<{
+export declare const getJsRowStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
     root(): string;
     uploadButtonWithFile(t: Theme): string;
     uploadButton(): string;
@@ -50,7 +50,7 @@ export declare const getJsRowStyles: import("../../lib/theming/Emotion").StylesG
     content(): string;
     contentWithFiles(): string;
 }>;
-export declare const getJsTileStyles: import("../../lib/theming/Emotion").StylesGetter<{
+export declare const getJsTileStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
     uploadButton(): string;
     uploadButtonWrapper(): string;
     uploadButtonWrapperSmall(t: Theme): string;