@skbkontur/react-ui 5.6.1-9a162.0 → 5.6.1-e2bc4.0

package/components/FileUploader/FileUploader/FileUploader.js

@@ -1,418 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["disabled", "error", "warning", "withValidationTooltip", "validationTooltipPosition", "withWarningIcon", "multiple", "uploaderText", "uploaderIcon", "view", "uploadButtonPosition", "validationSummary", "validationSummaryStart", "width", "hideFiles", "onBlur", "onFocus", "onChange", "request", "validateBeforeUpload", "onRequestSuccess", "onRequestError", "size", "renderFile"];
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useCallback, useContext, useEffect, useImperativeHandle, useRef, useState } from 'react';
-import { globalObject, isBrowser } from '@skbkontur/global-object';
-import { FileUploaderFileStatus, getAttachedFile } from "../../../internal/FileUploaderControl/fileUtils";
-import { cx } from "../../../lib/theming/Emotion";
-import { useMemoObject } from "../../../hooks/useMemoObject";
-import { FileUploaderControlContext } from "../../../internal/FileUploaderControl/FileUploaderControlContext";
-import { useControlLocale } from "../../../internal/FileUploaderControl/hooks/useControlLocale";
-import { useUpload } from "../../../internal/FileUploaderControl/hooks/useUpload";
-import { useDrop } from "../../../hooks/useDrop";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { withFileUploaderControlProvider } from "../../../internal/FileUploaderControl/withFileUploaderControlProvider";
-import { keyListener } from "../../../lib/events/keyListener";
-import { FileUploaderFile } from "../../../internal/FileUploaderControl/FileUploaderFile/FileUploaderFile";
-import { FileUploaderFileList } from "../../../internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList";
-import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { FileUploaderFileValidationResult } from "../../../internal/FileUploaderControl/FileUploaderFileValidationResult";
-import { useFileUploaderSize } from "../../../internal/FileUploaderControl/hooks/useFileUploaderSize";
-import { forwardRefAndName } from "../../../lib/forwardRefAndName";
-import { FocusControlWrapper } from "../../../internal/FocusControlWrapper";
-import { isThemeGTE } from "../../../lib/theming/ThemeHelpers";
-import { UploadIcon } from "../UploadIcon";
-import { globalClasses, jsStyles, jsRowStyles, jsTileStyles } from "../FileUploader.styles";
-var stopPropagation = function stopPropagation(e) {
-  return e.stopPropagation();
-};
-export var FileUploaderDataTids = {
-  root: 'FileUploader__root',
-  content: 'FileUploader__content',
-  link: 'FileUploader__link',
-  input: 'FileUploader__input'
-};
-var defaultRenderFile = function defaultRenderFile(_file, _fileNode, props) {
-  return /*#__PURE__*/(
-    React.createElement(FileUploaderFile, props)
-  );
-};
-var _FileUploader = forwardRefAndName('FileUploader', function (props, ref) {
-  var _files$, _files$2, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _cx;
-  var theme = useContext(ThemeContext);
-  var disabled = props.disabled,
-    error = props.error,
-    warning = props.warning,
-    _props$withValidation = props.withValidationTooltip,
-    withValidationTooltip = _props$withValidation === void 0 ? false : _props$withValidation,
-    validationTooltipPosition = props.validationTooltipPosition,
-    _props$withWarningIco = props.withWarningIcon,
-    withWarningIcon = _props$withWarningIco === void 0 ? false : _props$withWarningIco,
-    _props$multiple = props.multiple,
-    multiple = _props$multiple === void 0 ? false : _props$multiple,
-    uploaderText = props.uploaderText,
-    uploaderIcon = props.uploaderIcon,
-    _props$view = props.view,
-    view = _props$view === void 0 ? 'row' : _props$view,
-    _props$uploadButtonPo = props.uploadButtonPosition,
-    uploadButtonPosition = _props$uploadButtonPo === void 0 ? 'start' : _props$uploadButtonPo,
-    _props$validationSumm = props.validationSummary,
-    validationSummary = _props$validationSumm === void 0 ? 'auto' : _props$validationSumm,
-    _props$validationSumm2 = props.validationSummaryStart,
-    validationSummaryStart = _props$validationSumm2 === void 0 ? 5 : _props$validationSumm2,
-    _props$width = props.width,
-    width = _props$width === void 0 ? theme.fileUploaderWidth : _props$width,
-    _props$hideFiles = props.hideFiles,
-    hideFiles = _props$hideFiles === void 0 ? false : _props$hideFiles,
-    onBlur = props.onBlur,
-    onFocus = props.onFocus,
-    onChange = props.onChange,
-    request = props.request,
-    validateBeforeUpload = props.validateBeforeUpload,
-    onRequestSuccess = props.onRequestSuccess,
-    onRequestError = props.onRequestError,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'small' : _props$size,
-    _props$renderFile = props.renderFile,
-    renderFile = _props$renderFile === void 0 ? defaultRenderFile : _props$renderFile,
-    inputProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useContext = useContext(FileUploaderControlContext),
-    files = _useContext.files,
-    setFiles = _useContext.setFiles,
-    removeFile = _useContext.removeFile,
-    reset = _useContext.reset,
-    setFileValidationResult = _useContext.setFileValidationResult;
-  var versionGTE5_5 = isThemeGTE(theme, '5.5');
-  var locale = useControlLocale(versionGTE5_5);
-  var inputRef = useRef(null);
-  var fileDivRef = useRef(null);
-  var isAsync = !!request;
-  var isSingleMode = !multiple;
-  var _useState = useState(false),
-    hovered = _useState[0],
-    setHovered = _useState[1];
-  var upload = useUpload(request, onRequestSuccess, onRequestError);
-  var tryValidateAndUpload = useCallback(function (files) {
-    files.forEach( /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(file) {
-        var validationMessage;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _context.t0 = validateBeforeUpload;
-              if (!_context.t0) {
-                _context.next = 5;
-                break;
-              }
-              _context.next = 4;
-              return validateBeforeUpload(file);
-            case 4:
-              _context.t0 = _context.sent;
-            case 5:
-              validationMessage = _context.t0;
-              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);
-              }
-            case 7:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      return function (_x) {
-        return _ref.apply(this, arguments);
-      };
-    }());
-  }, [validateBeforeUpload, isAsync, upload, setFileValidationResult]);
-  var isTileView = view === 'tile';
-  var jsViewStyles = versionGTE5_5 && 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: versionGTE5_5 ? jsStyles.iconSmall5_5(theme) : jsStyles.iconSmall(theme),
-    medium: versionGTE5_5 ? jsStyles.iconMedium5_5(theme) : jsStyles.iconMedium(theme),
-    large: versionGTE5_5 ? jsStyles.iconLarge5_5(theme) : 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) {
-    if (disabled) {
-      return;
-    }
-    var dataTransfer = event.dataTransfer;
-    if (dataTransfer) {
-      var _dataTransfer$files;
-      if (isSingleMode && dataTransfer.files.length > 1) {
-        dataTransfer.dropEffect = 'none';
-        return;
-      }
-      if (((_dataTransfer$files = dataTransfer.files) == null ? void 0 : _dataTransfer$files.length) > 0) {
-        inputRef.current && (inputRef.current.files = dataTransfer.files);
-        handleChange(dataTransfer.files);
-      }
-    }
-  }, [handleChange, disabled]);
-  var _useDrop = useDrop({
-      onDrop: handleDrop
-    }),
-    isDraggable = _useDrop.isDraggable,
-    labelRef = _useDrop.ref;
-  var _useDrop2 = useDrop(),
-    isWindowDraggable = _useDrop2.isDraggable,
-    windowRef = _useDrop2.ref;
-  if (isBrowser(globalObject)) {
-    windowRef.current = globalObject.document;
-  }
-  var focus = useCallback(function () {
-    var _inputRef$current;
-    keyListener.isTabPressed = true;
-    (_inputRef$current = inputRef.current) == null || _inputRef$current.focus();
-  }, []);
-  var blur = useCallback(function () {
-    var _inputRef$current2;
-    (_inputRef$current2 = inputRef.current) == null || _inputRef$current2.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 getRootNode() {
-        return rootNodeRef.current;
-      }
-    };
-  }, [ref, blur, focus, handleReset, handleRemoveFile]);
-  var _useState2 = useState(false),
-    focusedByTab = _useState2[0],
-    setFocusedByTab = _useState2[1];
-  var handleInputChange = function handleInputChange(event) {
-    onChange == null || onChange(event);
-    handleChange(event.target.files);
-    setHovered(false);
-  };
-  var handleFocus = function handleFocus(e) {
-    if (!disabled) {
-      // focus event fires before keyDown eventlistener
-      // so we should check tabPressed in async way
-      globalObject.requestAnimationFrame == null || globalObject.requestAnimationFrame(function () {
-        if (keyListener.isTabPressed) {
-          setFocusedByTab(true);
-        }
-      });
-      onFocus == null || onFocus(e);
-    }
-  };
-  var handleBlur = function handleBlur(e) {
-    setFocusedByTab(false);
-    if (!disabled) {
-      onBlur == null || onBlur(e);
-    }
-  };
-  var hasFiles = files.length > 0;
-  var hasOneFile = files.length === 1;
-  var hasOneFileForSingle = isSingleMode && hasOneFile && !hideFiles;
-  var hasError = !!error || ((_files$ = files[0]) == null ? void 0 : _files$.status) === FileUploaderFileStatus.Error;
-  var hasWarning = !!warning || ((_files$2 = files[0]) == null ? void 0 : _files$2.status) === FileUploaderFileStatus.Warning;
-  var uploadButtonClassNames = cx(jsStyles.uploadButton(theme), jsViewStyles.uploadButton(), sizeClassName, versionGTE5_5 && hasOneFileForSingle && jsViewStyles.uploadButtonWithFile(theme), focusedByTab && jsStyles.uploadButtonFocus(theme), disabled && (_ref2 = {}, _ref2[jsStyles.disabled(theme)] = true, _ref2[jsStyles.disabledBackground(theme)] = !versionGTE5_5 || !hasFiles, _ref2), (focusedByTab || !hasOneFileForSingle || !versionGTE5_5) && (_ref3 = {}, _ref3[jsStyles.warningButton(theme)] = hasWarning, _ref3[jsStyles.errorButton(theme)] = hasError, _ref3), versionGTE5_5 && hasOneFileForSingle && (_ref4 = {}, _ref4[uploadButtonTileWithFileClassName] = isTileView, _ref4[jsStyles.warningFile(theme)] = (!isTileView || hovered) && hasWarning, _ref4[jsStyles.errorFile(theme)] = (!isTileView || hovered) && hasError, _ref4), !disabled && hovered && (_ref5 = {}, _ref5[jsStyles.hovered(theme)] = true, _ref5[jsStyles.hoveredBorderColor(theme)] = !versionGTE5_5, _ref5), isDraggable && !disabled && jsStyles.dragOver(theme));
-  var canDrop = isWindowDraggable && !disabled;
-  var uploadButtonWrapperClassNames = cx(isTileView && (_ref6 = {}, _ref6[sizeWrapperClass] = true, _ref6[sizeWrapperEmptyFileClass] = !hasOneFileForSingle, _ref6), jsViewStyles.uploadButtonWrapper(), canDrop && jsStyles.windowDragOver(theme));
-  var uploadButtonIconClassNames = cx(jsStyles.icon(theme), sizeIconClass, disabled && jsStyles.iconDisabled(theme), !versionGTE5_5 && jsStyles.iconRight(), versionGTE5_5 && uploadButtonIconGapClass);
-  var rootClassNames = cx(jsStyles.root(theme), versionGTE5_5 && (_ref7 = {}, _ref7[jsStyles.root5_5()] = true, _ref7[jsRowStyles.root()] = !isTileView, _ref7));
-  var contentClassNames = cx(jsViewStyles.content(), (_cx = {}, _cx[jsViewStyles.contentWithFiles()] = hasOneFileForSingle, _cx[contentInnerClass] = !isTileView && (!files.length || !isSingleMode), _cx));
-  var afterLinkTextClassNames = cx(globalClasses.afterLinkText, hasOneFileForSingle ? jsStyles.afterLinkText_HasFiles() : jsStyles.afterLinkText(), !versionGTE5_5 && jsStyles.afterLinkTextColor(theme));
-  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 : /*#__PURE__*/React.createElement(UploadIcon, {
-    size: size,
-    view: view
-  });
-  var chooseFileText = uploaderText != null ? uploaderText : locale.chooseFile;
-  var chooseFileLocale = "" + chooseFileText + String.fromCharCode(0xa0); /*   */
-  var hideUploaderText = versionGTE5_5 && isTileView && uploaderText === '';
-  var renderChooseFileText = function renderChooseFileText() {
-    return !hideUploaderText && /*#__PURE__*/
-    React.createElement("span", {
-      "data-tid": FileUploaderDataTids.link,
-      className: linkClassNames
-    }, versionGTE5_5 && !hasOneFileForSingle && chooseFileLocale, !versionGTE5_5 && (hasOneFileForSingle ? locale.choosedFile : locale.chooseFile), versionGTE5_5 ? null : String.fromCharCode(0xa0) /*   */);
-  };
-  var renderFileList = function renderFileList() {
-    var propsVersionGTE5_5 = {
-      withValidationTooltip: withValidationTooltip,
-      validationSummary: validationSummary,
-      validationSummaryStart: validationSummaryStart,
-      withWarningIcon: withWarningIcon,
-      disabled: disabled
-    };
-    return !hideFiles && !isSingleMode && !!files.length && /*#__PURE__*/
-    React.createElement(FileUploaderFileList, _extends({
-      renderFile: renderFile,
-      size: size,
-      view: view,
-      onRemove: handleRemoveFile,
-      validationTooltipPosition: validationTooltipPosition
-    }, versionGTE5_5 && propsVersionGTE5_5));
-  };
-  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(files[0], /*#__PURE__*/React.createElement(FileUploaderFile, fileProps), fileProps);
-  return /*#__PURE__*/(
-    React.createElement(CommonWrapper, props, /*#__PURE__*/
-    React.createElement("div", {
-      "data-tid": FileUploaderDataTids.root,
-      className: rootClassNames,
-      style: useMemoObject({
-        width: isTileView && !multiple ? theme.fileUploaderTileWidth : width
-      }),
-      ref: rootNodeRef
-    }, (!versionGTE5_5 || uploadButtonPosition === 'end') && renderFileList(), /*#__PURE__*/
-    React.createElement("div", {
-      className: uploadButtonWrapperClassNames
-    }, /*#__PURE__*/
-    React.createElement("label", {
-      onMouseEnter: function onMouseEnter() {
-        return setHovered(true);
-      },
-      onMouseLeave: function onMouseLeave() {
-        return setHovered(false);
-      },
-      ref: labelRef,
-      className: uploadButtonClassNames
-    }, versionGTE5_5 && !hasOneFileForSingle && /*#__PURE__*/React.createElement("div", {
-      className: uploadButtonIconClassNames
-    }, icon), /*#__PURE__*/
-    React.createElement("div", {
-      "data-tid": FileUploaderDataTids.content,
-      className: contentClassNames
-    }, renderChooseFileText(), /*#__PURE__*/
-    React.createElement("div", {
-      className: afterLinkTextClassNames
-    }, hasOneFileForSingle ? /*#__PURE__*/
-    React.createElement("div", {
-      ref: fileDivRef,
-      className: jsStyles.singleFile()
-    }, fileElement) : !versionGTE5_5 && /*#__PURE__*/
-    React.createElement(React.Fragment, null, locale.orDragHere, "\xA0", /*#__PURE__*/
-    React.createElement("div", {
-      className: uploadButtonIconClassNames
-    }, icon)))), /*#__PURE__*/
-    React.createElement(FocusControlWrapper, {
-      onBlurWhenDisabled: function onBlurWhenDisabled() {
-        return setFocusedByTab(false);
-      }
-    }, /*#__PURE__*/
-    React.createElement("input", _extends({}, inputProps, {
-      "data-tid": FileUploaderDataTids.input,
-      ref: inputRef,
-      tabIndex: disabled ? -1 : 0,
-      type: "file",
-      disabled: disabled,
-      multiple: multiple,
-      className: jsStyles.visuallyHidden(),
-      onClick: stopPropagation,
-      onChange: handleInputChange,
-      onFocus: handleFocus,
-      onBlur: handleBlur
-    }))))), versionGTE5_5 && uploadButtonPosition === 'start' && renderFileList()))
-  );
-});
-
-/**
- * `FileUploader` — контрол для выбора пользователем файла на компьютере и отображения статуса его отправки на сервер.
- *
- * Можно использовать для синхронной отправки данных, например, в форме. Или же можно использовать в асинхронном режиме.
- */
-export var FileUploader = withFileUploaderControlProvider( /*#__PURE__*/
-React.memo(_FileUploader));
-FileUploader.displayName = 'FileUploader';

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useCallback","useContext","useEffect","useImperativeHandle","useRef","useState","globalObject","isBrowser","FileUploaderFileStatus","getAttachedFile","cx","useMemoObject","FileUploaderControlContext","useControlLocale","useUpload","useDrop","ThemeContext","withFileUploaderControlProvider","keyListener","FileUploaderFile","FileUploaderFileList","CommonWrapper","FileUploaderFileValidationResult","useFileUploaderSize","forwardRefAndName","FocusControlWrapper","isThemeGTE","UploadIcon","globalClasses","jsStyles","jsRowStyles","jsTileStyles","stopPropagation","e","FileUploaderDataTids","root","content","link","input","defaultRenderFile","_file","_fileNode","props","createElement","_FileUploader","ref","_files$","_files$2","_ref2","_ref3","_ref4","_ref5","_ref6","_ref7","_cx","theme","disabled","error","warning","_props$withValidation","withValidationTooltip","validationTooltipPosition","_props$withWarningIco","withWarningIcon","_props$multiple","multiple","uploaderText","uploaderIcon","_props$view","view","_props$uploadButtonPo","uploadButtonPosition","_props$validationSumm","validationSummary","_props$validationSumm2","validationSummaryStart","_props$width","width","fileUploaderWidth","_props$hideFiles","hideFiles","onBlur","onFocus","onChange","request","validateBeforeUpload","onRequestSuccess","onRequestError","_props$size","size","_props$renderFile","renderFile","inputProps","_objectWithoutPropertiesLoose","_excluded","_useContext","files","setFiles","removeFile","reset","setFileValidationResult","versionGTE5_5","locale","inputRef","fileDivRef","isAsync","isSingleMode","_useState","hovered","setHovered","upload","tryValidateAndUpload","forEach","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","file","validationMessage","wrap","_callee$","_context","prev","next","t0","sent","id","message","status","Error","stop","_x","apply","arguments","isTileView","jsViewStyles","sizeClassName","small","sizeSmall","medium","sizeMedium","large","sizeLarge","uploadButtonTileWithFileClassName","uploadButtonTileWithFileSmall","uploadButtonTileWithFileMedium","uploadButtonTileWithFileLarge","uploadButtonIconGapClass","uploadButtonIconGapSmall","uploadButtonIconGapMedium","uploadButtonIconGapLarge","sizeIconClass","iconSmall5_5","iconSmall","iconMedium5_5","iconMedium","iconLarge5_5","iconLarge","sizeWrapperClass","uploadButtonWrapperSmall","uploadButtonWrapperMedium","uploadButtonWrapperLarge","sizeWrapperEmptyFileClass","uploadButtonWrapperEmptyFileSmall","uploadButtonWrapperEmptyFileMedium","uploadButtonWrapperEmptyFileLarge","contentInnerClass","contentInnerSmall","contentInnerMedium","contentInnerLarge","handleChange","newFiles","length","filesArray","Array","from","attachedFiles","map","handleDrop","event","dataTransfer","_dataTransfer$files","dropEffect","current","_useDrop","onDrop","isDraggable","labelRef","_useDrop2","isWindowDraggable","windowRef","document","focus","_inputRef$current","isTabPressed","blur","_inputRef$current2","removeFileFromNativeInput","fileId","DataTransfer","filter","f","items","add","originalFile","handleRemoveFile","handleReset","getRootNode","rootNodeRef","_useState2","focusedByTab","setFocusedByTab","handleInputChange","target","handleFocus","requestAnimationFrame","handleBlur","hasFiles","hasOneFile","hasOneFileForSingle","hasError","hasWarning","Warning","uploadButtonClassNames","uploadButton","uploadButtonWithFile","uploadButtonFocus","disabledBackground","warningButton","errorButton","warningFile","errorFile","hoveredBorderColor","dragOver","canDrop","uploadButtonWrapperClassNames","uploadButtonWrapper","windowDragOver","uploadButtonIconClassNames","icon","iconDisabled","iconRight","rootClassNames","root5_5","contentClassNames","contentWithFiles","afterLinkTextClassNames","afterLinkText","afterLinkText_HasFiles","afterLinkTextColor","linkClassNames","linkHovered","linkDisabled","chooseFileText","chooseFile","chooseFileLocale","String","fromCharCode","hideUploaderText","renderChooseFileText","className","choosedFile","renderFileList","propsVersionGTE5_5","_extends","onRemove","fileProps","fileElement","style","fileUploaderTileWidth","onMouseEnter","onMouseLeave","singleFile","Fragment","orDragHere","onBlurWhenDisabled","tabIndex","type","visuallyHidden","onClick","FileUploader","memo","displayName"],"sources":["FileUploader.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport type {\n  FileUploaderAttachedFile,\n  FileUploaderUploadButtonPosition,\n  FileUploaderValidationSummary,\n  FileUploaderView,\n} from '../../internal/FileUploaderControl/fileUtils';\nimport { FileUploaderFileStatus, getAttachedFile } from '../../internal/FileUploaderControl/fileUtils';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { InstanceWithRootNode } from '../../lib/rootNode';\nimport { useMemoObject } from '../../hooks/useMemoObject';\nimport { FileUploaderControlContext } from '../../internal/FileUploaderControl/FileUploaderControlContext';\nimport { useControlLocale } from '../../internal/FileUploaderControl/hooks/useControlLocale';\nimport { useUpload } from '../../internal/FileUploaderControl/hooks/useUpload';\nimport { useDrop } from '../../hooks/useDrop';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { FileUploaderControlProviderProps } from '../../internal/FileUploaderControl/FileUploaderControlProvider';\nimport { withFileUploaderControlProvider } from '../../internal/FileUploaderControl/withFileUploaderControlProvider';\nimport { keyListener } from '../../lib/events/keyListener';\nimport type { FileUploaderFileProps } from '../../internal/FileUploaderControl/FileUploaderFile/FileUploaderFile';\nimport { FileUploaderFile } from '../../internal/FileUploaderControl/FileUploaderFile/FileUploaderFile';\nimport { FileUploaderFileList } from '../../internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { Nullable } from '../../typings/utility-types';\nimport { FileUploaderFileValidationResult } from '../../internal/FileUploaderControl/FileUploaderFileValidationResult';\nimport { useFileUploaderSize } from '../../internal/FileUploaderControl/hooks/useFileUploaderSize';\nimport type { SizeProp } from '../../lib/types/props';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\nimport type { PopupPositionsType, ShortPopupPositionsType } from '../../internal/Popup';\n\nimport { UploadIcon } from './UploadIcon';\nimport { globalClasses, jsStyles, jsRowStyles, jsTileStyles } from './FileUploader.styles';\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   * @param {FileUploaderAttachedFile} file - файл, отображение которого нужно кастомизировать.\n   * @param {fileNode} fileNode - `reactElement` компонента `FileUploaderFile`\n   * @param {FileUploaderFileProps} props - пропы компонента `FileUploaderFile`, смотри примеры использования в документации.\n   */\n  renderFile?: (\n    file: FileUploaderAttachedFile,\n    fileNode: React.ReactElement,\n    props: FileUploaderFileProps,\n  ) => 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 = (\n  _file: FileUploaderAttachedFile,\n  _fileNode: React.ReactElement,\n  props: FileUploaderFileProps,\n) => <FileUploaderFile {...props} />;\n\nconst _FileUploader = forwardRefAndName<FileUploaderRef, _FileUploaderProps>('FileUploader', (props, ref) => {\n  const theme = useContext(ThemeContext);\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 versionGTE5_5 = isThemeGTE(theme, '5.5');\n  const locale = useControlLocale(versionGTE5_5);\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 = versionGTE5_5 && 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: versionGTE5_5 ? jsStyles.iconSmall5_5(theme) : jsStyles.iconSmall(theme),\n    medium: versionGTE5_5 ? jsStyles.iconMedium5_5(theme) : jsStyles.iconMedium(theme),\n    large: versionGTE5_5 ? jsStyles.iconLarge5_5(theme) : 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    versionGTE5_5 && hasOneFileForSingle && jsViewStyles.uploadButtonWithFile(theme),\n    focusedByTab && jsStyles.uploadButtonFocus(theme),\n    disabled && {\n      [jsStyles.disabled(theme)]: true,\n      [jsStyles.disabledBackground(theme)]: !versionGTE5_5 || !hasFiles,\n    },\n    (focusedByTab || !hasOneFileForSingle || !versionGTE5_5) && {\n      [jsStyles.warningButton(theme)]: hasWarning,\n      [jsStyles.errorButton(theme)]: hasError,\n    },\n    versionGTE5_5 &&\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        [jsStyles.hoveredBorderColor(theme)]: !versionGTE5_5,\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    !versionGTE5_5 && jsStyles.iconRight(),\n    versionGTE5_5 && uploadButtonIconGapClass,\n  );\n\n  const rootClassNames = cx(\n    jsStyles.root(theme),\n    versionGTE5_5 && {\n      [jsStyles.root5_5()]: true,\n      [jsRowStyles.root()]: !isTileView,\n    },\n  );\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    !versionGTE5_5 && jsStyles.afterLinkTextColor(theme),\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 = versionGTE5_5 && isTileView && uploaderText === '';\n  const renderChooseFileText = () =>\n    !hideUploaderText && (\n      <span data-tid={FileUploaderDataTids.link} className={linkClassNames}>\n        {versionGTE5_5 && !hasOneFileForSingle && chooseFileLocale}\n        {!versionGTE5_5 && (hasOneFileForSingle ? locale.choosedFile : locale.chooseFile)}\n        {versionGTE5_5 ? null : String.fromCharCode(0xa0) /* &nbsp; */}\n      </span>\n    );\n\n  const renderFileList = () => {\n    const propsVersionGTE5_5 = {\n      withValidationTooltip,\n      validationSummary,\n      validationSummaryStart,\n      withWarningIcon,\n      disabled,\n    };\n\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          {...(versionGTE5_5 && propsVersionGTE5_5)}\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(files[0], <FileUploaderFile {...fileProps} />, 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        {(!versionGTE5_5 || 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            {versionGTE5_5 && !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                  !versionGTE5_5 && (\n                    <>\n                      {locale.orDragHere}&nbsp;\n                      <div className={uploadButtonIconClassNames}>{icon}</div>\n                    </>\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        {versionGTE5_5 && 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"],"mappings":"krBAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,mBAAmB,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACxG,SAASC,YAAY,EAAEC,SAAS,QAAQ,0BAA0B;;;;;;;;AAQlE,SAASC,sBAAsB,EAAEC,eAAe,QAAQ,8CAA8C;AACtG,SAASC,EAAE,QAAQ,2BAA2B;;AAE9C,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,0BAA0B,QAAQ,+DAA+D;AAC1G,SAASC,gBAAgB,QAAQ,2DAA2D;AAC5F,SAASC,SAAS,QAAQ,oDAAoD;AAC9E,SAASC,OAAO,QAAQ,qBAAqB;AAC7C,SAASC,YAAY,QAAQ,gCAAgC;;AAE7D,SAASC,+BAA+B,QAAQ,oEAAoE;AACpH,SAASC,WAAW,QAAQ,8BAA8B;;AAE1D,SAASC,gBAAgB,QAAQ,sEAAsE;AACvG,SAASC,oBAAoB,QAAQ,8EAA8E;;AAEnH,SAASC,aAAa,QAAQ,8BAA8B;;AAE5D,SAASC,gCAAgC,QAAQ,qEAAqE;AACtH,SAASC,mBAAmB,QAAQ,8DAA8D;;AAElG,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,mBAAmB,QAAQ,oCAAoC;AACxE,SAASC,UAAU,QAAQ,gCAAgC;;;AAG3D,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,aAAa,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,YAAY,QAAQ,uBAAuB;;AAE1F,IAAMC,eAAwC,GAAG,SAA3CA,eAAwCA,CAAIC,CAAC,UAAKA,CAAC,CAACD,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8G3E,OAAO,IAAME,oBAAoB,GAAG;EAClCC,IAAI,EAAE,oBAAoB;EAC1BC,OAAO,EAAE,uBAAuB;EAChCC,IAAI,EAAE,oBAAoB;EAC1BC,KAAK,EAAE;AACT,CAAU;;AAEV,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA;AACrBC,KAA+B;AAC/BC,SAA6B;AAC7BC,KAA4B;IACzB3C,KAAA,CAAA4C,aAAA,CAACxB,gBAAgB,EAAKuB,KAAQ,CAAC;;AAEpC,IAAME,aAAa,GAAGpB,iBAAiB,CAAsC,cAAc,EAAE,UAACkB,KAAK,EAAEG,GAAG,EAAK,KAAAC,OAAA,EAAAC,QAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,GAAA;EAC3G,IAAMC,KAAK,GAAGtD,UAAU,CAACe,YAAY,CAAC;;EAEtC;IACEwC,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;IAyBNd,KAAK,CAzBPc,QAAQ,CACRC,KAAK,GAwBHf,KAAK,CAxBPe,KAAK,CACLC,OAAO,GAuBLhB,KAAK,CAvBPgB,OAAO,CAAAC,qBAAA,GAuBLjB,KAAK,CAtBPkB,qBAAqB,CAArBA,qBAAqB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA,CAC7BE,yBAAyB,GAqBvBnB,KAAK,CArBPmB,yBAAyB,CAAAC,qBAAA,GAqBvBpB,KAAK,CApBPqB,eAAe,CAAfA,eAAe,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA,CAAAE,eAAA,GAoBrBtB,KAAK,CAnBPuB,QAAQ,CAARA,QAAQ,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA,CAChBE,YAAY,GAkBVxB,KAAK,CAlBPwB,YAAY,CACZC,YAAY,GAiBVzB,KAAK,CAjBPyB,YAAY,CAAAC,WAAA,GAiBV1B,KAAK,CAhBP2B,IAAI,CAAJA,IAAI,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA,CAAAE,qBAAA,GAgBV5B,KAAK,CAfP6B,oBAAoB,CAApBA,oBAAoB,GAAAD,qBAAA,cAAG,OAAO,GAAAA,qBAAA,CAAAE,qBAAA,GAe5B9B,KAAK,CAdP+B,iBAAiB,CAAjBA,iBAAiB,GAAAD,qBAAA,cAAG,MAAM,GAAAA,qBAAA,CAAAE,sBAAA,GAcxBhC,KAAK,CAbPiC,sBAAsB,CAAtBA,sBAAsB,GAAAD,sBAAA,cAAG,CAAC,GAAAA,sBAAA,CAAAE,YAAA,GAaxBlC,KAAK,CAZPmC,KAAK,CAALA,KAAK,GAAAD,YAAA,cAAGrB,KAAK,CAACuB,iBAAiB,GAAAF,YAAA,CAAAG,gBAAA,GAY7BrC,KAAK,CAXPsC,SAAS,CAATA,SAAS,GAAAD,gBAAA,cAAG,KAAK,GAAAA,gBAAA,CACjBE,MAAM,GAUJvC,KAAK,CAVPuC,MAAM,CACNC,OAAO,GASLxC,KAAK,CATPwC,OAAO,CACPC,QAAQ,GAQNzC,KAAK,CARPyC,QAAQ,CACRC,OAAO,GAOL1C,KAAK,CAPP0C,OAAO,CACPC,oBAAoB,GAMlB3C,KAAK,CANP2C,oBAAoB,CACpBC,gBAAgB,GAKd5C,KAAK,CALP4C,gBAAgB,CAChBC,cAAc,GAIZ7C,KAAK,CAJP6C,cAAc,CAAAC,WAAA,GAIZ9C,KAAK,CAHP+C,IAAI,CAAJA,IAAI,GAAAD,WAAA,cAAG,OAAO,GAAAA,WAAA,CAAAE,iBAAA,GAGZhD,KAAK,CAFPiD,UAAU,CAAVA,UAAU,GAAAD,iBAAA,cAAGnD,iBAAiB,GAAAmD,iBAAA,CAC3BE,UAAU,GAAAC,6BAAA,CACXnD,KAAK,EAAAoD,SAAA;;EAET,IAAAC,WAAA,GAAwE9F,UAAU,CAACW,0BAA0B,CAAC,CAAtGoF,KAAK,GAAAD,WAAA,CAALC,KAAK,CAAEC,QAAQ,GAAAF,WAAA,CAARE,QAAQ,CAAEC,UAAU,GAAAH,WAAA,CAAVG,UAAU,CAAEC,KAAK,GAAAJ,WAAA,CAALI,KAAK,CAAEC,uBAAuB,GAAAL,WAAA,CAAvBK,uBAAuB;;EAEnE,IAAMC,aAAa,GAAG3E,UAAU,CAAC6B,KAAK,EAAE,KAAK,CAAC;EAC9C,IAAM+C,MAAM,GAAGzF,gBAAgB,CAACwF,aAAa,CAAC;;EAE9C,IAAME,QAAQ,GAAGnG,MAAM,CAAmB,IAAI,CAAC;EAC/C,IAAMoG,UAAU,GAAGpG,MAAM,CAAiB,IAAI,CAAC;;EAE/C,IAAMqG,OAAO,GAAG,CAAC,CAACrB,OAAO;EACzB,IAAMsB,YAAY,GAAG,CAACzC,QAAQ;;EAE9B,IAAA0C,SAAA,GAA8BtG,QAAQ,CAAC,KAAK,CAAC,CAAtCuG,OAAO,GAAAD,SAAA,IAAEE,UAAU,GAAAF,SAAA;EAC1B,IAAMG,MAAM,GAAGhG,SAAS,CAACsE,OAAO,EAAEE,gBAAgB,EAAEC,cAAc,CAAC;;EAEnE,IAAMwB,oBAAoB,GAAG/G,WAAW;IACtC,UAACgG,KAAiC,EAAK;MACrCA,KAAK,CAACgB,OAAO,gCAAAC,IAAA,GAAAC,iBAAA,eAAAC,mBAAA,CAAAC,IAAA,CAAC,SAAAC,QAAOC,IAAI,OAAAC,iBAAA,QAAAJ,mBAAA,CAAAK,IAAA,UAAAC,SAAAC,QAAA,qBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA,UAAAF,QAAA,CAAAG,EAAA;gBACGxC,oBAAoB,MAAAqC,QAAA,CAAAG,EAAA,GAAAH,QAAA,CAAAE,IAAA,YAAAF,QAAA,CAAAE,IAAA,YAAWvC,oBAAoB,CAACiC,IAAI,CAAC,QAAAI,QAAA,CAAAG,EAAA,GAAAH,QAAA,CAAAI,IAAA,QAA7EP,iBAAiB,GAAAG,QAAA,CAAAG,EAAA;;gBAEvB,IAAI,CAACN,iBAAiB,EAAE;kBACtBd,OAAO,IAAIK,MAAM,CAACQ,IAAI,CAAC;gBACzB,CAAC,MAAM,IAAI,OAAOC,iBAAiB,KAAK,QAAQ,EAAE;kBAChDnB,uBAAuB;oBACrBkB,IAAI,CAACS,EAAE;oBACPzG,gCAAgC,CAACmC,KAAK,CAAC8D,iBAAiB,CAACS,OAAO,CAAC;oBACjET,iBAAiB,CAACU;kBACpB,CAAC;gBACH,CAAC,MAAM;kBACL7B,uBAAuB;oBACrBkB,IAAI,CAACS,EAAE;oBACPzG,gCAAgC,CAACmC,KAAK,CAAC8D,iBAAiB,CAAC;oBACzD/G,sBAAsB,CAAC0H;kBACzB,CAAC;gBACH,CAAC,yBAAAR,QAAA,CAAAS,IAAA,OAAAd,OAAA,GACF,oBAAAe,EAAA,UAAAnB,IAAA,CAAAoB,KAAA,OAAAC,SAAA;MAAA,CAAC;IACJ,CAAC;IACD,CAACjD,oBAAoB,EAAEoB,OAAO,EAAEK,MAAM,EAAEV,uBAAuB;EACjE,CAAC;;EAED,IAAMmC,UAAU,GAAGlE,IAAI,KAAK,MAAM;EAClC,IAAMmE,YAAY,GAAGnC,aAAa,IAAIkC,UAAU,GAAGxG,YAAY,GAAGD,WAAW;;EAE7E,IAAM2G,aAAa,GAAGlH,mBAAmB,CAACkE,IAAI,EAAE;IAC9CiD,KAAK,EAAEF,YAAY,CAACG,SAAS,CAACpF,KAAK,CAAC;IACpCqF,MAAM,EAAEJ,YAAY,CAACK,UAAU,CAACtF,KAAK,CAAC;IACtCuF,KAAK,EAAEN,YAAY,CAACO,SAAS,CAACxF,KAAK;EACrC,CAAC,CAAC;;EAEF,IAAMyF,iCAAiC,GAAGzH,mBAAmB,CAACkE,IAAI,EAAE;IAClEiD,KAAK,EAAE3G,YAAY,CAACkH,6BAA6B,CAAC1F,KAAK,CAAC;IACxDqF,MAAM,EAAE7G,YAAY,CAACmH,8BAA8B,CAAC3F,KAAK,CAAC;IAC1DuF,KAAK,EAAE/G,YAAY,CAACoH,6BAA6B,CAAC5F,KAAK;EACzD,CAAC,CAAC;;EAEF,IAAM6F,wBAAwB,GAAG7H,mBAAmB,CAACkE,IAAI,EAAE;IACzDiD,KAAK,EAAEF,YAAY,CAACa,wBAAwB,CAAC9F,KAAK,CAAC;IACnDqF,MAAM,EAAEJ,YAAY,CAACc,yBAAyB,CAAC/F,KAAK,CAAC;IACrDuF,KAAK,EAAEN,YAAY,CAACe,wBAAwB,CAAChG,KAAK;EACpD,CAAC,CAAC;;EAEF,IAAMiG,aAAa,GAAGjI,mBAAmB,CAACkE,IAAI,EAAE;IAC9CiD,KAAK,EAAErC,aAAa,GAAGxE,QAAQ,CAAC4H,YAAY,CAAClG,KAAK,CAAC,GAAG1B,QAAQ,CAAC6H,SAAS,CAACnG,KAAK,CAAC;IAC/EqF,MAAM,EAAEvC,aAAa,GAAGxE,QAAQ,CAAC8H,aAAa,CAACpG,KAAK,CAAC,GAAG1B,QAAQ,CAAC+H,UAAU,CAACrG,KAAK,CAAC;IAClFuF,KAAK,EAAEzC,aAAa,GAAGxE,QAAQ,CAACgI,YAAY,CAACtG,KAAK,CAAC,GAAG1B,QAAQ,CAACiI,SAAS,CAACvG,KAAK;EAChF,CAAC,CAAC;;EAEF,IAAMwG,gBAAgB,GAAGxI,mBAAmB,CAACkE,IAAI,EAAE;IACjDiD,KAAK,EAAE3G,YAAY,CAACiI,wBAAwB,CAACzG,KAAK,CAAC;IACnDqF,MAAM,EAAE7G,YAAY,CAACkI,yBAAyB,CAAC1G,KAAK,CAAC;IACrDuF,KAAK,EAAE/G,YAAY,CAACmI,wBAAwB,CAAC3G,KAAK;EACpD,CAAC,CAAC;;EAEF,IAAM4G,yBAAyB,GAAG5I,mBAAmB,CAACkE,IAAI,EAAE;IAC1DiD,KAAK,EAAE3G,YAAY,CAACqI,iCAAiC,CAAC7G,KAAK,CAAC;IAC5DqF,MAAM,EAAE7G,YAAY,CAACsI,kCAAkC,CAAC9G,KAAK,CAAC;IAC9DuF,KAAK,EAAE/G,YAAY,CAACuI,iCAAiC,CAAC/G,KAAK;EAC7D,CAAC,CAAC;;EAEF,IAAMgH,iBAAiB,GAAGhJ,mBAAmB,CAACkE,IAAI,EAAE;IAClDiD,KAAK,EAAE7G,QAAQ,CAAC2I,iBAAiB,CAACjH,KAAK,CAAC;IACxCqF,MAAM,EAAE/G,QAAQ,CAAC4I,kBAAkB,CAAClH,KAAK,CAAC;IAC1CuF,KAAK,EAAEjH,QAAQ,CAAC6I,iBAAiB,CAACnH,KAAK;EACzC,CAAC,CAAC;;EAEF;EACA,IAAMoH,YAAY,GAAG3K,WAAW;IAC9B,UAAC4K,QAAyB,EAAK;MAC7B,IAAI,CAACA,QAAQ,IAAI,CAACA,QAAQ,CAACC,MAAM,EAAE;QACjC;MACF;;MAEA,IAAIC,UAAU,GAAGC,KAAK,CAACC,IAAI,CAACJ,QAAQ,CAAC;;MAErC,IAAIlE,YAAY,EAAE;QAChBoE,UAAU,GAAG,CAACA,UAAU,CAAC,CAAC,CAAC,CAAC;MAC9B;;MAEA,IAAMG,aAAa,GAAGH,UAAU,CAACI,GAAG,CAACzK,eAAe,CAAC;;MAErD,IAAIiG,YAAY,IAAIuE,aAAa,CAACJ,MAAM,IAAI7E,KAAK,CAAC6E,MAAM,EAAE;QACxD3E,UAAU,CAACF,KAAK,CAAC,CAAC,CAAC,CAAC+B,EAAE,CAAC;MACzB;;MAEA,IAAIkD,aAAa,CAACJ,MAAM,EAAE;QACxB5E,QAAQ,CAACgF,aAAa,CAAC;QACvBlE,oBAAoB,CAACkE,aAAa,CAAC;MACrC;IACF,CAAC;IACD,CAAClE,oBAAoB,EAAEd,QAAQ,EAAES,YAAY,EAAEV,KAAK,EAAEE,UAAU;EAClE,CAAC;;EAED,IAAMiF,UAAU,GAAGnL,WAAW;IAC5B,UAACoL,KAAgB,EAAK;MACpB,IAAI5H,QAAQ,EAAE;QACZ;MACF;;MAEA,IAAQ6H,YAAY,GAAKD,KAAK,CAAtBC,YAAY;MACpB,IAAIA,YAAY,EAAE,KAAAC,mBAAA;QAChB,IAAI5E,YAAY,IAAI2E,YAAY,CAACrF,KAAK,CAAC6E,MAAM,GAAG,CAAC,EAAE;UACjDQ,YAAY,CAACE,UAAU,GAAG,MAAM;UAChC;QACF;QACA,IAAI,EAAAD,mBAAA,GAAAD,YAAY,CAACrF,KAAK,qBAAlBsF,mBAAA,CAAoBT,MAAM,IAAG,CAAC,EAAE;UAClCtE,QAAQ,CAACiF,OAAO,KAAKjF,QAAQ,CAACiF,OAAO,CAACxF,KAAK,GAAGqF,YAAY,CAACrF,KAAK,CAAC;UACjE2E,YAAY,CAACU,YAAY,CAACrF,KAAK,CAAC;QAClC;MACF;IACF,CAAC;IACD,CAAC2E,YAAY,EAAEnH,QAAQ;EACzB,CAAC;;EAED,IAAAiI,QAAA,GAAuC1K,OAAO,CAAmB,EAAE2K,MAAM,EAAEP,UAAU,CAAC,CAAC,CAAC,CAAhFQ,WAAW,GAAAF,QAAA,CAAXE,WAAW,CAAOC,QAAQ,GAAAH,QAAA,CAAb5I,GAAG;EACxB,IAAAgJ,SAAA,GAA2D9K,OAAO,CAAW,CAAC,CAAzD+K,iBAAiB,GAAAD,SAAA,CAA9BF,WAAW,CAA0BI,SAAS,GAAAF,SAAA,CAAdhJ,GAAG;;EAE3C,IAAItC,SAAS,CAACD,YAAY,CAAC,EAAE;IAC3ByL,SAAS,CAACP,OAAO,GAAGlL,YAAY,CAAC0L,QAAQ;EAC3C;;EAEA,IAAMC,KAAK,GAAGjM,WAAW,CAAC,YAAM,KAAAkM,iBAAA;IAC9BhL,WAAW,CAACiL,YAAY,GAAG,IAAI;IAC/B,CAAAD,iBAAA,GAAA3F,QAAQ,CAACiF,OAAO,aAAhBU,iBAAA,CAAkBD,KAAK,CAAC,CAAC;EAC3B,CAAC,EAAE,EAAE,CAAC;;EAEN,IAAMG,IAAI,GAAGpM,WAAW,CAAC,YAAM,KAAAqM,kBAAA;IAC7B,CAAAA,kBAAA,GAAA9F,QAAQ,CAACiF,OAAO,aAAhBa,kBAAA,CAAkBD,IAAI,CAAC,CAAC;EAC1B,CAAC,EAAE,EAAE,CAAC;;EAEN,IAAME,yBAAyB,GAAGtM,WAAW;IAC3C,UAACuM,MAAc,EAAK;MAClB,IAAMlB,YAAY,GAAG,IAAImB,YAAY,CAAC,CAAC;MACvCxG,KAAK;MACFyG,MAAM,CAAC,UAACC,CAAC,UAAKA,CAAC,CAAC3E,EAAE,KAAKwE,MAAM,GAAC;MAC9BvF,OAAO,CAAC,UAACM,IAAI,EAAK;QACjB+D,YAAY,CAACsB,KAAK,CAACC,GAAG,CAACtF,IAAI,CAACuF,YAAY,CAAC;MAC3C,CAAC,CAAC;MACJtG,QAAQ,CAACiF,OAAO,KAAKjF,QAAQ,CAACiF,OAAO,CAACxF,KAAK,GAAGqF,YAAY,CAACrF,KAAK,CAAC;IACnE,CAAC;IACD,CAACA,KAAK;EACR,CAAC;;EAED,IAAM8G,gBAAgB,GAAG9M,WAAW;IAClC,UAACuM,MAAc,EAAK;MAClBrG,UAAU,CAACqG,MAAM,CAAC;MAClBD,yBAAyB,CAACC,MAAM,CAAC;IACnC,CAAC;IACD,CAACD,yBAAyB,EAAEpG,UAAU;EACxC,CAAC;;EAED,IAAM6G,WAAW,GAAG/M,WAAW,CAAC,YAAM;IACpCmG,KAAK,CAAC,CAAC;IACP,IAAMkF,YAAY,GAAG,IAAImB,YAAY,CAAC,CAAC;IACvCjG,QAAQ,CAACiF,OAAO,KAAKjF,QAAQ,CAACiF,OAAO,CAACxF,KAAK,GAAGqF,YAAY,CAACrF,KAAK,CAAC;EACnE,CAAC,EAAE,CAACG,KAAK,EAAE2G,gBAAgB,CAAC,CAAC;;EAE7B3M,mBAAmB;IACjB0C,GAAG;IACH,oBAAO;QACLoJ,KAAK,EAALA,KAAK;QACLG,IAAI,EAAJA,IAAI;QACJjG,KAAK,EAAE4G,WAAW;QAClB7G,UAAU,EAAE4G,gBAAgB;QAC5BE,WAAW,EAAE,SAAAA,YAAA,UAAMC,WAAW,CAACzB,OAAO;MACxC,CAAC,EAAC;IACF,CAAC3I,GAAG,EAAEuJ,IAAI,EAAEH,KAAK,EAAEc,WAAW,EAAED,gBAAgB;EAClD,CAAC;;EAED,IAAAI,UAAA,GAAwC7M,QAAQ,CAAC,KAAK,CAAC,CAAhD8M,YAAY,GAAAD,UAAA,IAAEE,eAAe,GAAAF,UAAA;EACpC,IAAMG,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIjC,KAA0C,EAAK;IACxEjG,QAAQ,YAARA,QAAQ,CAAGiG,KAAK,CAAC;IACjBT,YAAY,CAACS,KAAK,CAACkC,MAAM,CAACtH,KAAK,CAAC;IAChCa,UAAU,CAAC,KAAK,CAAC;EACnB,CAAC;;EAED,IAAM0G,WAAW,GAAG,SAAdA,WAAWA,CAAItL,CAAqC,EAAK;IAC7D,IAAI,CAACuB,QAAQ,EAAE;MACb;MACA;MACAlD,YAAY,CAACkN,qBAAqB,YAAlClN,YAAY,CAACkN,qBAAqB,CAAG,YAAM;QACzC,IAAItM,WAAW,CAACiL,YAAY,EAAE;UAC5BiB,eAAe,CAAC,IAAI,CAAC;QACvB;MACF,CAAC,CAAC;MACFlI,OAAO,YAAPA,OAAO,CAAGjD,CAAC,CAAC;IACd;EACF,CAAC;;EAED,IAAMwL,UAAU,GAAG,SAAbA,UAAUA,CAAIxL,CAAqC,EAAK;IAC5DmL,eAAe,CAAC,KAAK,CAAC;IACtB,IAAI,CAAC5J,QAAQ,EAAE;MACbyB,MAAM,YAANA,MAAM,CAAGhD,CAAC,CAAC;IACb;EACF,CAAC;;EAED,IAAMyL,QAAQ,GAAG1H,KAAK,CAAC6E,MAAM,GAAG,CAAC;EACjC,IAAM8C,UAAU,GAAG3H,KAAK,CAAC6E,MAAM,KAAK,CAAC;EACrC,IAAM+C,mBAAmB,GAAGlH,YAAY,IAAIiH,UAAU,IAAI,CAAC3I,SAAS;;EAEpE,IAAM6I,QAAQ,GAAG,CAAC,CAACpK,KAAK,IAAI,EAAAX,OAAA,GAAAkD,KAAK,CAAC,CAAC,CAAC,qBAARlD,OAAA,CAAUmF,MAAM,MAAKzH,sBAAsB,CAAC0H,KAAK;EAC7E,IAAM4F,UAAU,GAAG,CAAC,CAACpK,OAAO,IAAI,EAAAX,QAAA,GAAAiD,KAAK,CAAC,CAAC,CAAC,qBAARjD,QAAA,CAAUkF,MAAM,MAAKzH,sBAAsB,CAACuN,OAAO;;EAEnF,IAAMC,sBAAsB,GAAGtN,EAAE;IAC/BmB,QAAQ,CAACoM,YAAY,CAAC1K,KAAK,CAAC;IAC5BiF,YAAY,CAACyF,YAAY,CAAC,CAAC;IAC3BxF,aAAa;IACbpC,aAAa,IAAIuH,mBAAmB,IAAIpF,YAAY,CAAC0F,oBAAoB,CAAC3K,KAAK,CAAC;IAChF4J,YAAY,IAAItL,QAAQ,CAACsM,iBAAiB,CAAC5K,KAAK,CAAC;IACjDC,QAAQ,KAAAR,KAAA,OAAAA,KAAA;IACLnB,QAAQ,CAAC2B,QAAQ,CAACD,KAAK,CAAC,IAAG,IAAI,EAAAP,KAAA;IAC/BnB,QAAQ,CAACuM,kBAAkB,CAAC7K,KAAK,CAAC,IAAG,CAAC8C,aAAa,IAAI,CAACqH,QAAQ,EAAA1K,KAAA,CAClE;;IACD,CAACmK,YAAY,IAAI,CAACS,mBAAmB,IAAI,CAACvH,aAAa,MAAApD,KAAA,OAAAA,KAAA;IACpDpB,QAAQ,CAACwM,aAAa,CAAC9K,KAAK,CAAC,IAAGuK,UAAU,EAAA7K,KAAA;IAC1CpB,QAAQ,CAACyM,WAAW,CAAC/K,KAAK,CAAC,IAAGsK,QAAQ,EAAA5K,KAAA,CACxC;;IACDoD,aAAa;IACXuH,mBAAmB,KAAA1K,KAAA,OAAAA,KAAA;IAChB8F,iCAAiC,IAAGT,UAAU,EAAArF,KAAA;IAC9CrB,QAAQ,CAAC0M,WAAW,CAAChL,KAAK,CAAC,IAAG,CAAC,CAACgF,UAAU,IAAI3B,OAAO,KAAKkH,UAAU,EAAA5K,KAAA;IACpErB,QAAQ,CAAC2M,SAAS,CAACjL,KAAK,CAAC,IAAG,CAAC,CAACgF,UAAU,IAAI3B,OAAO,KAAKiH,QAAQ,EAAA3K,KAAA,CAClE;;IACH,CAACM,QAAQ;IACPoD,OAAO,KAAAzD,KAAA,OAAAA,KAAA;IACJtB,QAAQ,CAAC+E,OAAO,CAACrD,KAAK,CAAC,IAAG,IAAI,EAAAJ,KAAA;IAC9BtB,QAAQ,CAAC4M,kBAAkB,CAAClL,KAAK,CAAC,IAAG,CAAC8C,aAAa,EAAAlD,KAAA,CACrD;;IACHwI,WAAW,IAAI,CAACnI,QAAQ,IAAI3B,QAAQ,CAAC6M,QAAQ,CAACnL,KAAK;EACrD,CAAC;;EAED,IAAMoL,OAAO,GAAG7C,iBAAiB,IAAI,CAACtI,QAAQ;EAC9C,IAAMoL,6BAA6B,GAAGlO,EAAE;IACtC6H,UAAU,KAAAnF,KAAA,OAAAA,KAAA;IACP2G,gBAAgB,IAAG,IAAI,EAAA3G,KAAA;IACvB+G,yBAAyB,IAAG,CAACyD,mBAAmB,EAAAxK,KAAA,CAClD;;IACDoF,YAAY,CAACqG,mBAAmB,CAAC,CAAC;IAClCF,OAAO,IAAI9M,QAAQ,CAACiN,cAAc,CAACvL,KAAK;EAC1C,CAAC;;EAED,IAAMwL,0BAA0B,GAAGrO,EAAE;IACnCmB,QAAQ,CAACmN,IAAI,CAACzL,KAAK,CAAC;IACpBiG,aAAa;IACbhG,QAAQ,IAAI3B,QAAQ,CAACoN,YAAY,CAAC1L,KAAK,CAAC;IACxC,CAAC8C,aAAa,IAAIxE,QAAQ,CAACqN,SAAS,CAAC,CAAC;IACtC7I,aAAa,IAAI+C;EACnB,CAAC;;EAED,IAAM+F,cAAc,GAAGzO,EAAE;IACvBmB,QAAQ,CAACM,IAAI,CAACoB,KAAK,CAAC;IACpB8C,aAAa,KAAAhD,KAAA,OAAAA,KAAA;IACVxB,QAAQ,CAACuN,OAAO,CAAC,CAAC,IAAG,IAAI,EAAA/L,KAAA;IACzBvB,WAAW,CAACK,IAAI,CAAC,CAAC,IAAG,CAACoG,UAAU,EAAAlF,KAAA;;EAErC,CAAC;;EAED,IAAMgM,iBAAiB,GAAG3O,EAAE,CAAC8H,YAAY,CAACpG,OAAO,CAAC,CAAC,GAAAkB,GAAA,OAAAA,GAAA;EAChDkF,YAAY,CAAC8G,gBAAgB,CAAC,CAAC,IAAG1B,mBAAmB,EAAAtK,GAAA;EACrDiH,iBAAiB,IAAG,CAAChC,UAAU,KAAK,CAACvC,KAAK,CAAC6E,MAAM,IAAI,CAACnE,YAAY,CAAC,EAAApD,GAAA;EACrE,CAAC;;EAEF,IAAMiM,uBAAuB,GAAG7O,EAAE;IAChCkB,aAAa,CAAC4N,aAAa;IAC3B5B,mBAAmB,GAAG/L,QAAQ,CAAC4N,sBAAsB,CAAC,CAAC,GAAG5N,QAAQ,CAAC2N,aAAa,CAAC,CAAC;IAClF,CAACnJ,aAAa,IAAIxE,QAAQ,CAAC6N,kBAAkB,CAACnM,KAAK;EACrD,CAAC;;EAED,IAAMoM,cAAc,GAAGjP,EAAE;IACvBmB,QAAQ,CAACQ,IAAI,CAACkB,KAAK,CAAC;IACpB,CAACC,QAAQ,IAAIoD,OAAO,IAAI/E,QAAQ,CAAC+N,WAAW,CAACrM,KAAK,CAAC;IACnDC,QAAQ,IAAI3B,QAAQ,CAACgO,YAAY,CAACtM,KAAK;EACzC,CAAC;;EAEDrD,SAAS,CAAC,YAAM;IACd,IAAI,CAAC8F,KAAK,IAAI,CAACA,KAAK,CAAC6E,MAAM,IAAI,CAACtE,QAAQ,CAACiF,OAAO,EAAE;MAChD;IACF;;IAEA,IAAMH,YAAY,GAAG,IAAImB,YAAY,CAAC,CAAC;IACvCxG,KAAK,CAACgB,OAAO,CAAC,UAACM,IAAI,UAAK+D,YAAY,CAACsB,KAAK,CAACC,GAAG,CAACtF,IAAI,CAACuF,YAAY,CAAC,GAAC;IAClEtG,QAAQ,CAACiF,OAAO,CAACxF,KAAK,GAAGqF,YAAY,CAACrF,KAAK;EAC7C,CAAC,EAAE,EAAE,CAAC;;EAEN,IAAMiH,WAAW,GAAG7M,MAAM,CAAC,IAAI,CAAC;;EAEhC,IAAM4O,IAAI,GAAG7K,YAAY,WAAZA,YAAY,gBAAIpE,KAAA,CAAA4C,aAAA,CAAChB,UAAU,IAAC8D,IAAI,EAAEA,IAAK,EAACpB,IAAI,EAAEA,IAAK,EAAE,CAAC;EACnE,IAAMyL,cAAc,GAAG5L,YAAY,WAAZA,YAAY,GAAIoC,MAAM,CAACyJ,UAAU;EACxD,IAAMC,gBAAgB,QAAMF,cAAc,GAAGG,MAAM,CAACC,YAAY,CAAC,IAAI,CAAG,CAAC,CAAC;EAC1E,IAAMC,gBAAgB,GAAG9J,aAAa,IAAIkC,UAAU,IAAIrE,YAAY,KAAK,EAAE;EAC3E,IAAMkM,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAA;MACxB,CAACD,gBAAgB;MACfpQ,KAAA,CAAA4C,aAAA,WAAM,YAAUT,oBAAoB,CAACG,IAAK,EAACgO,SAAS,EAAEV,cAAe;MAClEtJ,aAAa,IAAI,CAACuH,mBAAmB,IAAIoC,gBAAgB;MACzD,CAAC3J,aAAa,KAAKuH,mBAAmB,GAAGtH,MAAM,CAACgK,WAAW,GAAGhK,MAAM,CAACyJ,UAAU,CAAC;MAChF1J,aAAa,GAAG,IAAI,GAAG4J,MAAM,CAACC,YAAY,CAAC,IAAI,CAAC,CAAC;MAC9C,CACP;;;EAEH,IAAMK,cAAc,GAAG,SAAjBA,cAAcA,CAAA,EAAS;IAC3B,IAAMC,kBAAkB,GAAG;MACzB5M,qBAAqB,EAArBA,qBAAqB;MACrBa,iBAAiB,EAAjBA,iBAAiB;MACjBE,sBAAsB,EAAtBA,sBAAsB;MACtBZ,eAAe,EAAfA,eAAe;MACfP,QAAQ,EAARA;IACF,CAAC;;IAED;MACE,CAACwB,SAAS;MACV,CAAC0B,YAAY;MACb,CAAC,CAACV,KAAK,CAAC6E,MAAM;MACZ9K,KAAA,CAAA4C,aAAA,CAACvB,oBAAoB,EAAAqP,QAAA;QACnB9K,UAAU,EAAEA,UAAW;QACvBF,IAAI,EAAEA,IAAK;QACXpB,IAAI,EAAEA,IAAK;QACXqM,QAAQ,EAAE5D,gBAAiB;QAC3BjJ,yBAAyB,EAAEA,yBAA0B;MAChDwC,aAAa,IAAImK,kBAAkB;MACzC,CACF;;;EAEL,CAAC;;EAED,IAAMG,SAAgC,GAAG;IACvCrJ,IAAI,EAAEtB,KAAK,CAAC,CAAC,CAAC;IACdP,IAAI,EAAJA,IAAI;IACJpB,IAAI,EAAJA,IAAI;IACJqM,QAAQ,EAAE5D,gBAAgB;IAC1BrJ,KAAK,EAALA,KAAK;IACLC,OAAO,EAAPA,OAAO;IACPE,qBAAqB,EAArBA,qBAAqB;IACrBC,yBAAyB,EAAzBA,yBAAyB;IACzBE,eAAe,EAAfA,eAAe;IACf6C,OAAO,EAAPA,OAAO;IACPpD,QAAQ,EAARA;EACF,CAAC;;EAED,IAAMoN,WAAW,GAAGjL,UAAU,CAACK,KAAK,CAAC,CAAC,CAAC,eAAEjG,KAAA,CAAA4C,aAAA,CAACxB,gBAAgB,EAAKwP,SAAY,CAAC,EAAEA,SAAS,CAAC;;EAExF;IACE5Q,KAAA,CAAA4C,aAAA,CAACtB,aAAa,EAAKqB,KAAK;IACtB3C,KAAA,CAAA4C,aAAA;MACE,YAAUT,oBAAoB,CAACC,IAAK;MACpCkO,SAAS,EAAElB,cAAe;MAC1B0B,KAAK,EAAElQ,aAAa,CAAC,EAAEkE,KAAK,EAAE0D,UAAU,IAAI,CAACtE,QAAQ,GAAGV,KAAK,CAACuN,qBAAqB,GAAGjM,KAAK,CAAC,CAAC,CAAE;MAC/FhC,GAAG,EAAEoK,WAAY;;IAEhB,CAAC,CAAC5G,aAAa,IAAI9B,oBAAoB,KAAK,KAAK,KAAKgM,cAAc,CAAC,CAAC;IACvExQ,KAAA,CAAA4C,aAAA,UAAK0N,SAAS,EAAEzB,6BAA8B;IAC5C7O,KAAA,CAAA4C,aAAA;MACEoO,YAAY,EAAE,SAAAA,aAAA,UAAMlK,UAAU,CAAC,IAAI,CAAC,EAAC;MACrCmK,YAAY,EAAE,SAAAA,aAAA,UAAMnK,UAAU,CAAC,KAAK,CAAC,EAAC;MACtChE,GAAG,EAAE+I,QAAS;MACdyE,SAAS,EAAErC,sBAAuB;;IAEjC3H,aAAa,IAAI,CAACuH,mBAAmB,iBAAI7N,KAAA,CAAA4C,aAAA,UAAK0N,SAAS,EAAEtB,0BAA2B,IAAEC,IAAU,CAAC;IAClGjP,KAAA,CAAA4C,aAAA,UAAK,YAAUT,oBAAoB,CAACE,OAAQ,EAACiO,SAAS,EAAEhB,iBAAkB;IACvEe,oBAAoB,CAAC,CAAC;IACvBrQ,KAAA,CAAA4C,aAAA,UAAK0N,SAAS,EAAEd,uBAAwB;IACrC3B,mBAAmB;IAClB7N,KAAA,CAAA4C,aAAA,UAAKE,GAAG,EAAE2D,UAAW,EAAC6J,SAAS,EAAExO,QAAQ,CAACoP,UAAU,CAAC,CAAE;IACpDL;IACE,CAAC;;IAEN,CAACvK,aAAa;IACZtG,KAAA,CAAA4C,aAAA,CAAA5C,KAAA,CAAAmR,QAAA;IACG5K,MAAM,CAAC6K,UAAU,EAAC,MACnB;IAAApR,KAAA,CAAA4C,aAAA,UAAK0N,SAAS,EAAEtB,0BAA2B,IAAEC,IAAU;IACvD;;;IAGH;IACF,CAAC;IACNjP,KAAA,CAAA4C,aAAA,CAAClB,mBAAmB,IAAC2P,kBAAkB,EAAE,SAAAA,mBAAA,UAAMhE,eAAe,CAAC,KAAK,CAAC,EAAC;IACpErN,KAAA,CAAA4C,aAAA,UAAA8N,QAAA;IACM7K,UAAU;MACd,YAAU1D,oBAAoB,CAACI,KAAM;MACrCO,GAAG,EAAE0D,QAAS;MACd8K,QAAQ,EAAE7N,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAE;MAC5B8N,IAAI,EAAC,MAAM;MACX9N,QAAQ,EAAEA,QAAS;MACnBS,QAAQ,EAAEA,QAAS;MACnBoM,SAAS,EAAExO,QAAQ,CAAC0P,cAAc,CAAC,CAAE;MACrCC,OAAO,EAAExP,eAAgB;MACzBmD,QAAQ,EAAEkI,iBAAkB;MAC5BnI,OAAO,EAAEqI,WAAY;MACrBtI,MAAM,EAAEwI,UAAW;IACpB;IACkB;IAChB;IACJ,CAAC;IACLpH,aAAa,IAAI9B,oBAAoB,KAAK,OAAO,IAAIgM,cAAc,CAAC;IAClE;IACQ,CAAC;;AAEpB,CAAC,CAAC;;;;AAIF;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMkB,YAAY,GAAGxQ,+BAA+B;EACzDlB,KAAK,CAAC2R,IAAI,CAAC9O,aAAa;AAC1B,CAAC;;AAED6O,YAAY,CAACE,WAAW,GAAG,cAAc","ignoreList":[]}

package/components/FileUploader/FileUploader/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/FileUploader/FileUploader.js",
-  "module": "FileUploader",
-  "types": "../FileUploader.d.ts",
-  "sideEffects": false
-}

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

@@ -1,6 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject;
-import { css } from "../../../lib/theming/Emotion";
-export var fileUploaderSizeMixin = function fileUploaderSizeMixin(fontSize, lineHeight, paddingX, paddingY) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    font-size: ", ";\n    box-sizing: border-box;\n    padding: ", " ", ";\n    line-height: ", ";\n  "])), fontSize, paddingY, paddingX, lineHeight);
-};

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

@@ -1 +0,0 @@
-{"version":3,"names":["css","fileUploaderSizeMixin","fontSize","lineHeight","paddingX","paddingY","_templateObject","_taggedTemplateLiteralLoose"],"sources":["FileUploader.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\n\nexport const fileUploaderSizeMixin = (fontSize: string, lineHeight: string, paddingX: string, paddingY: string) => {\n  return css`\n    font-size: ${fontSize};\n    box-sizing: border-box;\n    padding: ${paddingY} ${paddingX};\n    line-height: ${lineHeight};\n  `;\n};\n"],"mappings":"oHAAA,SAASA,GAAG,QAAQ,2BAA2B;;AAE/C,OAAO,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,QAAgB,EAAEC,UAAkB,EAAEC,QAAgB,EAAEC,QAAgB,EAAK;EACjH,OAAOL,GAAG,CAAAM,eAAA,KAAAA,eAAA,GAAAC,2BAAA;EACKL,QAAQ;;EAEVG,QAAQ,EAAID,QAAQ;EAChBD,UAAU;;AAE7B,CAAC","ignoreList":[]}

package/components/FileUploader/FileUploader.mixins/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/FileUploader/FileUploader.mixins.js",
-  "module": "FileUploader.mixins",
-  "types": "../FileUploader.mixins.d.ts",
-  "sideEffects": false
-}