npm - @skbkontur/react-ui - Versions diffs - 6.3.3 → 6.3.5-4fa10.0 - Mend

@skbkontur/react-ui 6.3.3 → 6.3.5-4fa10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (116) hide show

package/CHANGELOG.md +11 -0
package/components/Autocomplete/Autocomplete.d.ts +4 -1
package/components/Autocomplete/Autocomplete.js +15 -7
package/components/Autocomplete/Autocomplete.js.map +1 -1
package/components/Button/Button.js +9 -3
package/components/Button/Button.js.map +1 -1
package/components/Button/Button.styles.d.ts +3 -0
package/components/Button/Button.styles.js +62 -50
package/components/Button/Button.styles.js.map +1 -1
package/components/Checkbox/Checkbox.d.ts +1 -0
package/components/Checkbox/Checkbox.js +12 -1
package/components/Checkbox/Checkbox.js.map +1 -1
package/components/Checkbox/Checkbox.styles.d.ts +3 -0
package/components/Checkbox/Checkbox.styles.js +27 -18
package/components/Checkbox/Checkbox.styles.js.map +1 -1
package/components/ComboBox/ComboBox.d.ts +5 -1
package/components/ComboBox/ComboBox.js.map +1 -1
package/components/DropdownMenu/DropdownMenu.d.ts +3 -0
package/components/DropdownMenu/DropdownMenu.js +1 -1
package/components/DropdownMenu/DropdownMenu.js.map +1 -1
package/components/FileUploader/FileUploader.js +8 -3
package/components/FileUploader/FileUploader.js.map +1 -1
package/components/FileUploader/FileUploader.styles.d.ts +3 -0
package/components/FileUploader/FileUploader.styles.js +73 -64
package/components/FileUploader/FileUploader.styles.js.map +1 -1
package/components/FileUploader/FileUploaderFile.styles.js +12 -12
package/components/FileUploader/FileUploaderFile.styles.js.map +1 -1
package/components/FileUploader/FileUploaderFileList/FileUploaderFileList.styles.js +13 -13
package/components/FileUploader/FileUploaderFileList/FileUploaderFileList.styles.js.map +1 -1
package/components/Input/InputLayout/InputLayout.styles.d.ts +1 -0
package/components/Input/InputLayout/InputLayout.styles.js +11 -8
package/components/Input/InputLayout/InputLayout.styles.js.map +1 -1
package/components/Input/InputLayout/InputLayoutAsideText.js +3 -1
package/components/Input/InputLayout/InputLayoutAsideText.js.map +1 -1
package/components/Kebab/Kebab.js +1 -1
package/components/Kebab/Kebab.js.map +1 -1
package/components/MenuItem/MenuItem.js +1 -0
package/components/MenuItem/MenuItem.js.map +1 -1
package/components/MenuItem/MenuItem.styles.d.ts +1 -0
package/components/MenuItem/MenuItem.styles.js +12 -9
package/components/MenuItem/MenuItem.styles.js.map +1 -1
package/components/Radio/Radio.js +18 -22
package/components/Radio/Radio.js.map +1 -1
package/components/Radio/Radio.styles.js +1 -1
package/components/Radio/Radio.styles.js.map +1 -1
package/components/Select/Select.js +5 -4
package/components/Select/Select.js.map +1 -1
package/components/SidePage/SidePage.styles.d.ts +1 -0
package/components/SidePage/SidePage.styles.js +19 -16
package/components/SidePage/SidePage.styles.js.map +1 -1
package/components/SidePage/SidePageHeader.js +3 -0
package/components/SidePage/SidePageHeader.js.map +1 -1
package/components/Textarea/Textarea.styles.js +4 -4
package/components/Textarea/Textarea.styles.js.map +1 -1
package/components/TokenInput/TokenInput.d.ts +17 -16
package/components/TokenInput/TokenInput.js +202 -59
package/components/TokenInput/TokenInput.js.map +1 -1
package/components/TokenInput/TokenInputFailedMenu.d.ts +17 -0
package/components/TokenInput/TokenInputFailedMenu.js +30 -0
package/components/TokenInput/TokenInputFailedMenu.js.map +1 -0
package/components/TokenInput/TokenInputMenu.d.ts +13 -2
package/components/TokenInput/TokenInputMenu.js +150 -22
package/components/TokenInput/TokenInputMenu.js.map +1 -1
package/components/TokenInput/TokenInputMobileMenu.js +3 -2
package/components/TokenInput/TokenInputMobileMenu.js.map +1 -1
package/components/TokenInput/TokenInputReducer.d.ts +6 -1
package/components/TokenInput/TokenInputReducer.js +14 -3
package/components/TokenInput/TokenInputReducer.js.map +1 -1
package/components/TokenInput/locale/locales/en.js +1 -0
package/components/TokenInput/locale/locales/en.js.map +1 -1
package/components/TokenInput/locale/locales/ru.js +1 -0
package/components/TokenInput/locale/locales/ru.js.map +1 -1
package/components/TokenInput/locale/types.d.ts +1 -0
package/components/TokenInput/locale/types.js.map +1 -1
package/components/TooltipMenu/TooltipMenu.d.ts +3 -0
package/components/TooltipMenu/TooltipMenu.js +1 -1
package/components/TooltipMenu/TooltipMenu.js.map +1 -1
package/internal/CustomComboBox/ComboBoxView.d.ts +1 -0
package/internal/CustomComboBox/ComboBoxView.js +8 -4
package/internal/CustomComboBox/ComboBoxView.js.map +1 -1
package/internal/CustomComboBox/CustomComboBox.d.ts +1 -0
package/internal/CustomComboBox/CustomComboBox.js +1 -0
package/internal/CustomComboBox/CustomComboBox.js.map +1 -1
package/internal/Popup/Popup.js.map +1 -1
package/internal/PopupMenu/PopupMenu.d.ts +4 -0
package/internal/PopupMenu/PopupMenu.js +7 -4
package/internal/PopupMenu/PopupMenu.js.map +1 -1
package/internal/themes/BasicTheme.d.ts +36 -0
package/internal/themes/BasicTheme.js +42 -0
package/internal/themes/BasicTheme.js.map +1 -1
package/internal/themes/DarkTheme6_0.js +1 -0
package/internal/themes/DarkTheme6_0.js.map +1 -1
package/internal/themes/DarkTheme6_4.d.ts +1 -0
package/internal/themes/DarkTheme6_4.js +44 -0
package/internal/themes/DarkTheme6_4.js.map +1 -0
package/internal/themes/DarkTheme6_5.d.ts +1 -0
package/internal/themes/DarkTheme6_5.js +63 -0
package/internal/themes/DarkTheme6_5.js.map +1 -0
package/internal/themes/LightTheme6_4.d.ts +1 -0
package/internal/themes/LightTheme6_4.js +44 -0
package/internal/themes/LightTheme6_4.js.map +1 -0
package/internal/themes/LightTheme6_5.d.ts +1 -0
package/internal/themes/LightTheme6_5.js +63 -0
package/internal/themes/LightTheme6_5.js.map +1 -0
package/lib/theming/ThemeVersions.d.ts +1 -1
package/lib/theming/ThemeVersions.js.map +1 -1
package/lib/theming/getMenuProgressiveRadius.d.ts +8 -0
package/lib/theming/getMenuProgressiveRadius.js +23 -0
package/lib/theming/getMenuProgressiveRadius.js.map +1 -0
package/lib/theming/themes/DarkTheme.d.ts +2 -0
package/lib/theming/themes/DarkTheme.js +5 -1
package/lib/theming/themes/DarkTheme.js.map +1 -1
package/lib/theming/themes/LightTheme.d.ts +2 -0
package/lib/theming/themes/LightTheme.js +5 -1
package/lib/theming/themes/LightTheme.js.map +1 -1
package/package.json +3 -2

package/components/FileUploader/FileUploader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileUploader.js","sourceRoot":"","sources":["FileUploader.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useContext, useEffect, useImperativeHandle, useRef, useState } from 'react';\n\nimport { useDrop } from '../../hooks/useDrop.js';\nimport { useMemoObject } from '../../hooks/useMemoObject.js';\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper/index.js';\nimport type { PopupPositionsType, ShortPopupPositionsType } from '../../internal/Popup/index.js';\nimport { useKeyListener } from '../../lib/events/keyListener.js';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName.js';\nimport { isBrowser } from '../../lib/globalObject.js';\nimport { useEmotion, useGlobal, useStyles } from '../../lib/renderEnvironment/index.js';\nimport type { InstanceWithRootNode } from '../../lib/rootNode/index.js';\nimport { useSizeControl } from '../../lib/size/useSizeControl.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { getJsRowStyles, getJsStyles, getJsTileStyles, globalClasses } from './FileUploader.styles.js';\nimport { FileUploaderControlContext } from './FileUploaderControlContext.js';\nimport type { FileUploaderControlProviderProps } from './FileUploaderControlProvider.js';\nimport { FileUploaderFile } from './FileUploaderFile.js';\nimport type { FileUploaderFileProps } from './FileUploaderFile.js';\nimport { FileUploaderFileList } from './FileUploaderFileList/FileUploaderFileList.js';\nimport { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult.js';\nimport type {\n FileUploaderAttachedFile,\n FileUploaderUploadButtonPosition,\n FileUploaderValidationSummary,\n FileUploaderView,\n} from './fileUtils.js';\nimport { FileUploaderFileStatus, getAttachedFile } from './fileUtils.js';\nimport { useControlLocale } from './hooks/useControlLocale.js';\nimport { useFileUploaderSize } from './hooks/useFileUploaderSize.js';\nimport { useUpload } from './hooks/useUpload.js';\nimport { UploadIcon } from './icons/UploadIcon.js';\nimport { withFileUploaderControlProvider } from './withFileUploaderControlProvider.js';\n\nconst stopPropagation: React.ReactEventHandler = (e) => e.stopPropagation();\n\ntype FileUploaderOverriddenProps = 'size';\n\ninterface _FileUploaderProps\n extends CommonProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, FileUploaderOverriddenProps> {\n /** Переводит контрол в состояние ошибки. /\n /* Состояние ошибки всего контрола /\n error?: boolean;\n\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 /\n uploaderIcon?: React.ReactNode;\n\n /* Режим отображения списка файлов: строка (`row`) или плитка (`tile`).\n * @default row\n /\n view?: FileUploaderView;\n\n /* Режим блока-саммари по ошибкам и предупреждениям:\n * - `auto` — от порога `validationSummaryStart`,\n * - `enabled` / `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 * Отклонённый промис помечает файл(ы) ошибкой загрузки.\n /\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`: строка или `{ message, status }` — ошибка/предупреждение. Пустой результат — файл проходит.\n /\n validateBeforeUpload?: (\n file: FileUploaderAttachedFile,\n ) => Promise<Nullable<string \| { message: string; status: FileUploaderFileStatus }>>;\n\n /\n Задаёт метод отрисовки файлов.\n * @default (props: FileUploaderFileProps) => <FileUploaderFile {...props} />\n /\n renderFile?: (props: FileUploaderFileProps) => React.ReactNode;\n}\n\nexport interface FileUploaderRef extends InstanceWithRootNode {\n /* Устанавливает фокус на скрытом `input` выбора файла. /\n focus: () => void;\n /* Снимает фокус с `input` выбора файла. /\n blur: () => void;\n /* Очищает список файлов и значения `input`. /\n reset: () => void;\n /* Удаляет файл по id с вызовом `onRemove` и `onValueChange`. /\n removeFile: (fileId: string) => void;\n}\n\nexport type FileUploader = FileUploaderRef;\n\nexport const FileUploaderDataTids = {\n root: 'FileUploader__root',\n content: 'FileUploader__content',\n link: 'FileUploader__link',\n input: 'FileUploader__input',\n} as const;\n\nconst defaultRenderFile = (props: FileUploaderFileProps) => <FileUploaderFile {...props} />;\n\nconst _FileUploader = forwardRefAndName<FileUploaderRef, _FileUploaderProps>('FileUploader', (props, ref) => {\n const theme = useContext(ThemeContext);\n const globalObject = useGlobal();\n const { cx } = useEmotion();\n const jsStyles = useStyles(getJsStyles);\n const jsRowStyles = useStyles(getJsRowStyles);\n const jsTileStyles = useStyles(getJsTileStyles);\n const keyListener = useKeyListener();\n\n const {\n disabled,\n error,\n warning,\n withValidationTooltip = false,\n validationTooltipPosition,\n withWarningIcon = false,\n multiple = false,\n uploaderText,\n uploaderIcon,\n view = 'row',\n uploadButtonPosition = 'start',\n validationSummary = 'auto',\n validationSummaryStart = 5,\n width = theme.fileUploaderWidth,\n hideFiles = false,\n onBlur,\n onFocus,\n onChange,\n request,\n validateBeforeUpload,\n onRequestSuccess,\n onRequestError,\n size: sizeProp,\n renderFile = defaultRenderFile,\n ...inputProps\n } = props;\n const size = useSizeControl(sizeProp);\n\n const { files, setFiles, removeFile, reset, setFileValidationResult } = useContext(FileUploaderControlContext);\n\n const locale = useControlLocale();\n\n const inputRef = useRef<HTMLInputElement>(null);\n const fileDivRef = useRef<HTMLDivElement>(null);\n\n const isAsync = !!request;\n const isSingleMode = !multiple;\n\n const [hovered, setHovered] = useState(false);\n const upload = useUpload(request, onRequestSuccess, onRequestError);\n\n const tryValidateAndUpload = useCallback(\n (files: FileUploaderAttachedFile[]) => {\n files.forEach(async (file) => {\n const validationMessage = validateBeforeUpload && (await validateBeforeUpload(file));\n\n if (!validationMessage) {\n isAsync && upload(file);\n } else if (typeof validationMessage === 'object') {\n setFileValidationResult(\n file.id,\n FileUploaderFileValidationResult.error(validationMessage.message),\n validationMessage.status,\n );\n } else {\n setFileValidationResult(\n file.id,\n FileUploaderFileValidationResult.error(validationMessage),\n FileUploaderFileStatus.Error,\n );\n }\n });\n },\n [validateBeforeUpload, isAsync, upload, setFileValidationResult],\n );\n\n const isTileView = view === 'tile';\n const jsViewStyles = isTileView ? jsTileStyles : jsRowStyles;\n\n const sizeClassName = useFileUploaderSize(size, {\n small: jsViewStyles.sizeSmall(theme),\n medium: jsViewStyles.sizeMedium(theme),\n large: jsViewStyles.sizeLarge(theme),\n });\n\n const uploadButtonTileWithFileClassName = useFileUploaderSize(size, {\n small: jsTileStyles.uploadButtonTileWithFileSmall(theme),\n medium: jsTileStyles.uploadButtonTileWithFileMedium(theme),\n large: jsTileStyles.uploadButtonTileWithFileLarge(theme),\n });\n\n const uploadButtonIconGapClass = useFileUploaderSize(size, {\n small: jsViewStyles.uploadButtonIconGapSmall(theme),\n medium: jsViewStyles.uploadButtonIconGapMedium(theme),\n large: jsViewStyles.uploadButtonIconGapLarge(theme),\n });\n\n const sizeIconClass = useFileUploaderSize(size, {\n small: jsStyles.iconSmall(theme),\n medium: jsStyles.iconMedium(theme),\n large: jsStyles.iconLarge(theme),\n });\n\n const sizeWrapperClass = useFileUploaderSize(size, {\n small: jsTileStyles.uploadButtonWrapperSmall(theme),\n medium: jsTileStyles.uploadButtonWrapperMedium(theme),\n large: jsTileStyles.uploadButtonWrapperLarge(theme),\n });\n\n const sizeWrapperEmptyFileClass = useFileUploaderSize(size, {\n small: jsTileStyles.uploadButtonWrapperEmptyFileSmall(theme),\n medium: jsTileStyles.uploadButtonWrapperEmptyFileMedium(theme),\n large: jsTileStyles.uploadButtonWrapperEmptyFileLarge(theme),\n });\n\n const contentInnerClass = useFileUploaderSize(size, {\n small: jsStyles.contentInnerSmall(theme),\n medium: jsStyles.contentInnerMedium(theme),\n large: jsStyles.contentInnerLarge(theme),\n });\n\n /* common part */\n const handleChange = useCallback(\n (newFiles: FileList \| null) => {\n if (!newFiles \|\| !newFiles.length) {\n return;\n }\n\n let filesArray = Array.from(newFiles);\n\n if (isSingleMode) {\n filesArray = [filesArray[0]];\n }\n\n const attachedFiles = filesArray.map(getAttachedFile);\n\n if (isSingleMode && attachedFiles.length && files.length) {\n removeFile(files[0].id);\n }\n\n if (attachedFiles.length) {\n setFiles(attachedFiles);\n tryValidateAndUpload(attachedFiles);\n }\n },\n [tryValidateAndUpload, setFiles, isSingleMode, files, removeFile],\n );\n\n const handleDrop = useCallback(\n (event: DragEvent) => {\n if (disabled) {\n return;\n }\n\n const { dataTransfer } = event;\n if (dataTransfer) {\n if (isSingleMode && dataTransfer.files.length > 1) {\n dataTransfer.dropEffect = 'none';\n return;\n }\n if (dataTransfer.files?.length > 0) {\n inputRef.current && (inputRef.current.files = dataTransfer.files);\n handleChange(dataTransfer.files);\n }\n }\n },\n [handleChange, disabled],\n );\n\n const { isDraggable, ref: labelRef } = useDrop<HTMLLabelElement>({ onDrop: handleDrop });\n const { isDraggable: isWindowDraggable, ref: windowRef } = useDrop<Document>();\n\n if (isBrowser(globalObject)) {\n windowRef.current = globalObject.document;\n }\n\n const focus = useCallback(() => {\n keyListener.isTabPressed = true;\n inputRef.current?.focus();\n }, []);\n\n const blur = useCallback(() => {\n inputRef.current?.blur();\n }, []);\n\n const removeFileFromNativeInput = useCallback(\n (fileId: string) => {\n const dataTransfer = new DataTransfer();\n files\n .filter((f) => f.id !== fileId)\n .forEach((file) => {\n dataTransfer.items.add(file.originalFile);\n });\n inputRef.current && (inputRef.current.files = dataTransfer.files);\n },\n [files],\n );\n\n const handleRemoveFile = useCallback(\n (fileId: string) => {\n removeFile(fileId);\n removeFileFromNativeInput(fileId);\n },\n [removeFileFromNativeInput, removeFile],\n );\n\n const handleReset = useCallback(() => {\n reset();\n const dataTransfer = new DataTransfer();\n inputRef.current && (inputRef.current.files = dataTransfer.files);\n }, [reset, handleRemoveFile]);\n\n useImperativeHandle(\n ref,\n () => ({\n focus,\n blur,\n reset: handleReset,\n removeFile: handleRemoveFile,\n getRootNode: () => rootNodeRef.current,\n }),\n [ref, blur, focus, handleReset, handleRemoveFile],\n );\n\n const [focusedByTab, setFocusedByTab] = useState(false);\n const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n onChange?.(event);\n handleChange(event.target.files);\n setHovered(false);\n };\n\n const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n if (!disabled) {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n globalObject.requestAnimationFrame?.(() => {\n if (keyListener.isTabPressed) {\n setFocusedByTab(true);\n }\n });\n onFocus?.(e);\n }\n };\n\n const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n setFocusedByTab(false);\n if (!disabled) {\n onBlur?.(e);\n }\n };\n\n const hasFiles = files.length > 0;\n const hasOneFile = files.length === 1;\n const hasOneFileForSingle = isSingleMode && hasOneFile && !hideFiles;\n\n const hasError = !!error \|\| files[0]?.status === FileUploaderFileStatus.Error;\n const hasWarning = !!warning \|\| files[0]?.status === FileUploaderFileStatus.Warning;\n\n const uploadButtonClassNames = cx(\n jsStyles.uploadButton(theme),\n jsViewStyles.uploadButton(),\n sizeClassName,\n hasOneFileForSingle && jsViewStyles.uploadButtonWithFile(theme),\n focusedByTab && jsStyles.uploadButtonFocus(theme),\n disabled && {\n [jsStyles.disabled(theme)]: true,\n [jsStyles.disabledBackground(theme)]: !hasFiles,\n },\n (focusedByTab \|\| !hasOneFileForSingle) && {\n [jsStyles.warningButton(theme)]: hasWarning,\n [jsStyles.errorButton(theme)]: hasError,\n },\n hasOneFileForSingle && {\n [uploadButtonTileWithFileClassName]: isTileView,\n [jsTileStyles.verticalAlign()]: isTileView,\n [jsStyles.warningFile(theme)]: (!isTileView \|\| hovered) && hasWarning,\n [jsStyles.errorFile(theme)]: (!isTileView \|\| hovered) && hasError,\n },\n !disabled &&\n hovered && {\n [jsStyles.hovered(theme)]: true,\n },\n isDraggable && !disabled && jsStyles.dragOver(theme),\n );\n\n const canDrop = isWindowDraggable && !disabled;\n const uploadButtonWrapperClassNames = cx(\n isTileView && {\n [sizeWrapperClass]: true,\n [sizeWrapperEmptyFileClass]: !hasOneFileForSingle,\n },\n jsViewStyles.uploadButtonWrapper(),\n canDrop && jsStyles.windowDragOver(theme),\n );\n\n const uploadButtonIconClassNames = cx(\n jsStyles.icon(theme),\n sizeIconClass,\n disabled && jsStyles.iconDisabled(theme),\n uploadButtonIconGapClass,\n );\n\n const rootClassNames = cx(jsStyles.root(theme), !isTileView && jsRowStyles.root());\n\n const contentClassNames = cx(jsViewStyles.content(), {\n [jsViewStyles.contentWithFiles()]: hasOneFileForSingle,\n [contentInnerClass]: !isTileView && (!files.length \|\| !isSingleMode),\n });\n\n const afterLinkTextClassNames = cx(\n globalClasses.afterLinkText,\n hasOneFileForSingle ? jsStyles.afterLinkText_HasFiles() : jsStyles.afterLinkText(),\n );\n\n const linkClassNames = cx(\n jsStyles.link(theme),\n !disabled && hovered && jsStyles.linkHovered(theme),\n disabled && jsStyles.linkDisabled(theme),\n );\n\n useEffect(() => {\n if (!files \|\| !files.length \|\| !inputRef.current) {\n return;\n }\n\n const dataTransfer = new DataTransfer();\n files.forEach((file) => dataTransfer.items.add(file.originalFile));\n inputRef.current.files = dataTransfer.files;\n }, []);\n\n const rootNodeRef = useRef(null);\n\n const icon = uploaderIcon ?? <UploadIcon size={size} view={view} />;\n const chooseFileText = uploaderText ?? locale.chooseFile;\n const chooseFileLocale = `${chooseFileText}${String.fromCharCode(0xa0)}`; /   /\n const hideUploaderText = isTileView && uploaderText === '';\n const renderChooseFileText = () =>\n !hideUploaderText && (\n <span data-tid={FileUploaderDataTids.link} className={linkClassNames}>\n {!hasOneFileForSingle && chooseFileLocale}\n </span>\n );\n\n const renderFileList = () => {\n return (\n !hideFiles &&\n !isSingleMode &&\n !!files.length && (\n <FileUploaderFileList\n renderFile={renderFile}\n size={size}\n view={view}\n onRemove={handleRemoveFile}\n validationTooltipPosition={validationTooltipPosition}\n withValidationTooltip={withValidationTooltip}\n validationSummary={validationSummary}\n validationSummaryStart={validationSummaryStart}\n withWarningIcon={withWarningIcon}\n disabled={disabled}\n />\n )\n );\n };\n\n const fileProps: FileUploaderFileProps = {\n file: files[0],\n size,\n view,\n onRemove: handleRemoveFile,\n error,\n warning,\n withValidationTooltip,\n validationTooltipPosition,\n withWarningIcon,\n hovered,\n disabled,\n };\n\n const fileElement = renderFile(fileProps);\n\n return (\n <CommonWrapper {...props}>\n <div\n data-tid={FileUploaderDataTids.root}\n className={rootClassNames}\n style={useMemoObject({ width: isTileView && !multiple ? theme.fileUploaderTileWidth : width })}\n ref={rootNodeRef}\n >\n {uploadButtonPosition === 'end' && renderFileList()}\n <div className={uploadButtonWrapperClassNames}>\n <label\n onMouseEnter={() => setHovered(true)}\n onMouseLeave={() => setHovered(false)}\n ref={labelRef}\n className={uploadButtonClassNames}\n >\n {!hasOneFileForSingle && <div className={uploadButtonIconClassNames}>{icon}</div>}\n <div data-tid={FileUploaderDataTids.content} className={contentClassNames}>\n {renderChooseFileText()}\n <div className={afterLinkTextClassNames}>\n {hasOneFileForSingle && (\n <div ref={fileDivRef} className={jsStyles.singleFile()}>\n {fileElement}\n </div>\n )}\n </div>\n </div>\n <FocusControlWrapper onBlurWhenDisabled={() => setFocusedByTab(false)}>\n <input\n {...inputProps}\n data-tid={FileUploaderDataTids.input}\n ref={inputRef}\n tabIndex={disabled ? -1 : 0}\n type=\"file\"\n disabled={disabled}\n multiple={multiple}\n className={jsStyles.visuallyHidden()}\n onClick={stopPropagation}\n onChange={handleInputChange}\n onFocus={handleFocus}\n onBlur={handleBlur}\n />\n </FocusControlWrapper>\n </label>\n </div>\n {uploadButtonPosition === 'start' && renderFileList()}\n </div>\n </CommonWrapper>\n );\n});\n\nexport interface FileUploaderProps extends _FileUploaderProps, FileUploaderControlProviderProps {}\n\n/\n Контрол для выбора пользователем файла на компьютере и отображения статуса его отправки на сервер.\n */\nexport const FileUploader = withFileUploaderControlProvider<FileUploaderProps, FileUploaderRef>(\n React.memo(_FileUploader),\n);\n\nFileUploader.displayName = 'FileUploader';\n"]}
1	+ {"version":3,"file":"FileUploader.js","sourceRoot":"","sources":["FileUploader.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useContext, useEffect, useImperativeHandle, useRef, useState } from 'react';\n\nimport { useDrop } from '../../hooks/useDrop.js';\nimport { useMemoObject } from '../../hooks/useMemoObject.js';\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper/index.js';\nimport type { PopupPositionsType, ShortPopupPositionsType } from '../../internal/Popup/index.js';\nimport { useKeyListener } from '../../lib/events/keyListener.js';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName.js';\nimport { isBrowser } from '../../lib/globalObject.js';\nimport { useEmotion, useGlobal, useStyles } from '../../lib/renderEnvironment/index.js';\nimport type { InstanceWithRootNode } from '../../lib/rootNode/index.js';\nimport { useSizeControl } from '../../lib/size/useSizeControl.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { getJsRowStyles, getJsStyles, getJsTileStyles, globalClasses } from './FileUploader.styles.js';\nimport { FileUploaderControlContext } from './FileUploaderControlContext.js';\nimport type { FileUploaderControlProviderProps } from './FileUploaderControlProvider.js';\nimport { FileUploaderFile } from './FileUploaderFile.js';\nimport type { FileUploaderFileProps } from './FileUploaderFile.js';\nimport { FileUploaderFileList } from './FileUploaderFileList/FileUploaderFileList.js';\nimport { FileUploaderFileValidationResult } from './FileUploaderFileValidationResult.js';\nimport type {\n FileUploaderAttachedFile,\n FileUploaderUploadButtonPosition,\n FileUploaderValidationSummary,\n FileUploaderView,\n} from './fileUtils.js';\nimport { FileUploaderFileStatus, getAttachedFile } from './fileUtils.js';\nimport { useControlLocale } from './hooks/useControlLocale.js';\nimport { useFileUploaderSize } from './hooks/useFileUploaderSize.js';\nimport { useUpload } from './hooks/useUpload.js';\nimport { UploadIcon } from './icons/UploadIcon.js';\nimport { withFileUploaderControlProvider } from './withFileUploaderControlProvider.js';\n\nconst stopPropagation: React.ReactEventHandler = (e) => e.stopPropagation();\n\ntype FileUploaderOverriddenProps = 'size';\n\ninterface _FileUploaderProps\n extends CommonProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, FileUploaderOverriddenProps> {\n /** Переводит контрол в состояние ошибки. /\n /* Состояние ошибки всего контрола /\n error?: boolean;\n\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 /\n uploaderIcon?: React.ReactNode;\n\n /* Режим отображения списка файлов: строка (`row`) или плитка (`tile`).\n * @default row\n /\n view?: FileUploaderView;\n\n /* Режим блока-саммари по ошибкам и предупреждениям:\n * - `auto` — от порога `validationSummaryStart`,\n * - `enabled` / `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 * Отклонённый промис помечает файл(ы) ошибкой загрузки.\n /\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`: строка или `{ message, status }` — ошибка/предупреждение. Пустой результат — файл проходит.\n /\n validateBeforeUpload?: (\n file: FileUploaderAttachedFile,\n ) => Promise<Nullable<string \| { message: string; status: FileUploaderFileStatus }>>;\n\n /\n Задаёт метод отрисовки файлов.\n * @default (props: FileUploaderFileProps) => <FileUploaderFile {...props} />\n /\n renderFile?: (props: FileUploaderFileProps) => React.ReactNode;\n}\n\nexport interface FileUploaderRef extends InstanceWithRootNode {\n /* Устанавливает фокус на скрытом `input` выбора файла. /\n focus: () => void;\n /* Снимает фокус с `input` выбора файла. /\n blur: () => void;\n /* Очищает список файлов и значения `input`. /\n reset: () => void;\n /* Удаляет файл по id с вызовом `onRemove` и `onValueChange`. /\n removeFile: (fileId: string) => void;\n}\n\nexport type FileUploader = FileUploaderRef;\n\nexport const FileUploaderDataTids = {\n root: 'FileUploader__root',\n content: 'FileUploader__content',\n link: 'FileUploader__link',\n input: 'FileUploader__input',\n} as const;\n\nconst defaultRenderFile = (props: FileUploaderFileProps) => <FileUploaderFile {...props} />;\n\nconst _FileUploader = forwardRefAndName<FileUploaderRef, _FileUploaderProps>('FileUploader', (props, ref) => {\n const theme = useContext(ThemeContext);\n const globalObject = useGlobal();\n const { cx } = useEmotion();\n const jsStyles = useStyles(getJsStyles);\n const jsRowStyles = useStyles(getJsRowStyles);\n const jsTileStyles = useStyles(getJsTileStyles);\n const keyListener = useKeyListener();\n\n const {\n disabled,\n error,\n warning,\n withValidationTooltip = false,\n validationTooltipPosition,\n withWarningIcon = false,\n multiple = false,\n uploaderText,\n uploaderIcon,\n view = 'row',\n uploadButtonPosition = 'start',\n validationSummary = 'auto',\n validationSummaryStart = 5,\n width = theme.fileUploaderWidth,\n hideFiles = false,\n onBlur,\n onFocus,\n onChange,\n request,\n validateBeforeUpload,\n onRequestSuccess,\n onRequestError,\n size: sizeProp,\n renderFile = defaultRenderFile,\n ...inputProps\n } = props;\n const size = useSizeControl(sizeProp);\n\n const { files, setFiles, removeFile, reset, setFileValidationResult } = useContext(FileUploaderControlContext);\n\n const locale = useControlLocale();\n\n const inputRef = useRef<HTMLInputElement>(null);\n const fileDivRef = useRef<HTMLDivElement>(null);\n\n const isAsync = !!request;\n const isSingleMode = !multiple;\n\n const [hovered, setHovered] = useState(false);\n const upload = useUpload(request, onRequestSuccess, onRequestError);\n\n const tryValidateAndUpload = useCallback(\n (files: FileUploaderAttachedFile[]) => {\n files.forEach(async (file) => {\n const validationMessage = validateBeforeUpload && (await validateBeforeUpload(file));\n\n if (!validationMessage) {\n isAsync && upload(file);\n } else if (typeof validationMessage === 'object') {\n setFileValidationResult(\n file.id,\n FileUploaderFileValidationResult.error(validationMessage.message),\n validationMessage.status,\n );\n } else {\n setFileValidationResult(\n file.id,\n FileUploaderFileValidationResult.error(validationMessage),\n FileUploaderFileStatus.Error,\n );\n }\n });\n },\n [validateBeforeUpload, isAsync, upload, setFileValidationResult],\n );\n\n const isTileView = view === 'tile';\n const jsViewStyles = isTileView ? jsTileStyles : jsRowStyles;\n\n const sizeClassName = useFileUploaderSize(size, {\n small: jsViewStyles.sizeSmall(theme),\n medium: jsViewStyles.sizeMedium(theme),\n large: jsViewStyles.sizeLarge(theme),\n });\n\n const uploadButtonTileWithFileClassName = useFileUploaderSize(size, {\n small: jsTileStyles.uploadButtonTileWithFileSmall(theme),\n medium: jsTileStyles.uploadButtonTileWithFileMedium(theme),\n large: jsTileStyles.uploadButtonTileWithFileLarge(theme),\n });\n\n const uploadButtonIconGapClass = useFileUploaderSize(size, {\n small: jsViewStyles.uploadButtonIconGapSmall(theme),\n medium: jsViewStyles.uploadButtonIconGapMedium(theme),\n large: jsViewStyles.uploadButtonIconGapLarge(theme),\n });\n\n const sizeIconClass = useFileUploaderSize(size, {\n small: jsStyles.iconSmall(theme),\n medium: jsStyles.iconMedium(theme),\n large: jsStyles.iconLarge(theme),\n });\n\n const sizeWrapperClass = useFileUploaderSize(size, {\n small: jsTileStyles.uploadButtonWrapperSmall(theme),\n medium: jsTileStyles.uploadButtonWrapperMedium(theme),\n large: jsTileStyles.uploadButtonWrapperLarge(theme),\n });\n\n const sizeWrapperEmptyFileClass = useFileUploaderSize(size, {\n small: jsTileStyles.uploadButtonWrapperEmptyFileSmall(theme),\n medium: jsTileStyles.uploadButtonWrapperEmptyFileMedium(theme),\n large: jsTileStyles.uploadButtonWrapperEmptyFileLarge(theme),\n });\n\n const contentInnerClass = useFileUploaderSize(size, {\n small: jsStyles.contentInnerSmall(theme),\n medium: jsStyles.contentInnerMedium(theme),\n large: jsStyles.contentInnerLarge(theme),\n });\n\n /* common part */\n const handleChange = useCallback(\n (newFiles: FileList \| null) => {\n if (!newFiles \|\| !newFiles.length) {\n return;\n }\n\n let filesArray = Array.from(newFiles);\n\n if (isSingleMode) {\n filesArray = [filesArray[0]];\n }\n\n const attachedFiles = filesArray.map(getAttachedFile);\n\n if (isSingleMode && attachedFiles.length && files.length) {\n removeFile(files[0].id);\n }\n\n if (attachedFiles.length) {\n setFiles(attachedFiles);\n tryValidateAndUpload(attachedFiles);\n }\n },\n [tryValidateAndUpload, setFiles, isSingleMode, files, removeFile],\n );\n\n const handleDrop = useCallback(\n (event: DragEvent) => {\n if (disabled) {\n return;\n }\n\n const { dataTransfer } = event;\n if (dataTransfer) {\n if (isSingleMode && dataTransfer.files.length > 1) {\n dataTransfer.dropEffect = 'none';\n return;\n }\n if (dataTransfer.files?.length > 0) {\n inputRef.current && (inputRef.current.files = dataTransfer.files);\n handleChange(dataTransfer.files);\n }\n }\n },\n [handleChange, disabled],\n );\n\n const { isDraggable, ref: labelRef } = useDrop<HTMLLabelElement>({ onDrop: handleDrop });\n const { isDraggable: isWindowDraggable, ref: windowRef } = useDrop<Document>();\n\n if (isBrowser(globalObject)) {\n windowRef.current = globalObject.document;\n }\n\n const focus = useCallback(() => {\n keyListener.isTabPressed = true;\n inputRef.current?.focus();\n }, []);\n\n const blur = useCallback(() => {\n inputRef.current?.blur();\n }, []);\n\n const removeFileFromNativeInput = useCallback(\n (fileId: string) => {\n const dataTransfer = new DataTransfer();\n files\n .filter((f) => f.id !== fileId)\n .forEach((file) => {\n dataTransfer.items.add(file.originalFile);\n });\n inputRef.current && (inputRef.current.files = dataTransfer.files);\n },\n [files],\n );\n\n const handleRemoveFile = useCallback(\n (fileId: string) => {\n removeFile(fileId);\n removeFileFromNativeInput(fileId);\n },\n [removeFileFromNativeInput, removeFile],\n );\n\n const handleReset = useCallback(() => {\n reset();\n const dataTransfer = new DataTransfer();\n inputRef.current && (inputRef.current.files = dataTransfer.files);\n }, [reset, handleRemoveFile]);\n\n useImperativeHandle(\n ref,\n () => ({\n focus,\n blur,\n reset: handleReset,\n removeFile: handleRemoveFile,\n getRootNode: () => rootNodeRef.current,\n }),\n [ref, blur, focus, handleReset, handleRemoveFile],\n );\n\n const [focusedByTab, setFocusedByTab] = useState(false);\n const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n onChange?.(event);\n handleChange(event.target.files);\n setHovered(false);\n };\n\n const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n if (!disabled) {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n globalObject.requestAnimationFrame?.(() => {\n if (keyListener.isTabPressed) {\n setFocusedByTab(true);\n }\n });\n onFocus?.(e);\n }\n };\n\n const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n setFocusedByTab(false);\n if (!disabled) {\n onBlur?.(e);\n }\n };\n\n const hasFiles = files.length > 0;\n const hasOneFile = files.length === 1;\n const hasOneFileForSingle = isSingleMode && hasOneFile && !hideFiles;\n\n const hasError = !!error \|\| files[0]?.status === FileUploaderFileStatus.Error;\n const hasWarning = !!warning \|\| files[0]?.status === FileUploaderFileStatus.Warning;\n\n const borderRadiusClass = useFileUploaderSize(size, {\n small: jsStyles.borderRadiusSmall(theme),\n medium: jsStyles.borderRadiusMedium(theme),\n large: jsStyles.borderRadiusLarge(theme),\n });\n\n const uploadButtonClassNames = cx(\n jsStyles.uploadButton(theme),\n jsViewStyles.uploadButton(),\n sizeClassName,\n borderRadiusClass,\n hasOneFileForSingle && jsViewStyles.uploadButtonWithFile(theme),\n focusedByTab && jsStyles.uploadButtonFocus(theme),\n disabled && {\n [jsStyles.disabled(theme)]: true,\n [jsStyles.disabledBackground(theme)]: !hasFiles,\n },\n (focusedByTab \|\| !hasOneFileForSingle) && {\n [jsStyles.warningButton(theme)]: hasWarning,\n [jsStyles.errorButton(theme)]: hasError,\n },\n hasOneFileForSingle && {\n [uploadButtonTileWithFileClassName]: isTileView,\n [jsTileStyles.verticalAlign()]: isTileView,\n [jsStyles.warningFile(theme)]: (!isTileView \|\| hovered) && hasWarning,\n [jsStyles.errorFile(theme)]: (!isTileView \|\| hovered) && hasError,\n },\n !disabled &&\n hovered && {\n [jsStyles.hovered(theme)]: true,\n },\n isDraggable && !disabled && jsStyles.dragOver(theme),\n );\n\n const canDrop = isWindowDraggable && !disabled;\n const uploadButtonWrapperClassNames = cx(\n isTileView && {\n [sizeWrapperClass]: true,\n [sizeWrapperEmptyFileClass]: !hasOneFileForSingle,\n },\n jsViewStyles.uploadButtonWrapper(),\n borderRadiusClass,\n canDrop && jsStyles.windowDragOver(theme),\n );\n\n const uploadButtonIconClassNames = cx(\n jsStyles.icon(theme),\n sizeIconClass,\n disabled && jsStyles.iconDisabled(theme),\n uploadButtonIconGapClass,\n );\n\n const rootClassNames = cx(jsStyles.root(theme), borderRadiusClass, !isTileView && jsRowStyles.root());\n\n const contentClassNames = cx(jsViewStyles.content(), {\n [jsViewStyles.contentWithFiles()]: hasOneFileForSingle,\n [contentInnerClass]: !isTileView && (!files.length \|\| !isSingleMode),\n });\n\n const afterLinkTextClassNames = cx(\n globalClasses.afterLinkText,\n hasOneFileForSingle ? jsStyles.afterLinkText_HasFiles() : jsStyles.afterLinkText(),\n );\n\n const linkClassNames = cx(\n jsStyles.link(theme),\n !disabled && hovered && jsStyles.linkHovered(theme),\n disabled && jsStyles.linkDisabled(theme),\n );\n\n useEffect(() => {\n if (!files \|\| !files.length \|\| !inputRef.current) {\n return;\n }\n\n const dataTransfer = new DataTransfer();\n files.forEach((file) => dataTransfer.items.add(file.originalFile));\n inputRef.current.files = dataTransfer.files;\n }, []);\n\n const rootNodeRef = useRef(null);\n\n const icon = uploaderIcon ?? <UploadIcon size={size} view={view} />;\n const chooseFileText = uploaderText ?? locale.chooseFile;\n const chooseFileLocale = `${chooseFileText}${String.fromCharCode(0xa0)}`; /   /\n const hideUploaderText = isTileView && uploaderText === '';\n const renderChooseFileText = () =>\n !hideUploaderText && (\n <span data-tid={FileUploaderDataTids.link} className={linkClassNames}>\n {!hasOneFileForSingle && chooseFileLocale}\n </span>\n );\n\n const renderFileList = () => {\n return (\n !hideFiles &&\n !isSingleMode &&\n !!files.length && (\n <FileUploaderFileList\n renderFile={renderFile}\n size={size}\n view={view}\n onRemove={handleRemoveFile}\n validationTooltipPosition={validationTooltipPosition}\n withValidationTooltip={withValidationTooltip}\n validationSummary={validationSummary}\n validationSummaryStart={validationSummaryStart}\n withWarningIcon={withWarningIcon}\n disabled={disabled}\n />\n )\n );\n };\n\n const fileProps: FileUploaderFileProps = {\n file: files[0],\n size,\n view,\n onRemove: handleRemoveFile,\n error,\n warning,\n withValidationTooltip,\n validationTooltipPosition,\n withWarningIcon,\n hovered,\n disabled,\n };\n\n const fileElement = renderFile(fileProps);\n\n return (\n <CommonWrapper {...props}>\n <div\n data-tid={FileUploaderDataTids.root}\n className={rootClassNames}\n style={useMemoObject({ width: isTileView && !multiple ? theme.fileUploaderTileWidth : width })}\n ref={rootNodeRef}\n >\n {uploadButtonPosition === 'end' && renderFileList()}\n <div className={uploadButtonWrapperClassNames}>\n <label\n onMouseEnter={() => setHovered(true)}\n onMouseLeave={() => setHovered(false)}\n ref={labelRef}\n className={uploadButtonClassNames}\n >\n {!hasOneFileForSingle && <div className={uploadButtonIconClassNames}>{icon}</div>}\n <div data-tid={FileUploaderDataTids.content} className={contentClassNames}>\n {renderChooseFileText()}\n <div className={afterLinkTextClassNames}>\n {hasOneFileForSingle && (\n <div ref={fileDivRef} className={jsStyles.singleFile()}>\n {fileElement}\n </div>\n )}\n </div>\n </div>\n <FocusControlWrapper onBlurWhenDisabled={() => setFocusedByTab(false)}>\n <input\n {...inputProps}\n data-tid={FileUploaderDataTids.input}\n ref={inputRef}\n tabIndex={disabled ? -1 : 0}\n type=\"file\"\n disabled={disabled}\n multiple={multiple}\n className={jsStyles.visuallyHidden()}\n onClick={stopPropagation}\n onChange={handleInputChange}\n onFocus={handleFocus}\n onBlur={handleBlur}\n />\n </FocusControlWrapper>\n </label>\n </div>\n {uploadButtonPosition === 'start' && renderFileList()}\n </div>\n </CommonWrapper>\n );\n});\n\nexport interface FileUploaderProps extends _FileUploaderProps, FileUploaderControlProviderProps {}\n\n/\n Контрол для выбора пользователем файла на компьютере и отображения статуса его отправки на сервер.\n */\nexport const FileUploader = withFileUploaderControlProvider<FileUploaderProps, FileUploaderRef>(\n React.memo(_FileUploader),\n);\n\nFileUploader.displayName = 'FileUploader';\n"]}

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

@@ -4,6 +4,9 @@ export declare const globalClasses: {
 };
 export declare const getJsStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
     root(t: Theme): string;
+    borderRadiusSmall(t: Theme): string;
+    borderRadiusMedium(t: Theme): string;
+    borderRadiusLarge(t: Theme): string;
     uploadButton(t: Theme): string;
     uploadButtonFocus(t: Theme): string;
     uploadButtonWithFile(t: Theme): string;

package/components/FileUploader/FileUploader.styles.js CHANGED Viewed

@@ -16,95 +16,104 @@ export var getJsStyles = memoizeGetStyles(function (_a) {
         root: function (t) {
             return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        display: inline-flex;\n        flex-wrap: wrap;\n        position: relative;\n        border-radius: ", ";\n        line-height: ", ";\n        font-size: ", ";\n        color: ", ";\n        background-color: ", ";\n      "], ["\n        display: inline-flex;\n        flex-wrap: wrap;\n        position: relative;\n        border-radius: ", ";\n        line-height: ", ";\n        font-size: ", ";\n        color: ", ";\n        background-color: ", ";\n      "])), t.fileUploaderBorderRadius, t.fileUploaderLineHeightSmall, t.fileUploaderFontSizeSmall, t.fileUploaderTextColorDefault, t.fileUploaderBg);
         },
+        borderRadiusSmall: function (t) {
+            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        border-radius: ", ";\n      "], ["\n        border-radius: ", ";\n      "])), t.fileUploaderBorderRadiusSmall);
+        },
+        borderRadiusMedium: function (t) {
+            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        border-radius: ", ";\n      "], ["\n        border-radius: ", ";\n      "])), t.fileUploaderBorderRadiusMedium);
+        },
+        borderRadiusLarge: function (t) {
+            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        border-radius: ", ";\n      "], ["\n        border-radius: ", ";\n      "])), t.fileUploaderBorderRadiusLarge);
+        },
         uploadButton: function (t) {
-            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        width: 100%;\n        position: relative;\n        display: inline-flex;\n        align-items: center;\n        border: ", " ", " ", ";\n        box-sizing: border-box;\n        border-radius: ", ";\n        outline: none;\n        cursor: pointer;\n        transition:\n          background-color ", " ", ",\n          border-color ", " ", ";\n        background-color: ", ";\n      "], ["\n        width: 100%;\n        position: relative;\n        display: inline-flex;\n        align-items: center;\n        border: ", " ", " ", ";\n        box-sizing: border-box;\n        border-radius: ", ";\n        outline: none;\n        cursor: pointer;\n        transition:\n          background-color ", " ", ",\n          border-color ", " ", ";\n        background-color: ", ";\n      "])), t.fileUploaderBorderWidth, t.fileUploaderBorderStyle, t.fileUploaderBorderColor, t.fileUploaderBorderRadius, t.transitionDuration, t.transitionTimingFunction, t.transitionDuration, t.transitionTimingFunction, t.fileUploaderUploadButtonBg);
+            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n        width: 100%;\n        position: relative;\n        display: inline-flex;\n        align-items: center;\n        border: ", " ", " ", ";\n        box-sizing: border-box;\n        border-radius: ", ";\n        outline: none;\n        cursor: pointer;\n        transition:\n          background-color ", " ", ",\n          border-color ", " ", ";\n        background-color: ", ";\n      "], ["\n        width: 100%;\n        position: relative;\n        display: inline-flex;\n        align-items: center;\n        border: ", " ", " ", ";\n        box-sizing: border-box;\n        border-radius: ", ";\n        outline: none;\n        cursor: pointer;\n        transition:\n          background-color ", " ", ",\n          border-color ", " ", ";\n        background-color: ", ";\n      "])), t.fileUploaderBorderWidth, t.fileUploaderBorderStyle, t.fileUploaderBorderColor, t.fileUploaderBorderRadius, t.transitionDuration, t.transitionTimingFunction, t.transitionDuration, t.transitionTimingFunction, t.fileUploaderUploadButtonBg);
         },
         uploadButtonFocus: function (t) {
-            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        border: ", " solid ", ";\n        box-shadow: 0px 0px 0px 1px ", ";\n      "], ["\n        border: ", " solid ", ";\n        box-shadow: 0px 0px 0px 1px ", ";\n      "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorFocus, t.fileUploaderBorderColorFocus);
+            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n        border: ", " solid ", ";\n        box-shadow: 0px 0px 0px 1px ", ";\n      "], ["\n        border: ", " solid ", ";\n        box-shadow: 0px 0px 0px 1px ", ";\n      "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorFocus, t.fileUploaderBorderColorFocus);
         },
         uploadButtonWithFile: function (t) {
-            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        border: ", " solid transparent;\n        background: none;\n      "], ["\n        border: ", " solid transparent;\n        background: none;\n      "])), t.fileUploaderBorderWidth);
+            return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n        border: ", " solid transparent;\n        background: none;\n      "], ["\n        border: ", " solid transparent;\n        background: none;\n      "])), t.fileUploaderBorderWidth);
         },
         uploadButtonIconGapSmall: function (t) {
-            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n        margin-right: ", ";\n      "], ["\n        margin-right: ", ";\n      "])), t.inputIconGapSmall);
+            return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n        margin-right: ", ";\n      "], ["\n        margin-right: ", ";\n      "])), t.inputIconGapSmall);
         },
         uploadButtonIconGapMedium: function (t) {
-            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n        margin-right: ", ";\n      "], ["\n        margin-right: ", ";\n      "])), t.inputIconGapMedium);
+            return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n        margin-right: ", ";\n      "], ["\n        margin-right: ", ";\n      "])), t.inputIconGapMedium);
         },
         uploadButtonIconGapLarge: function (t) {
-            return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n        margin-right: ", ";\n      "], ["\n        margin-right: ", ";\n      "])), t.inputIconGapLarge);
+            return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n        margin-right: ", ";\n      "], ["\n        margin-right: ", ";\n      "])), t.inputIconGapLarge);
         },
         dragOver: function (t) {
-            return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n        border: 1px solid ", ";\n        border-radius: ", ";\n        box-shadow: ", ";\n      "], ["\n        border: 1px solid ", ";\n        border-radius: ", ";\n        box-shadow: ", ";\n      "])), t.fileUploaderDragOverBorderColor, t.fileUploaderBorderRadius, t.fileUploaderDragOverShadow);
+            return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n        border: 1px solid ", ";\n        box-shadow: ", ";\n      "], ["\n        border: 1px solid ", ";\n        box-shadow: ", ";\n      "])), t.fileUploaderDragOverBorderColor, t.fileUploaderDragOverShadow);
         },
         windowDragOver: function (t) {
-            return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n        border-radius: ", ";\n        animation: ", " 1.5s infinite;\n      "], ["\n        border-radius: ", ";\n        animation: ", " 1.5s infinite;\n      "])), t.fileUploaderBorderRadius, calcPulse(t));
+            return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n        animation: ", " 1.5s infinite;\n      "], ["\n        animation: ", " 1.5s infinite;\n      "])), calcPulse(t));
         },
         contentInnerSmall: function (t) {
-            return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n        width: calc(100% - ", " - ", ");\n      "], ["\n        width: calc(100% - ", " - ", ");\n      "])), t.inputIconSizeSmall, t.fileUploaderIconGapSmall);
+            return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n        width: calc(100% - ", " - ", ");\n      "], ["\n        width: calc(100% - ", " - ", ");\n      "])), t.inputIconSizeSmall, t.fileUploaderIconGapSmall);
         },
         contentInnerMedium: function (t) {
-            return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n        width: calc(100% - ", " - ", ");\n      "], ["\n        width: calc(100% - ", " - ", ");\n      "])), t.inputIconSizeMedium, t.fileUploaderIconGapMedium);
+            return css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n        width: calc(100% - ", " - ", ");\n      "], ["\n        width: calc(100% - ", " - ", ");\n      "])), t.inputIconSizeMedium, t.fileUploaderIconGapMedium);
         },
         contentInnerLarge: function (t) {
-            return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n        width: calc(100% - ", " - ", ");\n      "], ["\n        width: calc(100% - ", " - ", ");\n      "])), t.inputIconSizeLarge, t.fileUploaderIconGapLarge);
+            return css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n        width: calc(100% - ", " - ", ");\n      "], ["\n        width: calc(100% - ", " - ", ");\n      "])), t.inputIconSizeLarge, t.fileUploaderIconGapLarge);
         },
         visuallyHidden: function () {
-            return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n        position: absolute;\n        width: 1px;\n        height: 1px;\n        margin: -1px;\n        border: 0;\n        padding: 0;\n        white-space: nowrap;\n        clip-path: inset(100%);\n        clip: rect(0 0 0 0);\n        overflow: hidden;\n      "], ["\n        position: absolute;\n        width: 1px;\n        height: 1px;\n        margin: -1px;\n        border: 0;\n        padding: 0;\n        white-space: nowrap;\n        clip-path: inset(100%);\n        clip: rect(0 0 0 0);\n        overflow: hidden;\n      "])));
+            return css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n        position: absolute;\n        width: 1px;\n        height: 1px;\n        margin: -1px;\n        border: 0;\n        padding: 0;\n        white-space: nowrap;\n        clip-path: inset(100%);\n        clip: rect(0 0 0 0);\n        overflow: hidden;\n      "], ["\n        position: absolute;\n        width: 1px;\n        height: 1px;\n        margin: -1px;\n        border: 0;\n        padding: 0;\n        white-space: nowrap;\n        clip-path: inset(100%);\n        clip: rect(0 0 0 0);\n        overflow: hidden;\n      "])));
         },
         afterLinkText: function () {
-            return css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n        display: inline;\n      "], ["\n        display: inline;\n      "])));
+            return css(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n        display: inline;\n      "], ["\n        display: inline;\n      "])));
         },
         afterLinkText_HasFiles: function () {
-            return css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n        display: flex;\n        justify-content: space-between;\n        flex: 1 1 auto;\n        height: 100%;\n      "], ["\n        display: flex;\n        justify-content: space-between;\n        flex: 1 1 auto;\n        height: 100%;\n      "])));
+            return css(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n        display: flex;\n        justify-content: space-between;\n        flex: 1 1 auto;\n        height: 100%;\n      "], ["\n        display: flex;\n        justify-content: space-between;\n        flex: 1 1 auto;\n        height: 100%;\n      "])));
         },
         warningButton: function (t) {
-            return css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n        border: ", " solid ", ";\n        box-shadow: 0px 0px 0px 1px ", ";\n      "], ["\n        border: ", " solid ", ";\n        box-shadow: 0px 0px 0px 1px ", ";\n      "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorWarning, t.fileUploaderBorderColorWarning);
+            return css(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n        border: ", " solid ", ";\n        box-shadow: 0px 0px 0px 1px ", ";\n      "], ["\n        border: ", " solid ", ";\n        box-shadow: 0px 0px 0px 1px ", ";\n      "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorWarning, t.fileUploaderBorderColorWarning);
         },
         warningFile: function (t) {
-            return css(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n        background: ", ";\n        color: ", ";\n        &:hover {\n          background: ", ";\n        }\n      "], ["\n        background: ", ";\n        color: ", ";\n        &:hover {\n          background: ", ";\n        }\n      "])), t.fileUploaderWarningBgColor, t.fileUploaderValidationTextColor, t.fileUploaderWarningBgHoverColor);
+            return css(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n        background: ", ";\n        color: ", ";\n        &:hover {\n          background: ", ";\n        }\n      "], ["\n        background: ", ";\n        color: ", ";\n        &:hover {\n          background: ", ";\n        }\n      "])), t.fileUploaderWarningBgColor, t.fileUploaderValidationTextColor, t.fileUploaderWarningBgHoverColor);
         },
         errorButton: function (t) {
-            return css(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n        border: ", " solid ", ";\n        box-shadow: 0px 0px 0px 1px ", ";\n      "], ["\n        border: ", " solid ", ";\n        box-shadow: 0px 0px 0px 1px ", ";\n      "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorError, t.fileUploaderBorderColorError);
+            return css(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n        border: ", " solid ", ";\n        box-shadow: 0px 0px 0px 1px ", ";\n      "], ["\n        border: ", " solid ", ";\n        box-shadow: 0px 0px 0px 1px ", ";\n      "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorError, t.fileUploaderBorderColorError);
         },
         errorFile: function (t) {
-            return css(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n        background: ", ";\n        color: ", ";\n        &:hover {\n          background: ", ";\n        }\n      "], ["\n        background: ", ";\n        color: ", ";\n        &:hover {\n          background: ", ";\n        }\n      "])), t.fileUploaderErrorBgColor, t.fileUploaderValidationTextColor, t.fileUploaderErrorBgHoverColor);
+            return css(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n        background: ", ";\n        color: ", ";\n        &:hover {\n          background: ", ";\n        }\n      "], ["\n        background: ", ";\n        color: ", ";\n        &:hover {\n          background: ", ";\n        }\n      "])), t.fileUploaderErrorBgColor, t.fileUploaderValidationTextColor, t.fileUploaderErrorBgHoverColor);
         },
         hovered: function (t) {
-            return css(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n        background: ", ";\n      "], ["\n        background: ", ";\n      "])), t.fileUploaderHoveredBg);
+            return css(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n        background: ", ";\n      "], ["\n        background: ", ";\n      "])), t.fileUploaderHoveredBg);
         },
         linkHovered: function (t) {
-            return css(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n        text-decoration: ", ";\n      "], ["\n        text-decoration: ", ";\n      "])), t.fileUploaderLinkHoverTextDecoration);
+            return css(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n        text-decoration: ", ";\n      "], ["\n        text-decoration: ", ";\n      "])), t.fileUploaderLinkHoverTextDecoration);
         },
         disabled: function (t) {
-            return css(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n        cursor: default;\n        color: ", ";\n        box-shadow: none;\n        background-clip: ", ";\n\n        .", " {\n          color: ", ";\n        }\n      "], ["\n        cursor: default;\n        color: ", ";\n        box-shadow: none;\n        background-clip: ", ";\n\n        .", " {\n          color: ", ";\n        }\n      "])), t.fileUploaderDisabledTextColor, t.fileUploaderDisabledBgClip, globalClasses.afterLinkText, t.fileUploaderDisabledTextColor);
+            return css(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n        cursor: default;\n        color: ", ";\n        box-shadow: none;\n        background-clip: ", ";\n\n        .", " {\n          color: ", ";\n        }\n      "], ["\n        cursor: default;\n        color: ", ";\n        box-shadow: none;\n        background-clip: ", ";\n\n        .", " {\n          color: ", ";\n        }\n      "])), t.fileUploaderDisabledTextColor, t.fileUploaderDisabledBgClip, globalClasses.afterLinkText, t.fileUploaderDisabledTextColor);
         },
         disabledBackground: function (t) {
-            return css(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n        background: ", ";\n        border: ", ";\n      "], ["\n        background: ", ";\n        border: ", ";\n      "])), t.fileUploaderDisabledBg, t.fileUploaderDisabledBorder);
+            return css(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n        background: ", ";\n        border: ", ";\n      "], ["\n        background: ", ";\n        border: ", ";\n      "])), t.fileUploaderDisabledBg, t.fileUploaderDisabledBorder);
         },
         icon: function (t) {
-            return css(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n        display: inline-block;\n        color: ", ";\n      "], ["\n        display: inline-block;\n        color: ", ";\n      "])), t.fileUploaderIconColor);
+            return css(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n        display: inline-block;\n        color: ", ";\n      "], ["\n        display: inline-block;\n        color: ", ";\n      "])), t.fileUploaderIconColor);
         },
         iconDisabled: function (t) {
-            return css(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), t.fileUploaderDisabledIconColor);
+            return css(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), t.fileUploaderDisabledIconColor);
         },
         link: function (t) {
-            return css(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n        outline: none;\n        text-decoration: none;\n        color: ", ";\n      "], ["\n        outline: none;\n        text-decoration: none;\n        color: ", ";\n      "])), t.fileUploaderLinkColor);
+            return css(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n        outline: none;\n        text-decoration: none;\n        color: ", ";\n      "], ["\n        outline: none;\n        text-decoration: none;\n        color: ", ";\n      "])), t.fileUploaderLinkColor);
         },
         linkDisabled: function (t) {
-            return css(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n        color: ", ";\n        &:hover {\n          text-decoration: none;\n        }\n      "], ["\n        color: ", ";\n        &:hover {\n          text-decoration: none;\n        }\n      "])), t.fileUploaderDisabledLinkColor);
+            return css(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n        color: ", ";\n        &:hover {\n          text-decoration: none;\n        }\n      "], ["\n        color: ", ";\n        &:hover {\n          text-decoration: none;\n        }\n      "])), t.fileUploaderDisabledLinkColor);
         },
         singleFile: function () {
-            return css(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n        width: 100%;\n        height: inherit;\n      "], ["\n        width: 100%;\n        height: inherit;\n      "])));
+            return css(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n        width: 100%;\n        height: inherit;\n      "], ["\n        width: 100%;\n        height: inherit;\n      "])));
         },
         iconSmall: function (t) {
-            return css(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n        font-size: ", ";\n        line-height: ", ";\n      "], ["\n        font-size: ", ";\n        line-height: ", ";\n      "])), t.fileUploaderFontSizeSmall, t.fileUploaderLineHeightSmall);
+            return css(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n        font-size: ", ";\n        line-height: ", ";\n      "], ["\n        font-size: ", ";\n        line-height: ", ";\n      "])), t.fileUploaderFontSizeSmall, t.fileUploaderLineHeightSmall);
         },
         iconMedium: function (t) {
-            return css(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n        font-size: ", ";\n        line-height: ", ";\n      "], ["\n        font-size: ", ";\n        line-height: ", ";\n      "])), t.fileUploaderFontSizeMedium, t.fileUploaderLineHeightMedium);
+            return css(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n        font-size: ", ";\n        line-height: ", ";\n      "], ["\n        font-size: ", ";\n        line-height: ", ";\n      "])), t.fileUploaderFontSizeMedium, t.fileUploaderLineHeightMedium);
         },
         iconLarge: function (t) {
-            return css(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n        font-size: ", ";\n        line-height: ", ";\n      "], ["\n        font-size: ", ";\n        line-height: ", ";\n      "])), t.fileUploaderFontSizeLarge, t.fileUploaderLineHeightLarge);
+            return css(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n        font-size: ", ";\n        line-height: ", ";\n      "], ["\n        font-size: ", ";\n        line-height: ", ";\n      "])), t.fileUploaderFontSizeLarge, t.fileUploaderLineHeightLarge);
         },
     };
 });
@@ -112,40 +121,40 @@ export var getJsRowStyles = memoizeGetStyles(function (_a) {
     var css = _a.css;
     return {
         root: function () {
-            return css(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n        width: 100%;\n      "], ["\n        width: 100%;\n      "])));
+            return css(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n        width: 100%;\n      "], ["\n        width: 100%;\n      "])));
         },
         uploadButtonWithFile: function (t) {
-            return css(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n        border: ", " solid transparent;\n        background: none;\n      "], ["\n        border: ", " solid transparent;\n        background: none;\n      "])), t.fileUploaderBorderWidth);
+            return css(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n        border: ", " solid transparent;\n        background: none;\n      "], ["\n        border: ", " solid transparent;\n        background: none;\n      "])), t.fileUploaderBorderWidth);
         },
         uploadButton: function () {
-            return css(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n        justify-content: space-between;\n      "], ["\n        justify-content: space-between;\n      "])));
+            return css(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n        justify-content: space-between;\n      "], ["\n        justify-content: space-between;\n      "])));
         },
         uploadButtonWrapper: function () {
-            return css(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n        height: inherit;\n        width: 100%;\n      "], ["\n        height: inherit;\n        width: 100%;\n      "])));
+            return css(templateObject_39 || (templateObject_39 = __makeTemplateObject(["\n        height: inherit;\n        width: 100%;\n      "], ["\n        height: inherit;\n        width: 100%;\n      "])));
         },
         uploadButtonIconGapSmall: function (t) {
-            return css(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n        margin-right: ", ";\n      "], ["\n        margin-right: ", ";\n      "])), t.inputIconGapSmall);
+            return css(templateObject_40 || (templateObject_40 = __makeTemplateObject(["\n        margin-right: ", ";\n      "], ["\n        margin-right: ", ";\n      "])), t.inputIconGapSmall);
         },
         uploadButtonIconGapMedium: function (t) {
-            return css(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n        margin-right: ", ";\n      "], ["\n        margin-right: ", ";\n      "])), t.inputIconGapMedium);
+            return css(templateObject_41 || (templateObject_41 = __makeTemplateObject(["\n        margin-right: ", ";\n      "], ["\n        margin-right: ", ";\n      "])), t.inputIconGapMedium);
         },
         uploadButtonIconGapLarge: function (t) {
-            return css(templateObject_39 || (templateObject_39 = __makeTemplateObject(["\n        margin-right: ", ";\n      "], ["\n        margin-right: ", ";\n      "])), t.inputIconGapLarge);
+            return css(templateObject_42 || (templateObject_42 = __makeTemplateObject(["\n        margin-right: ", ";\n      "], ["\n        margin-right: ", ";\n      "])), t.inputIconGapLarge);
         },
         sizeSmall: function (t) {
-            return css(templateObject_40 || (templateObject_40 = __makeTemplateObject(["\n        ", ";\n      "], ["\n        ", ";\n      "])), fileUploaderSizeMixin(t.fileUploaderFontSizeSmall, t.fileUploaderLineHeightSmall, t.fileUploaderPaddingXSmall, t.fileUploaderPaddingYSmall));
+            return css(templateObject_43 || (templateObject_43 = __makeTemplateObject(["\n        ", ";\n      "], ["\n        ", ";\n      "])), fileUploaderSizeMixin(t.fileUploaderFontSizeSmall, t.fileUploaderLineHeightSmall, t.fileUploaderPaddingXSmall, t.fileUploaderPaddingYSmall));
         },
         sizeMedium: function (t) {
-            return css(templateObject_41 || (templateObject_41 = __makeTemplateObject(["\n        ", ";\n      "], ["\n        ", ";\n      "])), fileUploaderSizeMixin(t.fileUploaderFontSizeMedium, t.fileUploaderLineHeightMedium, t.fileUploaderPaddingXMedium, t.fileUploaderPaddingYMedium));
+            return css(templateObject_44 || (templateObject_44 = __makeTemplateObject(["\n        ", ";\n      "], ["\n        ", ";\n      "])), fileUploaderSizeMixin(t.fileUploaderFontSizeMedium, t.fileUploaderLineHeightMedium, t.fileUploaderPaddingXMedium, t.fileUploaderPaddingYMedium));
         },
         sizeLarge: function (t) {
-            return css(templateObject_42 || (templateObject_42 = __makeTemplateObject(["\n        ", ";\n      "], ["\n        ", ";\n      "])), fileUploaderSizeMixin(t.fileUploaderFontSizeLarge, t.fileUploaderLineHeightLarge, t.fileUploaderPaddingXLarge, t.fileUploaderPaddingYLarge));
+            return css(templateObject_45 || (templateObject_45 = __makeTemplateObject(["\n        ", ";\n      "], ["\n        ", ";\n      "])), fileUploaderSizeMixin(t.fileUploaderFontSizeLarge, t.fileUploaderLineHeightLarge, t.fileUploaderPaddingXLarge, t.fileUploaderPaddingYLarge));
         },
         content: function () {
-            return css(templateObject_43 || (templateObject_43 = __makeTemplateObject(["\n        display: block;\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      "], ["\n        display: block;\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      "])));
+            return css(templateObject_46 || (templateObject_46 = __makeTemplateObject(["\n        display: block;\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      "], ["\n        display: block;\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      "])));
         },
         contentWithFiles: function () {
-            return css(templateObject_44 || (templateObject_44 = __makeTemplateObject(["\n        display: flex;\n        align-items: center;\n      "], ["\n        display: flex;\n        align-items: center;\n      "])));
+            return css(templateObject_47 || (templateObject_47 = __makeTemplateObject(["\n        display: flex;\n        align-items: center;\n      "], ["\n        display: flex;\n        align-items: center;\n      "])));
         },
     };
 });
@@ -153,69 +162,69 @@ export var getJsTileStyles = memoizeGetStyles(function (_a) {
     var css = _a.css;
     return {
         uploadButton: function () {
-            return css(templateObject_45 || (templateObject_45 = __makeTemplateObject(["\n        height: 100%;\n        justify-content: center;\n        flex-direction: column;\n      "], ["\n        height: 100%;\n        justify-content: center;\n        flex-direction: column;\n      "])));
+            return css(templateObject_48 || (templateObject_48 = __makeTemplateObject(["\n        height: 100%;\n        justify-content: center;\n        flex-direction: column;\n      "], ["\n        height: 100%;\n        justify-content: center;\n        flex-direction: column;\n      "])));
         },
         uploadButtonWrapper: function () {
-            return css(templateObject_46 || (templateObject_46 = __makeTemplateObject(["\n        box-sizing: border-box;\n      "], ["\n        box-sizing: border-box;\n      "])));
+            return css(templateObject_49 || (templateObject_49 = __makeTemplateObject(["\n        box-sizing: border-box;\n      "], ["\n        box-sizing: border-box;\n      "])));
         },
         uploadButtonWrapperSmall: function (t) {
-            return css(templateObject_47 || (templateObject_47 = __makeTemplateObject(["\n        width: ", ";\n        min-height: ", ";\n        height: auto;\n      "], ["\n        width: ", ";\n        min-height: ", ";\n        height: auto;\n      "])), t.fileUploaderTileWidthSmall, t.fileUploaderTileMinHeightSmall);
+            return css(templateObject_50 || (templateObject_50 = __makeTemplateObject(["\n        width: ", ";\n        min-height: ", ";\n        height: auto;\n      "], ["\n        width: ", ";\n        min-height: ", ";\n        height: auto;\n      "])), t.fileUploaderTileWidthSmall, t.fileUploaderTileMinHeightSmall);
         },
         uploadButtonWrapperMedium: function (t) {
-            return css(templateObject_48 || (templateObject_48 = __makeTemplateObject(["\n        width: ", ";\n        min-height: ", ";\n        height: auto;\n      "], ["\n        width: ", ";\n        min-height: ", ";\n        height: auto;\n      "])), t.fileUploaderTileWidthMedium, t.fileUploaderTileMinHeightMedium);
+            return css(templateObject_51 || (templateObject_51 = __makeTemplateObject(["\n        width: ", ";\n        min-height: ", ";\n        height: auto;\n      "], ["\n        width: ", ";\n        min-height: ", ";\n        height: auto;\n      "])), t.fileUploaderTileWidthMedium, t.fileUploaderTileMinHeightMedium);
         },
         uploadButtonWrapperLarge: function (t) {
-            return css(templateObject_49 || (templateObject_49 = __makeTemplateObject(["\n        width: ", ";\n        min-height: ", ";\n        height: auto;\n      "], ["\n        width: ", ";\n        min-height: ", ";\n        height: auto;\n      "])), t.fileUploaderTileWidthLarge, t.fileUploaderTileMinHeightLarge);
+            return css(templateObject_52 || (templateObject_52 = __makeTemplateObject(["\n        width: ", ";\n        min-height: ", ";\n        height: auto;\n      "], ["\n        width: ", ";\n        min-height: ", ";\n        height: auto;\n      "])), t.fileUploaderTileWidthLarge, t.fileUploaderTileMinHeightLarge);
         },
         uploadButtonWrapperEmptyFileSmall: function (t) {
-            return css(templateObject_50 || (templateObject_50 = __makeTemplateObject(["\n        padding: ", ";\n        height: ", ";\n      "], ["\n        padding: ", ";\n        height: ", ";\n      "])), t.fileUploaderTileFilePaddingSmall, t.fileUploaderTileMinHeightSmall);
+            return css(templateObject_53 || (templateObject_53 = __makeTemplateObject(["\n        padding: ", ";\n        height: ", ";\n      "], ["\n        padding: ", ";\n        height: ", ";\n      "])), t.fileUploaderTileFilePaddingSmall, t.fileUploaderTileMinHeightSmall);
         },
         uploadButtonWrapperEmptyFileMedium: function (t) {
-            return css(templateObject_51 || (templateObject_51 = __makeTemplateObject(["\n        padding: ", ";\n        height: ", ";\n      "], ["\n        padding: ", ";\n        height: ", ";\n      "])), t.fileUploaderTileFilePaddingMedium, t.fileUploaderTileMinHeightMedium);
+            return css(templateObject_54 || (templateObject_54 = __makeTemplateObject(["\n        padding: ", ";\n        height: ", ";\n      "], ["\n        padding: ", ";\n        height: ", ";\n      "])), t.fileUploaderTileFilePaddingMedium, t.fileUploaderTileMinHeightMedium);
         },
         uploadButtonWrapperEmptyFileLarge: function (t) {
-            return css(templateObject_52 || (templateObject_52 = __makeTemplateObject(["\n        padding: ", ";\n        height: ", ";\n      "], ["\n        padding: ", ";\n        height: ", ";\n      "])), t.fileUploaderTileFilePaddingLarge, t.fileUploaderTileMinHeightLarge);
+            return css(templateObject_55 || (templateObject_55 = __makeTemplateObject(["\n        padding: ", ";\n        height: ", ";\n      "], ["\n        padding: ", ";\n        height: ", ";\n      "])), t.fileUploaderTileFilePaddingLarge, t.fileUploaderTileMinHeightLarge);
         },
         uploadButtonWithFile: function (t) {
-            return css(templateObject_53 || (templateObject_53 = __makeTemplateObject(["\n        border: ", " solid transparent;\n        background: none;\n        justify-content: start;\n      "], ["\n        border: ", " solid transparent;\n        background: none;\n        justify-content: start;\n      "])), t.fileUploaderBorderWidth);
+            return css(templateObject_56 || (templateObject_56 = __makeTemplateObject(["\n        border: ", " solid transparent;\n        background: none;\n        justify-content: start;\n      "], ["\n        border: ", " solid transparent;\n        background: none;\n        justify-content: start;\n      "])), t.fileUploaderBorderWidth);
         },
         uploadButtonIconGapSmall: function (t) {
-            return css(templateObject_54 || (templateObject_54 = __makeTemplateObject(["\n        margin-bottom: ", ";\n      "], ["\n        margin-bottom: ", ";\n      "])), t.inputIconGapSmall);
+            return css(templateObject_57 || (templateObject_57 = __makeTemplateObject(["\n        margin-bottom: ", ";\n      "], ["\n        margin-bottom: ", ";\n      "])), t.inputIconGapSmall);
         },
         uploadButtonIconGapMedium: function (t) {
-            return css(templateObject_55 || (templateObject_55 = __makeTemplateObject(["\n        margin-bottom: ", ";\n      "], ["\n        margin-bottom: ", ";\n      "])), t.inputIconGapMedium);
+            return css(templateObject_58 || (templateObject_58 = __makeTemplateObject(["\n        margin-bottom: ", ";\n      "], ["\n        margin-bottom: ", ";\n      "])), t.inputIconGapMedium);
         },
         uploadButtonIconGapLarge: function (t) {
-            return css(templateObject_56 || (templateObject_56 = __makeTemplateObject(["\n        margin-bottom: ", ";\n      "], ["\n        margin-bottom: ", ";\n      "])), t.inputIconGapLarge);
+            return css(templateObject_59 || (templateObject_59 = __makeTemplateObject(["\n        margin-bottom: ", ";\n      "], ["\n        margin-bottom: ", ";\n      "])), t.inputIconGapLarge);
         },
         uploadButtonTileWithFileSmall: function (t) {
-            return css(templateObject_57 || (templateObject_57 = __makeTemplateObject(["\n        padding: ", ";\n      "], ["\n        padding: ", ";\n      "])), t.fileUploaderTileFilePaddingSmall);
+            return css(templateObject_60 || (templateObject_60 = __makeTemplateObject(["\n        padding: ", ";\n      "], ["\n        padding: ", ";\n      "])), t.fileUploaderTileFilePaddingSmall);
         },
         uploadButtonTileWithFileMedium: function (t) {
-            return css(templateObject_58 || (templateObject_58 = __makeTemplateObject(["\n        padding: ", ";\n      "], ["\n        padding: ", ";\n      "])), t.fileUploaderTileFilePaddingMedium);
+            return css(templateObject_61 || (templateObject_61 = __makeTemplateObject(["\n        padding: ", ";\n      "], ["\n        padding: ", ";\n      "])), t.fileUploaderTileFilePaddingMedium);
         },
         uploadButtonTileWithFileLarge: function (t) {
-            return css(templateObject_59 || (templateObject_59 = __makeTemplateObject(["\n        padding: ", ";\n      "], ["\n        padding: ", ";\n      "])), t.fileUploaderTileFilePaddingLarge);
+            return css(templateObject_62 || (templateObject_62 = __makeTemplateObject(["\n        padding: ", ";\n      "], ["\n        padding: ", ";\n      "])), t.fileUploaderTileFilePaddingLarge);
         },
         sizeSmall: function (t) {
-            return css(templateObject_60 || (templateObject_60 = __makeTemplateObject(["\n        ", ";\n      "], ["\n        ", ";\n      "])), fileUploaderSizeMixin(t.fileUploaderFontSizeSmall, t.fileUploaderLineHeightSmall, t.fileUploaderTilePaddingSmall, t.fileUploaderTilePaddingSmall));
+            return css(templateObject_63 || (templateObject_63 = __makeTemplateObject(["\n        ", ";\n      "], ["\n        ", ";\n      "])), fileUploaderSizeMixin(t.fileUploaderFontSizeSmall, t.fileUploaderLineHeightSmall, t.fileUploaderTilePaddingSmall, t.fileUploaderTilePaddingSmall));
         },
         sizeMedium: function (t) {
-            return css(templateObject_61 || (templateObject_61 = __makeTemplateObject(["\n        ", ";\n      "], ["\n        ", ";\n      "])), fileUploaderSizeMixin(t.fileUploaderFontSizeMedium, t.fileUploaderLineHeightMedium, t.fileUploaderTilePaddingMedium, t.fileUploaderTilePaddingMedium));
+            return css(templateObject_64 || (templateObject_64 = __makeTemplateObject(["\n        ", ";\n      "], ["\n        ", ";\n      "])), fileUploaderSizeMixin(t.fileUploaderFontSizeMedium, t.fileUploaderLineHeightMedium, t.fileUploaderTilePaddingMedium, t.fileUploaderTilePaddingMedium));
         },
         sizeLarge: function (t) {
-            return css(templateObject_62 || (templateObject_62 = __makeTemplateObject(["\n        ", ";\n      "], ["\n        ", ";\n      "])), fileUploaderSizeMixin(t.fileUploaderFontSizeLarge, t.fileUploaderLineHeightLarge, t.fileUploaderTilePaddingLarge, t.fileUploaderTilePaddingLarge));
+            return css(templateObject_65 || (templateObject_65 = __makeTemplateObject(["\n        ", ";\n      "], ["\n        ", ";\n      "])), fileUploaderSizeMixin(t.fileUploaderFontSizeLarge, t.fileUploaderLineHeightLarge, t.fileUploaderTilePaddingLarge, t.fileUploaderTilePaddingLarge));
         },
         verticalAlign: function () {
-            return css(templateObject_63 || (templateObject_63 = __makeTemplateObject(["\n        vertical-align: middle;\n      "], ["\n        vertical-align: middle;\n      "])));
+            return css(templateObject_66 || (templateObject_66 = __makeTemplateObject(["\n        vertical-align: middle;\n      "], ["\n        vertical-align: middle;\n      "])));
         },
         content: function () {
-            return css(templateObject_64 || (templateObject_64 = __makeTemplateObject(["\n        display: block;\n        width: 100%;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: normal;\n        overflow-wrap: break-word;\n        word-wrap: break-word;\n        text-align: center;\n      "], ["\n        display: block;\n        width: 100%;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: normal;\n        overflow-wrap: break-word;\n        word-wrap: break-word;\n        text-align: center;\n      "])));
+            return css(templateObject_67 || (templateObject_67 = __makeTemplateObject(["\n        display: block;\n        width: 100%;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: normal;\n        overflow-wrap: break-word;\n        word-wrap: break-word;\n        text-align: center;\n      "], ["\n        display: block;\n        width: 100%;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: normal;\n        overflow-wrap: break-word;\n        word-wrap: break-word;\n        text-align: center;\n      "])));
         },
         contentWithFiles: function () {
-            return css(templateObject_65 || (templateObject_65 = __makeTemplateObject(["\n        display: flex;\n        align-items: flex-start;\n        height: 100%;\n      "], ["\n        display: flex;\n        align-items: flex-start;\n        height: 100%;\n      "])));
+            return css(templateObject_68 || (templateObject_68 = __makeTemplateObject(["\n        display: flex;\n        align-items: flex-start;\n        height: 100%;\n      "], ["\n        display: flex;\n        align-items: flex-start;\n        height: 100%;\n      "])));
         },
     };
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, templateObject_43, templateObject_44, templateObject_45, templateObject_46, templateObject_47, templateObject_48, templateObject_49, templateObject_50, templateObject_51, templateObject_52, templateObject_53, templateObject_54, templateObject_55, templateObject_56, templateObject_57, templateObject_58, templateObject_59, templateObject_60, templateObject_61, templateObject_62, templateObject_63, templateObject_64, templateObject_65;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, templateObject_43, templateObject_44, templateObject_45, templateObject_46, templateObject_47, templateObject_48, templateObject_49, templateObject_50, templateObject_51, templateObject_52, templateObject_53, templateObject_54, templateObject_55, templateObject_56, templateObject_57, templateObject_58, templateObject_59, templateObject_60, templateObject_61, templateObject_62, templateObject_63, templateObject_64, templateObject_65, templateObject_66, templateObject_67, templateObject_68;
 //# sourceMappingURL=FileUploader.styles.js.map