@skbkontur/react-ui 0.0.0-c2bf15a894 → 0.0.0-c5bd33d001

package/components/DropdownMenu/getDropdownMenuTheme.d.ts

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

package/components/DropdownMenu/index.d.ts

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

package/components/FileUploader/FileUploader/FileUploader.js

@@ -6,12 +6,13 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useCallback, useContext, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import { globalObject, isBrowser } from '@skbkontur/global-object';
 import { getAttachedFile } from "../../../internal/FileUploaderControl/fileUtils";
-import { EmotionContext } from "../../../lib/theming/Emotion";
+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";
@@ -21,9 +22,8 @@ import { FileUploaderFileValidationResult } from "../../../internal/FileUploader
 import { useFileUploaderSize } from "../../../internal/FileUploaderControl/hooks/useFileUploaderSize";
 import { forwardRefAndName } from "../../../lib/forwardRefAndName";
 import { FocusControlWrapper } from "../../../internal/FocusControlWrapper";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { UploadIcon } from "../UploadIcon";
-import { getStyles, globalClasses } from "../FileUploader.styles";
+import { globalClasses, jsStyles } from "../FileUploader.styles";
 var stopPropagation = function stopPropagation(e) {
   return e.stopPropagation();
 };
@@ -37,9 +37,8 @@ var defaultRenderFile = function defaultRenderFile(file, fileNode) {
   return fileNode;
 };
 var _FileUploader = forwardRefAndName('FileUploader', function (props, ref) {
-  var _emotion$cx;
+  var _cx;
   var theme = useContext(ThemeContext);
-  var emotion = useContext(EmotionContext);
   var initialFiles = props.initialFiles,
     disabled = props.disabled,
     error = props.error,
@@ -112,21 +111,20 @@ var _FileUploader = forwardRefAndName('FileUploader', function (props, ref) {
       };
     }());
   }, [validateBeforeUpload, isAsync, upload, setFileValidationResult]);
-  var styles = getStyles(emotion);
   var sizeClassName = useFileUploaderSize(size, {
-    small: styles.sizeSmall(theme),
-    medium: styles.sizeMedium(theme),
-    large: styles.sizeLarge(theme)
+    small: jsStyles.sizeSmall(theme),
+    medium: jsStyles.sizeMedium(theme),
+    large: jsStyles.sizeLarge(theme)
   });
   var sizeIconClass = useFileUploaderSize(size, {
-    small: styles.iconSmall(theme),
-    medium: styles.iconMedium(theme),
-    large: styles.iconLarge(theme)
+    small: jsStyles.iconSmall(theme),
+    medium: jsStyles.iconMedium(theme),
+    large: jsStyles.iconLarge(theme)
   });
   var contentInnerClass = useFileUploaderSize(size, {
-    small: styles.contentInnerSmall(theme),
-    medium: styles.contentInnerMedium(theme),
-    large: styles.contentInnerLarge(theme)
+    small: jsStyles.contentInnerSmall(theme),
+    medium: jsStyles.contentInnerMedium(theme),
+    large: jsStyles.contentInnerLarge(theme)
   });
 
   /** common part **/
@@ -157,7 +155,6 @@ var _FileUploader = forwardRefAndName('FileUploader', function (props, ref) {
       if (((_dataTransfer$files = dataTransfer.files) == null ? void 0 : _dataTransfer$files.length) > 0) {
         handleChange(dataTransfer.files);
       }
-      dataTransfer.clearData();
     }
   }, [handleChange, disabled]);
   var _useDrop = useDrop({
@@ -180,16 +177,35 @@ var _FileUploader = forwardRefAndName('FileUploader', function (props, ref) {
     var _inputRef$current2;
     (_inputRef$current2 = inputRef.current) == null || _inputRef$current2.blur();
   }, []);
+  var handleRemoveFile = useCallback(function (fileId) {
+    var dataTransfer = new DataTransfer();
+    files.filter(function (f) {
+      return f.id !== fileId;
+    }).forEach(function (file) {
+      dataTransfer.items.add(file.originalFile);
+    });
+    inputRef.current && (inputRef.current.files = dataTransfer.files);
+  }, [files]);
+  var handleExternalFileDeletion = useCallback(function (fileId) {
+    removeFile(fileId);
+    handleRemoveFile(fileId);
+  }, [handleRemoveFile, removeFile]);
+  var handleReset = useCallback(function () {
+    reset();
+    var dataTransfer = new DataTransfer();
+    inputRef.current && (inputRef.current.files = dataTransfer.files);
+  }, [reset, handleRemoveFile]);
   useImperativeHandle(ref, function () {
     return {
       focus: focus,
       blur: blur,
-      reset: reset,
+      reset: handleReset,
+      removeFile: handleExternalFileDeletion,
       getRootNode: function getRootNode() {
         return rootNodeRef.current;
       }
     };
-  }, [ref, blur, focus, reset]);
+  }, [ref, blur, focus, handleReset, handleExternalFileDeletion]);
   var _useState2 = useState(false),
     focusedByTab = _useState2[0],
     setFocusedByTab = _useState2[1];
@@ -215,26 +231,17 @@ var _FileUploader = forwardRefAndName('FileUploader', function (props, ref) {
       onBlur == null || onBlur(e);
     }
   };
-  var handleRemoveFile = useCallback(function (fileId) {
-    var dataTransfer = new DataTransfer();
-    files.filter(function (f) {
-      return f.id !== fileId;
-    }).forEach(function (file) {
-      dataTransfer.items.add(file.originalFile);
-    });
-    inputRef.current && (inputRef.current.files = dataTransfer.files);
-  }, []);
   var _useState3 = useState(false),
     hovered = _useState3[0],
     setHovered = _useState3[1];
-  var uploadButtonClassNames = emotion.cx(styles.uploadButton(theme), sizeClassName, focusedByTab && styles.uploadButtonFocus(theme), disabled && styles.disabled(theme), !disabled && hovered && styles.hovered(theme), !!warning && styles.warning(theme), !!error && styles.error(theme), isDraggable && !disabled && styles.dragOver(theme));
+  var uploadButtonClassNames = cx(jsStyles.uploadButton(theme), sizeClassName, focusedByTab && jsStyles.uploadButtonFocus(theme), disabled && jsStyles.disabled(theme), !disabled && hovered && jsStyles.hovered(theme), !!warning && jsStyles.warning(theme), !!error && jsStyles.error(theme), isDraggable && !disabled && jsStyles.dragOver(theme));
   var canDrop = isWindowDraggable && !disabled;
-  var uploadButtonWrapperClassNames = emotion.cx(canDrop && styles.windowDragOver(theme));
-  var uploadButtonIconClassNames = emotion.cx(styles.icon(theme), sizeIconClass, disabled && styles.iconDisabled(theme));
+  var uploadButtonWrapperClassNames = cx(canDrop && jsStyles.windowDragOver(theme));
+  var uploadButtonIconClassNames = cx(jsStyles.icon(theme), sizeIconClass, disabled && jsStyles.iconDisabled(theme));
   var hasOneFile = files.length === 1;
   var hasOneFileForSingle = isSingleMode && hasOneFile && !hideFiles;
-  var contentClassNames = emotion.cx(styles.content(), hasOneFileForSingle && styles.contentWithFiles());
-  var linkClassNames = emotion.cx(styles.link(theme), !disabled && hovered && styles.linkHovered(theme), disabled && styles.linkDisabled(theme));
+  var contentClassNames = cx(jsStyles.content(), hasOneFileForSingle && jsStyles.contentWithFiles());
+  var linkClassNames = cx(jsStyles.link(theme), !disabled && hovered && jsStyles.linkHovered(theme), disabled && jsStyles.linkDisabled(theme));
   useEffect(function () {
     setIsLinkVisible(hasOneFileForSingle ? !isMinLengthReached : true);
   }, [isMinLengthReached, hasOneFileForSingle]);
@@ -261,7 +268,7 @@ var _FileUploader = forwardRefAndName('FileUploader', function (props, ref) {
     React.createElement(CommonWrapper, props, /*#__PURE__*/
     React.createElement("div", {
       "data-tid": FileUploaderDataTids.root,
-      className: styles.root(theme),
+      className: jsStyles.root(theme),
       style: useMemoObject({
         width: width
       }),
@@ -289,18 +296,18 @@ var _FileUploader = forwardRefAndName('FileUploader', function (props, ref) {
 
     React.createElement("div", {
       "data-tid": FileUploaderDataTids.content,
-      className: emotion.cx(contentClassNames, (_emotion$cx = {}, _emotion$cx[contentInnerClass] = !files.length || !isSingleMode, _emotion$cx))
+      className: cx(contentClassNames, (_cx = {}, _cx[contentInnerClass] = !files.length || !isSingleMode, _cx))
     }, isLinkVisible && /*#__PURE__*/
     React.createElement("span", {
       "data-tid": FileUploaderDataTids.link,
       className: linkClassNames
     }, hasOneFileForSingle ? locale.choosedFile : locale.chooseFile), isLinkVisible && String.fromCharCode(0xa0) /*   */, /*#__PURE__*/
     React.createElement("div", {
-      className: emotion.cx(globalClasses.afterLinkText, hasOneFileForSingle ? styles.afterLinkText_HasFiles(theme) : styles.afterLinkText(theme))
+      className: cx(globalClasses.afterLinkText, hasOneFileForSingle ? jsStyles.afterLinkText_HasFiles(theme) : jsStyles.afterLinkText(theme))
     }, hasOneFileForSingle ? /*#__PURE__*/
     React.createElement("div", {
       ref: fileDivRef,
-      className: styles.singleFile()
+      className: jsStyles.singleFile()
     }, renderFile(files[0], /*#__PURE__*/React.createElement(FileUploaderFile, {
       file: files[0],
       size: size,
@@ -323,7 +330,7 @@ var _FileUploader = forwardRefAndName('FileUploader', function (props, ref) {
       type: "file",
       disabled: disabled,
       multiple: multiple,
-      className: styles.visuallyHidden(),
+      className: jsStyles.visuallyHidden(),
       onClick: stopPropagation,
       onChange: handleInputChange,
       onFocus: handleFocus,
@@ -331,6 +338,12 @@ var _FileUploader = forwardRefAndName('FileUploader', function (props, ref) {
     })))))))
   );
 });
+
+/**
+ * `FileUploader` — контрол для выбора пользователем файла на компьютере и отображения статуса его отправки на сервер.
+ *
+ * Можно использовать для синхронной отправки данных, например, в форме. Или же можно использовать в асинхронном режиме.
+ */
 export var FileUploader = withFileUploaderControlProvider( /*#__PURE__*/
 React.memo(_FileUploader));
 FileUploader.displayName = 'FileUploader';

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useContext","useEffect","useImperativeHandle","useRef","useState","globalObject","isBrowser","getAttachedFile","EmotionContext","useMemoObject","FileUploaderControlContext","useControlLocale","useUpload","useDrop","withFileUploaderControlProvider","keyListener","FileUploaderFile","FileUploaderFileList","CommonWrapper","FileUploaderFileValidationResult","useFileUploaderSize","forwardRefAndName","FocusControlWrapper","ThemeContext","UploadIcon","getStyles","globalClasses","stopPropagation","e","FileUploaderDataTids","root","content","link","input","defaultRenderFile","file","fileNode","_FileUploader","props","ref","_emotion$cx","theme","emotion","initialFiles","disabled","error","warning","_props$multiple","multiple","_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","isMinLengthReached","locale","inputRef","fileDivRef","isAsync","isSingleMode","_useState","isLinkVisible","setIsLinkVisible","upload","tryValidateAndUpload","forEach","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","validationMessage","wrap","_callee$","_context","prev","next","t0","sent","id","stop","_x","apply","arguments","styles","sizeClassName","small","sizeSmall","medium","sizeMedium","large","sizeLarge","sizeIconClass","iconSmall","iconMedium","iconLarge","contentInnerClass","contentInnerSmall","contentInnerMedium","contentInnerLarge","handleChange","newFiles","length","filesArray","Array","from","attachedFiles","map","handleDrop","event","dataTransfer","_dataTransfer$files","clearData","_useDrop","onDrop","isDraggable","labelRef","_useDrop2","isWindowDraggable","windowRef","current","document","focus","_inputRef$current","isTabPressed","blur","_inputRef$current2","getRootNode","rootNodeRef","_useState2","focusedByTab","setFocusedByTab","handleInputChange","target","handleFocus","requestAnimationFrame","handleBlur","handleRemoveFile","fileId","DataTransfer","filter","f","items","add","originalFile","_useState3","hovered","setHovered","uploadButtonClassNames","cx","uploadButton","uploadButtonFocus","dragOver","canDrop","uploadButtonWrapperClassNames","windowDragOver","uploadButtonIconClassNames","icon","iconDisabled","hasOneFile","hasOneFileForSingle","contentClassNames","contentWithFiles","linkClassNames","linkHovered","linkDisabled","iconSizes","parseInt","btnIconSizeSmall","btnIconSizeMedium","btnIconSizeLarge","createElement","className","style","onRemove","onMouseEnter","onMouseLeave","choosedFile","chooseFile","String","fromCharCode","afterLinkText","afterLinkText_HasFiles","singleFile","Fragment","orDragHere","onBlurWhenDisabled","_extends","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 { FileUploaderAttachedFile, getAttachedFile } from '../../internal/FileUploaderControl/fileUtils';\nimport { EmotionContext } from '../../lib/theming/Emotion';\nimport { InstanceWithRootNode } from '../../lib/rootNode';\nimport { useMemoObject } from '../../hooks/useMemoObject';\nimport { FileUploaderControlContext } from '../../internal/FileUploaderControl/FileUploaderControlContext';\nimport { useControlLocale } from '../../internal/FileUploaderControl/hooks/useControlLocale';\nimport { useUpload } from '../../internal/FileUploaderControl/hooks/useUpload';\nimport { useDrop } from '../../hooks/useDrop';\nimport { FileUploaderControlProviderProps } from '../../internal/FileUploaderControl/FileUploaderControlProvider';\nimport { withFileUploaderControlProvider } from '../../internal/FileUploaderControl/withFileUploaderControlProvider';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { FileUploaderFile } from '../../internal/FileUploaderControl/FileUploaderFile/FileUploaderFile';\nimport { FileUploaderFileList } from '../../internal/FileUploaderControl/FileUploaderFileList/FileUploaderFileList';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { Nullable } from '../../typings/utility-types';\nimport { FileUploaderFileValidationResult } from '../../internal/FileUploaderControl/FileUploaderFileValidationResult';\nimport { useFileUploaderSize } from '../../internal/FileUploaderControl/hooks/useFileUploaderSize';\nimport { SizeProp } from '../../lib/types/props';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { UploadIcon } from './UploadIcon';\nimport { getStyles, globalClasses } 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  initialFiles?: File[];\n  /** Состояние ошибки всего контрола */\n  error?: boolean;\n  /** Состояние предупреждения всего контрола */\n  warning?: boolean;\n  /** Свойство ширины. */\n  width?: React.CSSProperties['width'];\n  /**\n   * Задаёт размер контрола.\n   *\n   * **Допустимые значения**: `\"small\"`, `\"medium\"`, `\"large\"`.\n   */\n  size?: SizeProp;\n  /** Свойство, скрывающее отображение файлов.  */\n  hideFiles?: boolean;\n\n  /** Функция, через которую отправляем файлы. Используется для отслеживания статуса загрузки файла. */\n  request?: (file: FileUploaderAttachedFile) => Promise<void>;\n  /** Срабатывает при удачной попытке отправки через request */\n  onRequestSuccess?: (fileId: string) => void;\n  /** Срабатывает при неудачной попытке отправки через request */\n  onRequestError?: (fileId: string) => void;\n\n  /**\n   * Функция валидации каждого файла.\n   * Срабатывает после выбора файлов и перед попыткой отправить в request.\n   * Чтобы вывести валидацию ошибки, промис должен вернуть строку.\n   * */\n  validateBeforeUpload?: (file: FileUploaderAttachedFile) => Promise<Nullable<string>>;\n\n  /**\n   * Функция, позволяющая кастомизировать файлы.\n   * Через нее можно вешать кастомные валидации на каждый файл.\n   * */\n  renderFile?: (file: FileUploaderAttachedFile, fileNode: React.ReactElement) => React.ReactNode;\n}\n\nexport interface FileUploaderRef extends InstanceWithRootNode {\n  focus: () => void;\n  blur: () => void;\n  /** Сбрасывает выбранные файлы */\n  reset: () => void;\n}\n\nexport const FileUploaderDataTids = {\n  root: 'FileUploader__root',\n  content: 'FileUploader__content',\n  link: 'FileUploader__link',\n  input: 'FileUploader__input',\n} as const;\n\nconst defaultRenderFile = (file: FileUploaderAttachedFile, fileNode: React.ReactElement) => fileNode;\n\nconst _FileUploader = forwardRefAndName<FileUploaderRef, _FileUploaderProps>('FileUploader', (props, ref) => {\n  const theme = useContext(ThemeContext);\n  const emotion = useContext(EmotionContext);\n\n  const {\n    initialFiles,\n    disabled,\n    error,\n    warning,\n    multiple = false,\n    width = theme.fileUploaderWidth,\n    hideFiles = false,\n    onBlur,\n    onFocus,\n    onChange,\n    request,\n    validateBeforeUpload,\n    onRequestSuccess,\n    onRequestError,\n    size = 'small',\n    renderFile = defaultRenderFile,\n    ...inputProps\n  } = props;\n\n  const { files, setFiles, removeFile, reset, setFileValidationResult, isMinLengthReached } =\n    useContext(FileUploaderControlContext);\n\n  const locale = useControlLocale();\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const fileDivRef = useRef<HTMLDivElement>(null);\n\n  const isAsync = !!request;\n  const isSingleMode = !multiple;\n\n  const [isLinkVisible, setIsLinkVisible] = useState(true);\n  const upload = useUpload(request, onRequestSuccess, onRequestError);\n\n  const tryValidateAndUpload = useCallback(\n    (files: FileUploaderAttachedFile[]) => {\n      files.forEach(async (file) => {\n        const validationMessage = validateBeforeUpload && (await validateBeforeUpload(file));\n\n        if (!validationMessage) {\n          isAsync && upload(file);\n        } else {\n          setFileValidationResult(file.id, FileUploaderFileValidationResult.error(validationMessage));\n        }\n      });\n    },\n    [validateBeforeUpload, isAsync, upload, setFileValidationResult],\n  );\n  const styles = getStyles(emotion);\n  const sizeClassName = useFileUploaderSize(size, {\n    small: styles.sizeSmall(theme),\n    medium: styles.sizeMedium(theme),\n    large: styles.sizeLarge(theme),\n  });\n\n  const sizeIconClass = useFileUploaderSize(size, {\n    small: styles.iconSmall(theme),\n    medium: styles.iconMedium(theme),\n    large: styles.iconLarge(theme),\n  });\n\n  const contentInnerClass = useFileUploaderSize(size, {\n    small: styles.contentInnerSmall(theme),\n    medium: styles.contentInnerMedium(theme),\n    large: styles.contentInnerLarge(theme),\n  });\n\n  /** common part **/\n  const handleChange = useCallback(\n    (newFiles: FileList | null) => {\n      if (!newFiles || !newFiles.length) {\n        return;\n      }\n\n      let filesArray = Array.from(newFiles);\n\n      if (isSingleMode) {\n        filesArray = [filesArray[0]];\n      }\n\n      const attachedFiles = filesArray.map(getAttachedFile);\n\n      if (isSingleMode && attachedFiles.length && files.length) {\n        removeFile(files[0].id);\n      }\n\n      if (attachedFiles.length) {\n        setFiles(attachedFiles);\n        tryValidateAndUpload(attachedFiles);\n      }\n    },\n    [tryValidateAndUpload, setFiles, isSingleMode, files, removeFile],\n  );\n\n  const handleDrop = useCallback(\n    (event: DragEvent) => {\n      if (disabled) {\n        return;\n      }\n\n      const { dataTransfer } = event;\n      if (dataTransfer) {\n        if (dataTransfer.files?.length > 0) {\n          handleChange(dataTransfer.files);\n        }\n        dataTransfer.clearData();\n      }\n    },\n    [handleChange, disabled],\n  );\n\n  const { isDraggable, ref: labelRef } = useDrop<HTMLLabelElement>({ onDrop: handleDrop });\n  const { isDraggable: isWindowDraggable, ref: windowRef } = useDrop<Document>();\n\n  if (isBrowser(globalObject)) {\n    windowRef.current = globalObject.document;\n  }\n\n  const focus = useCallback(() => {\n    keyListener.isTabPressed = true;\n    inputRef.current?.focus();\n  }, []);\n\n  const blur = useCallback(() => {\n    inputRef.current?.blur();\n  }, []);\n\n  useImperativeHandle(ref, () => ({ focus, blur, reset, getRootNode: () => rootNodeRef.current }), [\n    ref,\n    blur,\n    focus,\n    reset,\n  ]);\n\n  const [focusedByTab, setFocusedByTab] = useState(false);\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event);\n    handleChange(event.target.files);\n  };\n\n  const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    if (!disabled) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      globalObject.requestAnimationFrame?.(() => {\n        if (keyListener.isTabPressed) {\n          setFocusedByTab(true);\n        }\n      });\n      onFocus?.(e);\n    }\n  };\n\n  const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    setFocusedByTab(false);\n    if (!disabled) {\n      onBlur?.(e);\n    }\n  };\n\n  const handleRemoveFile = useCallback((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\n  const [hovered, setHovered] = useState(false);\n\n  const uploadButtonClassNames = emotion.cx(\n    styles.uploadButton(theme),\n    sizeClassName,\n    focusedByTab && styles.uploadButtonFocus(theme),\n    disabled && styles.disabled(theme),\n    !disabled && hovered && styles.hovered(theme),\n    !!warning && styles.warning(theme),\n    !!error && styles.error(theme),\n    isDraggable && !disabled && styles.dragOver(theme),\n  );\n\n  const canDrop = isWindowDraggable && !disabled;\n  const uploadButtonWrapperClassNames = emotion.cx(canDrop && styles.windowDragOver(theme));\n\n  const uploadButtonIconClassNames = emotion.cx(\n    styles.icon(theme),\n    sizeIconClass,\n    disabled && styles.iconDisabled(theme),\n  );\n\n  const hasOneFile = files.length === 1;\n  const hasOneFileForSingle = isSingleMode && hasOneFile && !hideFiles;\n\n  const contentClassNames = emotion.cx(styles.content(), hasOneFileForSingle && styles.contentWithFiles());\n\n  const linkClassNames = emotion.cx(\n    styles.link(theme),\n    !disabled && hovered && styles.linkHovered(theme),\n    disabled && styles.linkDisabled(theme),\n  );\n\n  useEffect(() => {\n    setIsLinkVisible(hasOneFileForSingle ? !isMinLengthReached : true);\n  }, [isMinLengthReached, hasOneFileForSingle]);\n\n  useEffect(() => {\n    if (!files || !files.length || !inputRef.current) {\n      return;\n    }\n\n    const dataTransfer = new DataTransfer();\n    files.forEach((file) => dataTransfer.items.add(file.originalFile));\n    inputRef.current.files = dataTransfer.files;\n  }, []);\n\n  const rootNodeRef = useRef(null);\n\n  const iconSizes: Record<SizeProp, number> = {\n    small: parseInt(theme.btnIconSizeSmall),\n    medium: parseInt(theme.btnIconSizeMedium),\n    large: parseInt(theme.btnIconSizeLarge),\n  };\n  const icon = <UploadIcon size={iconSizes[size]} />;\n\n  return (\n    <CommonWrapper {...props}>\n      <div\n        data-tid={FileUploaderDataTids.root}\n        className={styles.root(theme)}\n        style={useMemoObject({ width })}\n        ref={rootNodeRef}\n      >\n        {!hideFiles && !isSingleMode && !!files.length && (\n          <FileUploaderFileList renderFile={renderFile} size={size} onRemove={handleRemoveFile} />\n        )}\n        <div className={uploadButtonWrapperClassNames}>\n          <label\n            onMouseEnter={() => setHovered(true)}\n            onMouseLeave={() => setHovered(false)}\n            ref={labelRef}\n            className={uploadButtonClassNames}\n          >\n            <div\n              data-tid={FileUploaderDataTids.content}\n              className={emotion.cx(contentClassNames, { [contentInnerClass]: !files.length || !isSingleMode })}\n            >\n              {isLinkVisible && (\n                <span data-tid={FileUploaderDataTids.link} className={linkClassNames}>\n                  {hasOneFileForSingle ? locale.choosedFile : locale.chooseFile}\n                </span>\n              )}\n              {isLinkVisible && String.fromCharCode(0xa0) /* &nbsp; */}\n              <div\n                className={emotion.cx(\n                  globalClasses.afterLinkText,\n                  hasOneFileForSingle ? styles.afterLinkText_HasFiles(theme) : styles.afterLinkText(theme),\n                )}\n              >\n                {hasOneFileForSingle ? (\n                  <div ref={fileDivRef} className={styles.singleFile()}>\n                    {renderFile(files[0], <FileUploaderFile file={files[0]} size={size} onRemove={handleRemoveFile} />)}\n                  </div>\n                ) : (\n                  <>\n                    {locale.orDragHere}&nbsp;\n                    <div className={uploadButtonIconClassNames}>{icon}</div>\n                  </>\n                )}\n              </div>\n            </div>\n            <FocusControlWrapper onBlurWhenDisabled={() => setFocusedByTab(false)}>\n              <input\n                {...inputProps}\n                data-tid={FileUploaderDataTids.input}\n                ref={inputRef}\n                tabIndex={disabled ? -1 : 0}\n                type=\"file\"\n                disabled={disabled}\n                multiple={multiple}\n                className={styles.visuallyHidden()}\n                onClick={stopPropagation}\n                onChange={handleInputChange}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n              />\n            </FocusControlWrapper>\n          </label>\n        </div>\n      </div>\n    </CommonWrapper>\n  );\n});\n\nexport interface FileUploaderProps extends _FileUploaderProps, FileUploaderControlProviderProps {}\n\nexport const FileUploader = withFileUploaderControlProvider<FileUploaderProps, FileUploaderRef>(\n  React.memo(_FileUploader),\n);\nFileUploader.displayName = 'FileUploader';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useContext","useEffect","useImperativeHandle","useRef","useState","globalObject","isBrowser","getAttachedFile","cx","useMemoObject","FileUploaderControlContext","useControlLocale","useUpload","useDrop","ThemeContext","withFileUploaderControlProvider","keyListener","FileUploaderFile","FileUploaderFileList","CommonWrapper","FileUploaderFileValidationResult","useFileUploaderSize","forwardRefAndName","FocusControlWrapper","UploadIcon","globalClasses","jsStyles","stopPropagation","e","FileUploaderDataTids","root","content","link","input","defaultRenderFile","file","fileNode","_FileUploader","props","ref","_cx","theme","initialFiles","disabled","error","warning","_props$multiple","multiple","_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","isMinLengthReached","locale","inputRef","fileDivRef","isAsync","isSingleMode","_useState","isLinkVisible","setIsLinkVisible","upload","tryValidateAndUpload","forEach","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","validationMessage","wrap","_callee$","_context","prev","next","t0","sent","id","stop","_x","apply","arguments","sizeClassName","small","sizeSmall","medium","sizeMedium","large","sizeLarge","sizeIconClass","iconSmall","iconMedium","iconLarge","contentInnerClass","contentInnerSmall","contentInnerMedium","contentInnerLarge","handleChange","newFiles","length","filesArray","Array","from","attachedFiles","map","handleDrop","event","dataTransfer","_dataTransfer$files","_useDrop","onDrop","isDraggable","labelRef","_useDrop2","isWindowDraggable","windowRef","current","document","focus","_inputRef$current","isTabPressed","blur","_inputRef$current2","handleRemoveFile","fileId","DataTransfer","filter","f","items","add","originalFile","handleExternalFileDeletion","handleReset","getRootNode","rootNodeRef","_useState2","focusedByTab","setFocusedByTab","handleInputChange","target","handleFocus","requestAnimationFrame","handleBlur","_useState3","hovered","setHovered","uploadButtonClassNames","uploadButton","uploadButtonFocus","dragOver","canDrop","uploadButtonWrapperClassNames","windowDragOver","uploadButtonIconClassNames","icon","iconDisabled","hasOneFile","hasOneFileForSingle","contentClassNames","contentWithFiles","linkClassNames","linkHovered","linkDisabled","iconSizes","parseInt","btnIconSizeSmall","btnIconSizeMedium","btnIconSizeLarge","createElement","className","style","onRemove","onMouseEnter","onMouseLeave","choosedFile","chooseFile","String","fromCharCode","afterLinkText","afterLinkText_HasFiles","singleFile","Fragment","orDragHere","onBlurWhenDisabled","_extends","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 { FileUploaderAttachedFile } from '../../internal/FileUploaderControl/fileUtils';\nimport { 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 { 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';\n\nimport { UploadIcon } from './UploadIcon';\nimport { globalClasses, jsStyles } 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  initialFiles?: File[];\n  /** Состояние ошибки всего контрола */\n  error?: boolean;\n\n  /** Переводит контрол в состояние валидации \"предупреждение\". */\n  warning?: boolean;\n\n  /** Задает длину компонента. */\n  width?: React.CSSProperties['width'];\n\n  /** Задаёт размер контрола. */\n  size?: SizeProp;\n\n  /** Скрывает отображение файлов. */\n  hideFiles?: boolean;\n\n  /** Задает функцию, через которую отправляются файлы. Используется для отслеживания статуса загрузки файла.\n   * @param {FileUploaderAttachedFile} file - файл, статус загрузки которого необходимо отследить. */\n  request?: (file: FileUploaderAttachedFile) => Promise<void>;\n\n  /** Задает функцию, которая вызывается при удачной попытке отправки через request. */\n  onRequestSuccess?: (fileId: string) => void;\n\n  /** Задает функцию, которая вызывается при неудачной попытке отправки через request. */\n  onRequestError?: (fileId: string) => void;\n\n  /** Определяет функцию валидации каждого файла. Срабатывает после выбора файлов и перед попыткой отправить в request. Чтобы вывести валидацию ошибки, промис должен вернуть строку. * */\n  validateBeforeUpload?: (file: FileUploaderAttachedFile) => Promise<Nullable<string>>;\n\n  /** Задает функцию, которая позволяет кастомизировать файлы. Через нее можно вешать кастомные валидации на каждый файл. */\n  renderFile?: (file: FileUploaderAttachedFile, fileNode: React.ReactElement) => React.ReactNode;\n}\n\nexport interface FileUploaderRef extends InstanceWithRootNode {\n  focus: () => void;\n  blur: () => void;\n  /** Сбрасывает выбранные файлы */\n  reset: () => void;\n  removeFile: (fileId: string) => void;\n}\n\nexport const FileUploaderDataTids = {\n  root: 'FileUploader__root',\n  content: 'FileUploader__content',\n  link: 'FileUploader__link',\n  input: 'FileUploader__input',\n} as const;\n\nconst defaultRenderFile = (file: FileUploaderAttachedFile, fileNode: React.ReactElement) => fileNode;\n\nconst _FileUploader = forwardRefAndName<FileUploaderRef, _FileUploaderProps>('FileUploader', (props, ref) => {\n  const theme = useContext(ThemeContext);\n\n  const {\n    initialFiles,\n    disabled,\n    error,\n    warning,\n    multiple = false,\n    width = theme.fileUploaderWidth,\n    hideFiles = false,\n    onBlur,\n    onFocus,\n    onChange,\n    request,\n    validateBeforeUpload,\n    onRequestSuccess,\n    onRequestError,\n    size = 'small',\n    renderFile = defaultRenderFile,\n    ...inputProps\n  } = props;\n\n  const { files, setFiles, removeFile, reset, setFileValidationResult, isMinLengthReached } =\n    useContext(FileUploaderControlContext);\n\n  const locale = useControlLocale();\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const fileDivRef = useRef<HTMLDivElement>(null);\n\n  const isAsync = !!request;\n  const isSingleMode = !multiple;\n\n  const [isLinkVisible, setIsLinkVisible] = useState(true);\n  const upload = useUpload(request, onRequestSuccess, onRequestError);\n\n  const tryValidateAndUpload = useCallback(\n    (files: FileUploaderAttachedFile[]) => {\n      files.forEach(async (file) => {\n        const validationMessage = validateBeforeUpload && (await validateBeforeUpload(file));\n\n        if (!validationMessage) {\n          isAsync && upload(file);\n        } else {\n          setFileValidationResult(file.id, FileUploaderFileValidationResult.error(validationMessage));\n        }\n      });\n    },\n    [validateBeforeUpload, isAsync, upload, setFileValidationResult],\n  );\n\n  const sizeClassName = useFileUploaderSize(size, {\n    small: jsStyles.sizeSmall(theme),\n    medium: jsStyles.sizeMedium(theme),\n    large: jsStyles.sizeLarge(theme),\n  });\n\n  const sizeIconClass = useFileUploaderSize(size, {\n    small: jsStyles.iconSmall(theme),\n    medium: jsStyles.iconMedium(theme),\n    large: jsStyles.iconLarge(theme),\n  });\n\n  const contentInnerClass = useFileUploaderSize(size, {\n    small: jsStyles.contentInnerSmall(theme),\n    medium: jsStyles.contentInnerMedium(theme),\n    large: jsStyles.contentInnerLarge(theme),\n  });\n\n  /** common part **/\n  const handleChange = useCallback(\n    (newFiles: FileList | null) => {\n      if (!newFiles || !newFiles.length) {\n        return;\n      }\n\n      let filesArray = Array.from(newFiles);\n\n      if (isSingleMode) {\n        filesArray = [filesArray[0]];\n      }\n\n      const attachedFiles = filesArray.map(getAttachedFile);\n\n      if (isSingleMode && attachedFiles.length && files.length) {\n        removeFile(files[0].id);\n      }\n\n      if (attachedFiles.length) {\n        setFiles(attachedFiles);\n        tryValidateAndUpload(attachedFiles);\n      }\n    },\n    [tryValidateAndUpload, setFiles, isSingleMode, files, removeFile],\n  );\n\n  const handleDrop = useCallback(\n    (event: DragEvent) => {\n      if (disabled) {\n        return;\n      }\n\n      const { dataTransfer } = event;\n      if (dataTransfer) {\n        if (dataTransfer.files?.length > 0) {\n          handleChange(dataTransfer.files);\n        }\n      }\n    },\n    [handleChange, disabled],\n  );\n\n  const { isDraggable, ref: labelRef } = useDrop<HTMLLabelElement>({ onDrop: handleDrop });\n  const { isDraggable: isWindowDraggable, ref: windowRef } = useDrop<Document>();\n\n  if (isBrowser(globalObject)) {\n    windowRef.current = globalObject.document;\n  }\n\n  const focus = useCallback(() => {\n    keyListener.isTabPressed = true;\n    inputRef.current?.focus();\n  }, []);\n\n  const blur = useCallback(() => {\n    inputRef.current?.blur();\n  }, []);\n\n  const handleRemoveFile = useCallback(\n    (fileId: string) => {\n      const dataTransfer = new DataTransfer();\n      files\n        .filter((f) => f.id !== fileId)\n        .forEach((file) => {\n          dataTransfer.items.add(file.originalFile);\n        });\n      inputRef.current && (inputRef.current.files = dataTransfer.files);\n    },\n    [files],\n  );\n\n  const handleExternalFileDeletion = useCallback(\n    (fileId: string) => {\n      removeFile(fileId);\n      handleRemoveFile(fileId);\n    },\n    [handleRemoveFile, removeFile],\n  );\n\n  const handleReset = useCallback(() => {\n    reset();\n    const dataTransfer = new DataTransfer();\n    inputRef.current && (inputRef.current.files = dataTransfer.files);\n  }, [reset, handleRemoveFile]);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      focus,\n      blur,\n      reset: handleReset,\n      removeFile: handleExternalFileDeletion,\n      getRootNode: () => rootNodeRef.current,\n    }),\n    [ref, blur, focus, handleReset, handleExternalFileDeletion],\n  );\n\n  const [focusedByTab, setFocusedByTab] = useState(false);\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event);\n    handleChange(event.target.files);\n  };\n\n  const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    if (!disabled) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      globalObject.requestAnimationFrame?.(() => {\n        if (keyListener.isTabPressed) {\n          setFocusedByTab(true);\n        }\n      });\n      onFocus?.(e);\n    }\n  };\n\n  const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    setFocusedByTab(false);\n    if (!disabled) {\n      onBlur?.(e);\n    }\n  };\n\n  const [hovered, setHovered] = useState(false);\n\n  const uploadButtonClassNames = cx(\n    jsStyles.uploadButton(theme),\n    sizeClassName,\n    focusedByTab && jsStyles.uploadButtonFocus(theme),\n    disabled && jsStyles.disabled(theme),\n    !disabled && hovered && jsStyles.hovered(theme),\n    !!warning && jsStyles.warning(theme),\n    !!error && jsStyles.error(theme),\n    isDraggable && !disabled && jsStyles.dragOver(theme),\n  );\n\n  const canDrop = isWindowDraggable && !disabled;\n  const uploadButtonWrapperClassNames = cx(canDrop && jsStyles.windowDragOver(theme));\n\n  const uploadButtonIconClassNames = cx(jsStyles.icon(theme), sizeIconClass, disabled && jsStyles.iconDisabled(theme));\n\n  const hasOneFile = files.length === 1;\n  const hasOneFileForSingle = isSingleMode && hasOneFile && !hideFiles;\n\n  const contentClassNames = cx(jsStyles.content(), hasOneFileForSingle && jsStyles.contentWithFiles());\n\n  const linkClassNames = cx(\n    jsStyles.link(theme),\n    !disabled && hovered && jsStyles.linkHovered(theme),\n    disabled && jsStyles.linkDisabled(theme),\n  );\n\n  useEffect(() => {\n    setIsLinkVisible(hasOneFileForSingle ? !isMinLengthReached : true);\n  }, [isMinLengthReached, hasOneFileForSingle]);\n\n  useEffect(() => {\n    if (!files || !files.length || !inputRef.current) {\n      return;\n    }\n\n    const dataTransfer = new DataTransfer();\n    files.forEach((file) => dataTransfer.items.add(file.originalFile));\n    inputRef.current.files = dataTransfer.files;\n  }, []);\n\n  const rootNodeRef = useRef(null);\n\n  const iconSizes: Record<SizeProp, number> = {\n    small: parseInt(theme.btnIconSizeSmall),\n    medium: parseInt(theme.btnIconSizeMedium),\n    large: parseInt(theme.btnIconSizeLarge),\n  };\n  const icon = <UploadIcon size={iconSizes[size]} />;\n\n  return (\n    <CommonWrapper {...props}>\n      <div\n        data-tid={FileUploaderDataTids.root}\n        className={jsStyles.root(theme)}\n        style={useMemoObject({ width })}\n        ref={rootNodeRef}\n      >\n        {!hideFiles && !isSingleMode && !!files.length && (\n          <FileUploaderFileList renderFile={renderFile} size={size} onRemove={handleRemoveFile} />\n        )}\n        <div className={uploadButtonWrapperClassNames}>\n          <label\n            onMouseEnter={() => setHovered(true)}\n            onMouseLeave={() => setHovered(false)}\n            ref={labelRef}\n            className={uploadButtonClassNames}\n          >\n            <div\n              data-tid={FileUploaderDataTids.content}\n              className={cx(contentClassNames, { [contentInnerClass]: !files.length || !isSingleMode })}\n            >\n              {isLinkVisible && (\n                <span data-tid={FileUploaderDataTids.link} className={linkClassNames}>\n                  {hasOneFileForSingle ? locale.choosedFile : locale.chooseFile}\n                </span>\n              )}\n              {isLinkVisible && String.fromCharCode(0xa0) /* &nbsp; */}\n              <div\n                className={cx(\n                  globalClasses.afterLinkText,\n                  hasOneFileForSingle ? jsStyles.afterLinkText_HasFiles(theme) : jsStyles.afterLinkText(theme),\n                )}\n              >\n                {hasOneFileForSingle ? (\n                  <div ref={fileDivRef} className={jsStyles.singleFile()}>\n                    {renderFile(files[0], <FileUploaderFile file={files[0]} size={size} onRemove={handleRemoveFile} />)}\n                  </div>\n                ) : (\n                  <>\n                    {locale.orDragHere}&nbsp;\n                    <div className={uploadButtonIconClassNames}>{icon}</div>\n                  </>\n                )}\n              </div>\n            </div>\n            <FocusControlWrapper onBlurWhenDisabled={() => setFocusedByTab(false)}>\n              <input\n                {...inputProps}\n                data-tid={FileUploaderDataTids.input}\n                ref={inputRef}\n                tabIndex={disabled ? -1 : 0}\n                type=\"file\"\n                disabled={disabled}\n                multiple={multiple}\n                className={jsStyles.visuallyHidden()}\n                onClick={stopPropagation}\n                onChange={handleInputChange}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n              />\n            </FocusControlWrapper>\n          </label>\n        </div>\n      </div>\n    </CommonWrapper>\n  );\n});\n\nexport interface FileUploaderProps extends _FileUploaderProps, FileUploaderControlProviderProps {}\n\n/**\n * `FileUploader` — контрол для выбора пользователем файла на компьютере и отображения статуса его отправки на сервер.\n *\n * Можно использовать для синхронной отправки данных, например, в форме. Или же можно использовать в асинхронном режиме.\n */\nexport const FileUploader = withFileUploaderControlProvider<FileUploaderProps, FileUploaderRef>(\n  React.memo(_FileUploader),\n);\nFileUploader.displayName = 'FileUploader';\n"],"mappings":"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","ignoreList":[]}

package/components/FileUploader/FileUploader.d.ts

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

package/components/FileUploader/FileUploader.md

@@ -2,14 +2,14 @@
 Можно использовать для синхронной отправки данных, например, в форме.
 Или же можно использовать в асинхронном режиме.
 
-Синхронный контрол
+### Синхронный контрол
 ```jsx harmony
 import { FileUploader } from '@skbkontur/react-ui';
 
 <FileUploader  />
 ```
 
-Асинхронный контрол
+### Асинхронный контрол
 ```jsx harmony
 import { FileUploader } from '@skbkontur/react-ui';
 
@@ -18,7 +18,7 @@ const request = () => Promise.resolve();
 <FileUploader request={request} />
 ```
 
-Multiple контрол
+### Multiple контрол
 ```jsx harmony
 import { FileUploader } from '@skbkontur/react-ui';
 
@@ -27,7 +27,7 @@ const request = () => Promise.reject();
 <FileUploader request={request} multiple />
 ```
 
-Файлы по умолчанию
+### Файлы по умолчанию
 ```jsx harmony
 import { FileUploader } from '@skbkontur/react-ui';
 
@@ -39,7 +39,7 @@ const initialFiles = [createFile('test1.txt'), createFile('test2.txt')];
 <FileUploader multiple initialFiles={initialFiles} />
 ```
 
-Файлы по умолчанию с кастомизацией рендеринга
+### Файлы по умолчанию с кастомизацией рендеринга
 ```jsx harmony
 import { cloneElement } from 'react';
 import { FileUploader } from '@skbkontur/react-ui';
@@ -56,14 +56,14 @@ const initialFiles = [createFile('test1.txt'), createFile('test2.txt')];
 />
 ```
 
-Использование `accept`
+### Использование `accept`
 ```jsx harmony
 import { FileUploader } from '@skbkontur/react-ui';
 
 <FileUploader multiple accept="image/*" />
 ```
 
-Валидация файла в списке
+### Валидация файла в списке
 ```jsx harmony
 import { FileUploader } from '@skbkontur/react-ui';
 
@@ -75,14 +75,37 @@ import { FileUploader } from '@skbkontur/react-ui';
 />;
 ```
 
-Валидация контрола
+### Валидация контрола
 ```jsx harmony
 import { FileUploader } from '@skbkontur/react-ui';
 
 <FileUploader multiple error />
 ```
 
-#### Локали по умолчанию
+Ручное удаление файлов
+
+В критичных случаях, если нужно удалить файлы из контрола вручную, то это можно сделать, используя метод `removeFile` из `ref`.
+Обратите внимание, что при вызове `removeFile` вызываются коллбэки `onRemove` и `onValueChange`.
+
+```jsx harmony
+import { FileUploader, Button } from '@skbkontur/react-ui';
+
+const fileUploaderRef = React.useRef(null);
+const [fileList, setFileList] = React.useState([]);
+
+<div style={{ display: 'inline-grid', gap: '10px' }}>
+  <FileUploader ref={fileUploaderRef} multiple onValueChange={(files) => setFileList(files)} />
+    {fileList.map((file) => {
+    return (
+      <Button key={file.id} onClick={() => fileUploaderRef.current.removeFile(file.id)}>
+        Delete file {file.originalFile.name}
+      </Button>
+    );
+  })}
+</div>
+```
+
+### Локали по умолчанию
 
 ```typescript static
 interface FileUploaderLocale {

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

@@ -1,7 +1,6 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject;
-export var fileUploaderSizeMixin = function fileUploaderSizeMixin(emotion) {
-  return function (fontSize, lineHeight, paddingX, paddingY) {
-    return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    font-size: ", ";\n    box-sizing: border-box;\n    padding: ", " ", ";\n    line-height: ", ";\n  "])), fontSize, paddingY, paddingX, lineHeight);
-  };
+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 +1 @@
-{"version":3,"names":["fileUploaderSizeMixin","emotion","fontSize","lineHeight","paddingX","paddingY","css","_templateObject","_taggedTemplateLiteralLoose"],"sources":["FileUploader.mixins.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nexport const fileUploaderSizeMixin =\n  (emotion: Emotion) => (fontSize: string, lineHeight: string, paddingX: string, paddingY: string) => {\n    return emotion.css`\n    font-size: ${fontSize};\n    box-sizing: border-box;\n    padding: ${paddingY} ${paddingX};\n    line-height: ${lineHeight};\n  `;\n  };\n"],"mappings":";;AAEA,OAAO,IAAMA,qBAAqB;AAChC,SADWA,qBAAqBA,CAC/BC,OAAgB,UAAK,UAACC,QAAgB,EAAEC,UAAkB,EAAEC,QAAgB,EAAEC,QAAgB,EAAK;IAClG,OAAOJ,OAAO,CAACK,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,2BAAA;IACLN,QAAQ;;IAEVG,QAAQ,EAAID,QAAQ;IAChBD,UAAU;;EAE3B,CAAC","ignoreList":[]}
+{"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.d.ts

@@ -1,2 +1 @@
-import type { Emotion } from '@emotion/css/create-instance';
-export declare const fileUploaderSizeMixin: (emotion: Emotion) => (fontSize: string, lineHeight: string, paddingX: string, paddingY: string) => string;
+export declare const fileUploaderSizeMixin: (fontSize: string, lineHeight: string, paddingX: string, paddingY: string) => string;