npm - @skbkontur/react-ui - Versions diffs - 0.0.0-0d47d85432 → 0.0.0-0dca6f33be - Mend

@skbkontur/react-ui 0.0.0-0d47d85432 → 0.0.0-0dca6f33be

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 (1742) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["FileUploader.tsx"],"names":["React","useCallback","useContext","useImperativeHandle","useRef","useState","getAttachedFile","cx","useMemoObject","FileUploaderControlContext","useControlLocale","useUpload","useDrop","ThemeContext","UploadIcon","withFileUploaderControlProvider","keyListener","FileUploaderFile","FileUploaderFileList","isBrowser","CommonWrapper","FileUploaderFileValidationResult","jsStyles","stopPropagation","e","FileUploaderDataTids","root","content","link","defaultRenderFile","file","fileNode","_FileUploader","forwardRef","props","ref","theme","disabled","error","warning","multiple","width","fileUploaderWidth","hideFiles","onBlur","onFocus","onChange","request","validateBeforeUpload","onRequestSuccess","onRequestError","renderFile","inputProps","files","setFiles","removeFile","reset","setFileValidationResult","locale","inputRef","isAsync","isSingleMode","upload","tryValidateAndUpload","forEach","validationMessage","id","handleChange","newFiles","filesArray","Array","from","attachedFiles","map","length","handleDrop","event","dataTransfer","clearData","onDrop","isDraggable","labelRef","isWindowDraggable","windowRef","current","window","document","focus","isTabPressed","blur","getRootNode","rootNodeRef","focusedByTab","setFocusedByTab","handleInputChange","target","handleFocus","requestAnimationFrame","handleBlur","hovered","setHovered","uploadButtonClassNames","uploadButton","uploadButtonFocus","dragOver","uploadButtonWrapperClassNames","windowDragOver","uploadButtonIconClassNames","icon","iconDisabled","hasOneFile","hasOneFileForSingle","linkClassNames","linkHovered","linkDisabled","choosedFile","chooseFile","afterLinkText","singleFile","orDragHere","fileInput","FileUploader","memo","displayName"],"mappings":"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","sourcesContent":["import React, { useCallback, useContext, useImperativeHandle, useRef, useState } from 'react';\n\nimport { FileUploaderAttachedFile, getAttachedFile } from '../../internal/FileUploaderControl/fileUtils';\nimport { cx } 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 { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { UploadIcon } from '../../internal/icons/16px';\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 { isBrowser } from '../../lib/client';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { Nullable } from '../../typings/utility-types';\nimport { FileUploaderFileValidationResult } from '../../internal/FileUploaderControl/FileUploaderFileValidationResult';\n\nimport { jsStyles } from './FileUploader.styles';\n\nconst stopPropagation: React.ReactEventHandler = (e) => e.stopPropagation();\n\ninterface _FileUploaderProps extends CommonProps, React.InputHTMLAttributes<HTMLInputElement> {\n /** Состояние ошибки всего контрола /\n error?: boolean;\n /* Состояние предупреждения всего контрола /\n warning?: boolean;\n /* Свойство ширины. /\n width?: React.CSSProperties['width'];\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} as const;\n\nconst defaultRenderFile = (file: FileUploaderAttachedFile, fileNode: React.ReactElement) => fileNode;\n\nconst _FileUploader = React.forwardRef<FileUploaderRef, _FileUploaderProps>((props: _FileUploaderProps, ref) => {\n const theme = useContext(ThemeContext);\n\n const {\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 renderFile = defaultRenderFile,\n ...inputProps\n } = props;\n\n const { files, setFiles, removeFile, reset, setFileValidationResult } = useContext(FileUploaderControlContext);\n\n const locale = useControlLocale();\n\n const inputRef = useRef<HTMLInputElement>(null);\n\n const isAsync = !!request;\n const isSingleMode = !multiple;\n\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 /* common part **/\n const handleChange = useCallback(\n (newFiles: FileList \| null) => {\n if (!newFiles) {\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) => {\n if (disabled) {\n return;\n }\n\n const { dataTransfer } = event;\n const { files } = dataTransfer;\n\n if (files?.length > 0) {\n handleChange(files);\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) {\n windowRef.current = window.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 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(jsStyles.uploadButton(theme), {\n [jsStyles.uploadButtonFocus(theme)]: focusedByTab,\n [jsStyles.disabled(theme)]: disabled,\n [jsStyles.hovered(theme)]: !disabled && hovered,\n [jsStyles.warning(theme)]: !!warning,\n [jsStyles.error(theme)]: !!error,\n [jsStyles.dragOver(theme)]: isDraggable && !disabled,\n });\n\n const uploadButtonWrapperClassNames = cx({\n [jsStyles.windowDragOver(theme)]: isWindowDraggable && !disabled,\n });\n\n const uploadButtonIconClassNames = cx(jsStyles.icon(theme), {\n [jsStyles.iconDisabled(theme)]: disabled,\n });\n\n const hasOneFile = files.length === 1;\n const hasOneFileForSingle = isSingleMode && hasOneFile && !hideFiles;\n\n const linkClassNames = cx(jsStyles.link(theme), {\n [jsStyles.linkHovered(theme)]: !disabled && hovered,\n [jsStyles.linkDisabled(theme)]: disabled,\n });\n\n const rootNodeRef = useRef(null);\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 && <FileUploaderFileList renderFile={renderFile} />}\n <div className={uploadButtonWrapperClassNames}>\n <label\n onMouseEnter={() => setHovered(true)}\n onMouseLeave={() => setHovered(false)}\n ref={labelRef}\n className={uploadButtonClassNames}\n >\n <div data-tid={FileUploaderDataTids.content} className={jsStyles.content()}>\n <span data-tid={FileUploaderDataTids.link} className={linkClassNames}>\n {hasOneFileForSingle ? locale.choosedFile : locale.chooseFile}\n </span>\n  \n <div className={jsStyles.afterLinkText()}>\n {hasOneFileForSingle ? (\n <div className={jsStyles.singleFile()}>\n {renderFile(files[0], <FileUploaderFile file={files[0]} />)}\n </div>\n ) : (\n <>\n {locale.orDragHere} \n <div className={uploadButtonIconClassNames}>\n <UploadIcon />\n </div>\n </>\n )}\n </div>\n </div>\n <input\n {...inputProps}\n ref={inputRef}\n tabIndex={disabled ? -1 : 0}\n type=\"file\"\n disabled={disabled}\n multiple={multiple}\n className={jsStyles.fileInput()}\n onClick={stopPropagation}\n onChange={handleInputChange}\n onFocus={handleFocus}\n onBlur={handleBlur}\n // для того, чтобы срабатывало событие change при выборе одного и того же файла подряд\n value={''}\n />\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"]}
1	+ {"version":3,"sources":["FileUploader.tsx"],"names":["React","useCallback","useContext","useEffect","useImperativeHandle","useRef","useState","getAttachedFile","cx","useMemoObject","FileUploaderControlContext","useControlLocale","useUpload","useDrop","ThemeContext","UploadIcon","withFileUploaderControlProvider","keyListener","FileUploaderFile","FileUploaderFileList","isBrowser","CommonWrapper","FileUploaderFileValidationResult","useFileUploaderSize","isTheme2022","UploadIcon2022","globalClasses","jsStyles","stopPropagation","e","FileUploaderDataTids","root","content","link","input","defaultRenderFile","file","fileNode","_FileUploader","forwardRef","props","ref","theme","_isTheme2022","disabled","error","warning","multiple","width","fileUploaderWidth","hideFiles","onBlur","onFocus","onChange","request","validateBeforeUpload","onRequestSuccess","onRequestError","size","renderFile","inputProps","files","setFiles","removeFile","reset","setFileValidationResult","isMinLengthReached","locale","inputRef","fileDivRef","isAsync","isSingleMode","isLinkVisible","setIsLinkVisible","upload","tryValidateAndUpload","forEach","validationMessage","id","sizeClassName","small","sizeSmall","medium","sizeMedium","large","sizeLarge","sizeIconClass","iconSmall","iconMedium","iconLarge","contentInnerClass","contentInnerSmall","contentInnerMedium","contentInnerLarge","handleChange","newFiles","filesArray","Array","from","attachedFiles","map","length","handleDrop","event","dataTransfer","clearData","onDrop","isDraggable","labelRef","isWindowDraggable","windowRef","current","window","document","focus","isTabPressed","blur","getRootNode","rootNodeRef","focusedByTab","setFocusedByTab","handleInputChange","target","handleFocus","requestAnimationFrame","handleBlur","hovered","setHovered","uploadButtonClassNames","uploadButton","uploadButtonFocus","dragOver","canDrop","uploadButtonWrapperClassNames","windowDragOver","windowDragOver2022","uploadButtonIconClassNames","icon","iconDisabled","hasOneFile","hasOneFileForSingle","contentClassNames","contentWithFiles","linkClassNames","linkHovered","linkDisabled","iconSizes","parseInt","btnIconSizeSmall","btnIconSizeMedium","btnIconSizeLarge","choosedFile","chooseFile","String","fromCharCode","afterLinkText","afterLinkText_HasFiles","singleFile","orDragHere","fileInput","FileUploader","memo","displayName"],"mappings":"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","sourcesContent":["import React, { useCallback, useContext, useEffect, useImperativeHandle, useRef, useState } from 'react';\n\nimport { FileUploaderAttachedFile, getAttachedFile } from '../../internal/FileUploaderControl/fileUtils';\nimport { cx } 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 { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { UploadIcon } from '../../internal/icons/16px';\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 { isBrowser } from '../../lib/client';\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 { isTheme2022 } from '../../lib/theming/ThemeHelpers';\n\nimport { UploadIcon as UploadIcon2022 } from './UploadIcon';\nimport { globalClasses, jsStyles } from './FileUploader.styles';\n\nconst stopPropagation: React.ReactEventHandler = (e) => e.stopPropagation();\n\nexport type FileUploaderSize = 'small' \| 'medium' \| 'large';\n\ntype FileUploaderOverriddenProps = 'size';\n\ninterface _FileUploaderProps\n extends CommonProps,\n Omit<React.InputHTMLAttributes<HTMLInputElement>, FileUploaderOverriddenProps> {\n /** Состояние ошибки всего контрола /\n error?: boolean;\n /* Состояние предупреждения всего контрола /\n warning?: boolean;\n /* Свойство ширины. /\n width?: React.CSSProperties['width'];\n /\n Задаёт размер контрола.\n \n Допустимые значения: `\"small\"`, `\"medium\"`, `\"large\"`.\n /\n size?: FileUploaderSize;\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 = React.forwardRef<FileUploaderRef, _FileUploaderProps>((props: _FileUploaderProps, ref) => {\n const theme = useContext(ThemeContext);\n const _isTheme2022 = isTheme2022(theme);\n\n const {\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) {\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) => {\n if (disabled) {\n return;\n }\n\n const { dataTransfer } = event;\n const { files } = dataTransfer;\n\n if (files?.length > 0) {\n handleChange(files);\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) {\n windowRef.current = window.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 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(\n !_isTheme2022 && canDrop && jsStyles.windowDragOver(theme),\n _isTheme2022 && canDrop && jsStyles.windowDragOver2022(theme),\n );\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 const rootNodeRef = useRef(null);\n\n const iconSizes: Record<FileUploaderSize, number> = {\n small: parseInt(theme.btnIconSizeSmall),\n medium: parseInt(theme.btnIconSizeMedium),\n large: parseInt(theme.btnIconSizeLarge),\n };\n const icon = _isTheme2022 ? <UploadIcon2022 size={iconSizes[size]} /> : <UploadIcon />;\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 && <FileUploaderFileList renderFile={renderFile} size={size} />}\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) /   */}\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} />)}\n </div>\n ) : (\n <>\n {locale.orDragHere} \n <div className={uploadButtonIconClassNames}>{icon}</div>\n </>\n )}\n </div>\n </div>\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.fileInput()}\n onClick={stopPropagation}\n onChange={handleInputChange}\n onFocus={handleFocus}\n onBlur={handleBlur}\n // для того, чтобы срабатывало событие change при выборе одного и того же файла подряд\n value={''}\n />\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"]}

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

@@ -4,13 +4,21 @@ import { InstanceWithRootNode } from '../../lib/rootNode';
 import { FileUploaderControlProviderProps } from '../../internal/FileUploaderControl/FileUploaderControlProvider';
 import { CommonProps } from '../../internal/CommonWrapper';
 import { Nullable } from '../../typings/utility-types';
-interface _FileUploaderProps extends CommonProps, React.InputHTMLAttributes<HTMLInputElement> {
+export declare type FileUploaderSize = 'small' | 'medium' | 'large';
+declare type FileUploaderOverriddenProps = 'size';
+interface _FileUploaderProps extends CommonProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, FileUploaderOverriddenProps> {
     /** Состояние ошибки всего контрола */
     error?: boolean;
     /** Состояние предупреждения всего контрола */
     warning?: boolean;
     /** Свойство ширины. */
     width?: React.CSSProperties['width'];
+    /**
+     * Задаёт размер контрола.
+     *
+     * **Допустимые значения**: `"small"`, `"medium"`, `"large"`.
+     */
+    size?: FileUploaderSize;
     /** Свойство, скрывающее отображение файлов.  */
     hideFiles?: boolean;
     /** Функция, через которую отправляем файлы. Используется для отслеживания статуса загрузки файла. */
@@ -41,6 +49,7 @@ 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 {
 }

package/components/FileUploader/FileUploader.mixins/FileUploader.mixins.js ADDED Viewed

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

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

@@ -0,0 +1 @@

+ {"version":3,"sources":["FileUploader.mixins.ts"],"names":["css","fileUploaderSizeMixin","fontSize","lineHeight","paddingX","paddingY"],"mappings":"oHAAA,SAASA,GAAT,QAAoB,2BAApB;;AAEA,OAAO,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,QAAD,EAAmBC,UAAnB,EAAuCC,QAAvC,EAAyDC,QAAzD,EAA8E;AACjH,SAAOL,GAAP;AACeE,EAAAA,QADf;;AAGaG,EAAAA,QAHb,EAGyBD,QAHzB;AAIiBD,EAAAA,UAJjB;;AAMD,CAPM","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"]}

package/components/FileUploader/FileUploader.mixins/package.json ADDED Viewed

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

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

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

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

@@ -1,65 +1,109 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32;
-import { css, keyframes, memoizeStyle } from "../../../lib/theming/Emotion";
+import { css, keyframes, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
+import * as ColorFunctions from "../../../lib/styles/ColorFunctions";
+import { fileUploaderSizeMixin } from "../FileUploader.mixins";
+export var globalClasses = prefix('file-uploader')({
+  afterLinkText: 'after-link-text'
+});
 var styles = {
+  calcPulse: function calcPulse(t) {
+    return keyframes(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      0% {\n        box-shadow: 0 0 0 1px ", ";\n      }\n      95% {\n        box-shadow: 0 0 0 10px ", ";\n      }\n      100% {\n        box-shadow: 0 0 0 1px ", ";\n      }\n    "])), ColorFunctions.fade(t.inputBlinkColor, 0.6), ColorFunctions.fade(t.inputBlinkColor, 0.1), ColorFunctions.fade(t.inputBlinkColor, 0.0));
+  },
   pulse: function pulse() {
-    return keyframes(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        0% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 1px rgba(45,164,249,0.7);\n        }\n        95% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 10px rgba(45,164,249,0);\n        }\n        100% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 1px rgba(45,164,249,0);\n        }\n      "])));
+    return keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        0% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 1px rgba(45,164,249,0.7);\n        }\n        95% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 10px rgba(45,164,249,0);\n        }\n        100% {\n          box-shadow:\n            0px 0px 0px 0px #2DA4F9,\n            0px 0px 0px 1px rgba(45,164,249,0);\n        }\n      "])));
   },
   root: function root(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      min-width: 285px;\n      position: relative;\n      background-color: ", ";\n      line-height: ", ";\n      font-size: ", ";\n      color: ", ";\n    "])), t.fileUploaderBg, t.fileUploaderLineHeight, t.fileUploaderFontSize, t.fileUploaderTextColorDefault);
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      position: relative;\n      line-height: ", ";\n      font-size: ", ";\n      color: ", ";\n      background-color: ", ";\n    "])), t.fileUploaderLineHeight, t.fileUploaderFontSize, t.fileUploaderTextColorDefault, t.fileUploaderBg);
   },
   uploadButton: function uploadButton(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      width: 100%;\n      display: inline-flex;\n      align-items: center;\n      justify-content: space-between;\n      border: ", " ", " ", ";\n      box-sizing: border-box;\n      border-radius: ", ";\n      outline: none;\n      cursor: pointer;\n      padding: ", " ", ";\n      transition: box-shadow 0.3s ease;\n    "])), t.fileUploaderBorderWidth, t.fileUploaderBorderStyle, t.fileUploaderBorderColor, t.fileUploaderBorderRadius, t.fileUploaderPaddingY, t.fileUploaderPaddingX);
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      width: 100%;\n      display: inline-flex;\n      align-items: center;\n      justify-content: space-between;\n      border: ", " ", " ", ";\n      box-sizing: border-box;\n      border-radius: ", ";\n      outline: none;\n      cursor: pointer;\n      padding: ", " ", ";\n      transition: box-shadow 0.3s ease;\n      background-color: ", ";\n    "])), t.fileUploaderBorderWidth, t.fileUploaderBorderStyle, t.fileUploaderBorderColor, t.fileUploaderBorderRadius, t.fileUploaderPaddingY, t.fileUploaderPaddingX, t.fileUploaderUploadButtonBg);
   },
   uploadButtonFocus: function uploadButtonFocus(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorFocus, t.fileUploaderBorderColorFocus);
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorFocus, t.fileUploaderBorderColorFocus);
   },
   dragOver: function dragOver(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      border: 1px solid #2da4f9;\n      border-radius: ", ";\n      box-shadow: 0px 0px 0px 3px #2da4f9, 0px 0px 0px 8px rgba(45, 164, 249, 0.35);\n    "])), t.fileUploaderBorderRadius);
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      border: 1px solid ", ";\n      border-radius: ", ";\n      box-shadow: ", ";\n    "])), t.fileUploaderDragOverBorderColor, t.fileUploaderBorderRadius, t.fileUploaderDragOverShadow);
   },
   windowDragOver: function windowDragOver(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n      animation: ", " 1.5s infinite;\n    "])), t.fileUploaderBorderRadius, styles.pulse());
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n      animation: ", " 1.5s infinite;\n    "])), t.fileUploaderBorderRadius, styles.pulse());
+  },
+  windowDragOver2022: function windowDragOver2022(t) {
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n      animation: ", " 1.5s infinite;\n    "])), t.fileUploaderBorderRadius, styles.calcPulse(t));
   },
   content: function content() {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      width: 100%;\n      align-items: center;\n      height: 100%;\n    "])));
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      display: block;\n      width: 100%;\n      height: 100%;\n\n      overflow: hidden;\n      text-overflow: ellipsis;\n    "])));
+  },
+  contentWithFiles: function contentWithFiles() {
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      align-items: center;\n    "])));
+  },
+  contentInnerSmall: function contentInnerSmall(t) {
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      width: calc(100% - ", " - ", ");\n    "])), t.inputIconSizeSmall, t.fileUploaderIconGapSmall);
+  },
+  contentInnerMedium: function contentInnerMedium(t) {
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      width: calc(100% - ", " - ", ");\n    "])), t.inputIconSizeMedium, t.fileUploaderIconGapMedium);
+  },
+  contentInnerLarge: function contentInnerLarge(t) {
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      width: calc(100% - ", " - ", ");\n    "])), t.inputIconSizeLarge, t.fileUploaderIconGapLarge);
   },
   fileInput: function fileInput() {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      width: 0;\n      height: 0;\n    "])));
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      width: 0;\n      height: 0;\n    "])));
+  },
+  afterLinkText: function afterLinkText(t) {
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      display: inline;\n      color: ", ";\n    "])), t.fileUploaderAfterLinkColor);
   },
-  afterLinkText: function afterLinkText() {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      justify-content: space-between;\n      flex: 1 1 auto;\n    "])));
+  afterLinkText_HasFiles: function afterLinkText_HasFiles(t) {
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      justify-content: space-between;\n      flex: 1 1 auto;\n      color: ", ";\n    "])), t.fileUploaderAfterLinkColor);
   },
   warning: function warning(t) {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorWarning, t.fileUploaderBorderColorWarning);
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorWarning, t.fileUploaderBorderColorWarning);
   },
   error: function error(t) {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorError, t.fileUploaderBorderColorError);
+    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      border: ", " solid ", ";\n      box-shadow: 0px 0px 0px 1px ", ";\n    "])), t.fileUploaderBorderWidth, t.fileUploaderBorderColorError, t.fileUploaderBorderColorError);
   },
   hovered: function hovered(t) {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n    "])), t.fileUploaderHoveredBg);
+    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      border-color: ", ";\n    "])), t.fileUploaderHoveredBg, t.fileUploaderHoveredBorderColor);
+  },
+  linkHovered: function linkHovered(t) {
+    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      text-decoration: ", ";\n    "])), t.fileUploaderLinkHoverTextDecoration);
   },
   disabled: function disabled(t) {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n      background: ", ";\n      border: ", " solid ", ";\n      color: ", ";\n      box-shadow: none;\n    "])), t.fileUploaderDisabledBg, t.fileUploaderBorderWidth, t.fileUploaderDisabledBorderColor, t.fileUploaderDisabledTextColor);
+    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n      background: ", ";\n      border: ", ";\n      color: ", ";\n      box-shadow: none;\n      background-clip: ", ";\n\n      .", " {\n        color: ", ";\n      }\n    "])), t.fileUploaderDisabledBg, t.fileUploaderDisabledBorder, t.fileUploaderDisabledTextColor, t.fileUploaderDisabledBgClip, globalClasses.afterLinkText, t.fileUploaderDisabledTextColor);
   },
   icon: function icon(t) {
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      font-size: ", ";\n      color: ", ";\n    "])), t.fileUploaderIconSize, t.fileUploaderIconColor);
+    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      position: absolute;\n      color: ", ";\n      text-align: right;\n    "])), t.fileUploaderIconColor);
   },
   iconDisabled: function iconDisabled(t) {
-    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.fileUploaderDisabledIconColor);
+    return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.fileUploaderDisabledIconColor);
   },
   link: function link(t) {
-    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      outline: none;\n      text-decoration: none;\n      color: ", ";\n    "])), t.fileUploaderLinkColor);
-  },
-  linkHovered: function linkHovered(t) {
-    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      text-decoration: ", ";\n    "])), t.fileUploaderLinkHoverTextDecoration);
+    return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      outline: none;\n      text-decoration: none;\n      color: ", ";\n    "])), t.fileUploaderLinkColor);
   },
   linkDisabled: function linkDisabled(t) {
-    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      &:hover {\n        text-decoration: none;\n      }\n    "])), t.fileUploaderDisabledLinkColor);
+    return css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      &:hover {\n        text-decoration: none;\n      }\n    "])), t.fileUploaderDisabledLinkColor);
   },
   singleFile: function singleFile() {
-    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      width: 100%;\n    "])));
+    return css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n      width: 100%;\n    "])));
+  },
+  sizeSmall: function sizeSmall(t) {
+    return css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), fileUploaderSizeMixin(t.fileUploaderFontSizeSmall, t.fileUploaderLineHeightSmall, t.fileUploaderPaddingXSmall, t.fileUploaderPaddingYSmall));
+  },
+  sizeMedium: function sizeMedium(t) {
+    return css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), fileUploaderSizeMixin(t.fileUploaderFontSizeMedium, t.fileUploaderLineHeightMedium, t.fileUploaderPaddingXMedium, t.fileUploaderPaddingYMedium));
+  },
+  sizeLarge: function sizeLarge(t) {
+    return css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), fileUploaderSizeMixin(t.fileUploaderFontSizeLarge, t.fileUploaderLineHeightLarge, t.fileUploaderPaddingXLarge, t.fileUploaderPaddingYLarge));
+  },
+  iconSmall: function iconSmall(t) {
+    return css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      width: ", ";\n      bottom: ", ";\n      right: ", ";\n    "])), t.fileUploaderFontSizeSmall, t.fileUploaderLineHeightSmall, t.inputIconSizeSmall, t.fileUploaderPaddingYSmall, t.fileUploaderPaddingXSmall);
+  },
+  iconMedium: function iconMedium(t) {
+    return css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      width: ", ";\n      bottom: ", ";\n      right: ", ";\n    "])), t.fileUploaderFontSizeMedium, t.fileUploaderLineHeightMedium, t.inputIconSizeMedium, t.fileUploaderPaddingYMedium, t.fileUploaderPaddingXMedium);
+  },
+  iconLarge: function iconLarge(t) {
+    return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      width: ", ";\n      bottom: ", ";\n      right: ", ";\n    "])), t.fileUploaderFontSizeLarge, t.fileUploaderLineHeightLarge, t.inputIconSizeLarge, t.fileUploaderPaddingYLarge, t.fileUploaderPaddingXLarge);
   }
 };
 export var jsStyles = memoizeStyle(styles);

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["FileUploader.styles.ts"],"names":["css","keyframes","memoizeStyle","styles","pulse","root","t","fileUploaderBg","fileUploaderLineHeight","fileUploaderFontSize","fileUploaderTextColorDefault","uploadButton","fileUploaderBorderWidth","fileUploaderBorderStyle","fileUploaderBorderColor","fileUploaderBorderRadius","fileUploaderPaddingY","fileUploaderPaddingX","uploadButtonFocus","fileUploaderBorderColorFocus","dragOver","windowDragOver","content","fileInput","afterLinkText","warning","fileUploaderBorderColorWarning","error","fileUploaderBorderColorError","hovered","fileUploaderHoveredBg","disabled","fileUploaderDisabledBg","fileUploaderDisabledBorderColor","fileUploaderDisabledTextColor","icon","fileUploaderIconSize","fileUploaderIconColor","iconDisabled","fileUploaderDisabledIconColor","link","fileUploaderLinkColor","linkHovered","fileUploaderLinkHoverTextDecoration","linkDisabled","fileUploaderDisabledLinkColor","singleFile","jsStyles"],"mappings":"kcAAA,SAASA,GAAT,EAAcC,SAAd,EAAyBC,YAAzB,QAA6C,2BAA7C;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,KADa,mBACL;AACN,WAAOH,SAAP;;;;;;;;;;;;;;;;;AAiBD,GAnBY;;AAqBbI,EAAAA,IArBa,gBAqBRC,CArBQ,EAqBE;AACb,WAAON,GAAP;;;;AAIsBM,IAAAA,CAAC,CAACC,cAJxB;AAKiBD,IAAAA,CAAC,CAACE,sBALnB;AAMeF,IAAAA,CAAC,CAACG,oBANjB;AAOWH,IAAAA,CAAC,CAACI,4BAPb;;AASD,GA/BY;;AAiCbC,EAAAA,YAjCa,wBAiCAL,CAjCA,EAiCU;AACrB,WAAON,GAAP;;;;;AAKYM,IAAAA,CAAC,CAACM,uBALd,EAKyCN,CAAC,CAACO,uBAL3C,EAKsEP,CAAC,CAACQ,uBALxE;;AAOmBR,IAAAA,CAAC,CAACS,wBAPrB;;;AAUaT,IAAAA,CAAC,CAACU,oBAVf,EAUuCV,CAAC,CAACW,oBAVzC;;;AAaD,GA/CY;;AAiDbC,EAAAA,iBAjDa,6BAiDKZ,CAjDL,EAiDe;AAC1B,WAAON,GAAP;AACYM,IAAAA,CAAC,CAACM,uBADd,EAC+CN,CAAC,CAACa,4BADjD;AAEgCb,IAAAA,CAAC,CAACa,4BAFlC;;AAID,GAtDY;;AAwDbC,EAAAA,QAxDa,oBAwDJd,CAxDI,EAwDM;AACjB,WAAON,GAAP;;AAEmBM,IAAAA,CAAC,CAACS,wBAFrB;;;AAKD,GA9DY;;AAgEbM,EAAAA,cAhEa,0BAgEEf,CAhEF,EAgEY;AACvB,WAAON,GAAP;AACmBM,IAAAA,CAAC,CAACS,wBADrB;AAEeZ,IAAAA,MAAM,CAACC,KAAP,EAFf;;AAID,GArEY;;AAuEbkB,EAAAA,OAvEa,qBAuEH;AACR,WAAOtB,GAAP;;;;;;AAMD,GA9EY;;AAgFbuB,EAAAA,SAhFa,uBAgFD;AACV,WAAOvB,GAAP;;;;AAID,GArFY;;AAuFbwB,EAAAA,aAvFa,2BAuFG;AACd,WAAOxB,GAAP;;;;;AAKD,GA7FY;;AA+FbyB,EAAAA,OA/Fa,mBA+FLnB,CA/FK,EA+FK;AAChB,WAAON,GAAP;AACYM,IAAAA,CAAC,CAACM,uBADd,EAC+CN,CAAC,CAACoB,8BADjD;AAEgCpB,IAAAA,CAAC,CAACoB,8BAFlC;;AAID,GApGY;;AAsGbC,EAAAA,KAtGa,iBAsGPrB,CAtGO,EAsGG;AACd,WAAON,GAAP;AACYM,IAAAA,CAAC,CAACM,uBADd,EAC+CN,CAAC,CAACsB,4BADjD;AAEgCtB,IAAAA,CAAC,CAACsB,4BAFlC;;AAID,GA3GY;;AA6GbC,EAAAA,OA7Ga,mBA6GLvB,CA7GK,EA6GK;AAChB,WAAON,GAAP;AACgBM,IAAAA,CAAC,CAACwB,qBADlB;;AAGD,GAjHY;;AAmHbC,EAAAA,QAnHa,oBAmHJzB,CAnHI,EAmHM;AACjB,WAAON,GAAP;;AAEgBM,IAAAA,CAAC,CAAC0B,sBAFlB;AAGY1B,IAAAA,CAAC,CAACM,uBAHd,EAG+CN,CAAC,CAAC2B,+BAHjD;AAIW3B,IAAAA,CAAC,CAAC4B,6BAJb;;;AAOD,GA3HY;;AA6HbC,EAAAA,IA7Ha,gBA6HR7B,CA7HQ,EA6HE;AACb,WAAON,GAAP;;AAEeM,IAAAA,CAAC,CAAC8B,oBAFjB;AAGW9B,IAAAA,CAAC,CAAC+B,qBAHb;;AAKD,GAnIY;;AAqIbC,EAAAA,YArIa,wBAqIAhC,CArIA,EAqIU;AACrB,WAAON,GAAP;AACWM,IAAAA,CAAC,CAACiC,6BADb;;AAGD,GAzIY;;AA2IbC,EAAAA,IA3Ia,gBA2IRlC,CA3IQ,EA2IE;AACb,WAAON,GAAP;;;AAGWM,IAAAA,CAAC,CAACmC,qBAHb;;AAKD,GAjJY;;AAmJbC,EAAAA,WAnJa,uBAmJDpC,CAnJC,EAmJS;AACpB,WAAON,GAAP;AACqBM,IAAAA,CAAC,CAACqC,mCADvB;;AAGD,GAvJY;;AAyJbC,EAAAA,YAzJa,wBAyJAtC,CAzJA,EAyJU;AACrB,WAAON,GAAP;AACWM,IAAAA,CAAC,CAACuC,6BADb;;;;;AAMD,GAhKY;;AAkKbC,EAAAA,UAlKa,wBAkKA;AACX,WAAO9C,GAAP;;;AAGD,GAtKY,EAAf;;;AAyKA,OAAO,IAAM+C,QAAQ,GAAG7C,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nconst styles = {\n pulse() {\n return keyframes`\n 0% {\n box-shadow:\n 0px 0px 0px 0px #2DA4F9,\n 0px 0px 0px 1px rgba(45,164,249,0.7);\n }\n 95% {\n box-shadow:\n 0px 0px 0px 0px #2DA4F9,\n 0px 0px 0px 10px rgba(45,164,249,0);\n }\n 100% {\n box-shadow:\n 0px 0px 0px 0px #2DA4F9,\n 0px 0px 0px 1px rgba(45,164,249,0);\n }\n `;\n },\n\n root(t: Theme) {\n return css`\n display: inline-block;\n min-width: 285px;\n position: relative;\n background-color: ${t.fileUploaderBg};\n line-height: ${t.fileUploaderLineHeight};\n font-size: ${t.fileUploaderFontSize};\n color: ${t.fileUploaderTextColorDefault};\n `;\n },\n\n uploadButton(t: Theme) {\n return css`\n width: 100%;\n display: inline-flex;\n align-items: center;\n justify-content: space-between;\n border: ${t.fileUploaderBorderWidth} ${t.fileUploaderBorderStyle} ${t.fileUploaderBorderColor};\n box-sizing: border-box;\n border-radius: ${t.fileUploaderBorderRadius};\n outline: none;\n cursor: pointer;\n padding: ${t.fileUploaderPaddingY} ${t.fileUploaderPaddingX};\n transition: box-shadow 0.3s ease;\n `;\n },\n\n uploadButtonFocus(t: Theme) {\n return css`\n border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorFocus};\n box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorFocus};\n `;\n },\n\n dragOver(t: Theme) {\n return css`\n border: 1px solid #2da4f9;\n border-radius: ${t.fileUploaderBorderRadius};\n box-shadow: 0px 0px 0px 3px #2da4f9, 0px 0px 0px 8px rgba(45, 164, 249, 0.35);\n `;\n },\n\n windowDragOver(t: Theme) {\n return css`\n border-radius: ${t.fileUploaderBorderRadius};\n animation: ${styles.pulse()} 1.5s infinite;\n `;\n },\n\n content() {\n return css`\n display: flex;\n width: 100%;\n align-items: center;\n height: 100%;\n `;\n },\n\n fileInput() {\n return css`\n width: 0;\n height: 0;\n `;\n },\n\n afterLinkText() {\n return css`\n display: flex;\n justify-content: space-between;\n flex: 1 1 auto;\n `;\n },\n\n warning(t: Theme) {\n return css`\n border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorWarning};\n box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorWarning};\n `;\n },\n\n error(t: Theme) {\n return css`\n border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorError};\n box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorError};\n `;\n },\n\n hovered(t: Theme) {\n return css`\n background: ${t.fileUploaderHoveredBg};\n `;\n },\n\n disabled(t: Theme) {\n return css`\n cursor: default;\n background: ${t.fileUploaderDisabledBg};\n border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderDisabledBorderColor};\n color: ${t.fileUploaderDisabledTextColor};\n box-shadow: none;\n `;\n },\n\n icon(t: Theme) {\n return css`\n display: inline-block;\n font-size: ${t.fileUploaderIconSize};\n color: ${t.fileUploaderIconColor};\n `;\n },\n\n iconDisabled(t: Theme) {\n return css`\n color: ${t.fileUploaderDisabledIconColor};\n `;\n },\n\n link(t: Theme) {\n return css`\n outline: none;\n text-decoration: none;\n color: ${t.fileUploaderLinkColor};\n `;\n },\n\n linkHovered(t: Theme) {\n return css`\n text-decoration: ${t.fileUploaderLinkHoverTextDecoration};\n `;\n },\n\n linkDisabled(t: Theme) {\n return css`\n color: ${t.fileUploaderDisabledLinkColor};\n &:hover {\n text-decoration: none;\n }\n `;\n },\n\n singleFile() {\n return css`\n width: 100%;\n `;\n },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}
1	+ {"version":3,"sources":["FileUploader.styles.ts"],"names":["css","keyframes","memoizeStyle","prefix","ColorFunctions","fileUploaderSizeMixin","globalClasses","afterLinkText","styles","calcPulse","t","fade","inputBlinkColor","pulse","root","fileUploaderLineHeight","fileUploaderFontSize","fileUploaderTextColorDefault","fileUploaderBg","uploadButton","fileUploaderBorderWidth","fileUploaderBorderStyle","fileUploaderBorderColor","fileUploaderBorderRadius","fileUploaderPaddingY","fileUploaderPaddingX","fileUploaderUploadButtonBg","uploadButtonFocus","fileUploaderBorderColorFocus","dragOver","fileUploaderDragOverBorderColor","fileUploaderDragOverShadow","windowDragOver","windowDragOver2022","content","contentWithFiles","contentInnerSmall","inputIconSizeSmall","fileUploaderIconGapSmall","contentInnerMedium","inputIconSizeMedium","fileUploaderIconGapMedium","contentInnerLarge","inputIconSizeLarge","fileUploaderIconGapLarge","fileInput","fileUploaderAfterLinkColor","afterLinkText_HasFiles","warning","fileUploaderBorderColorWarning","error","fileUploaderBorderColorError","hovered","fileUploaderHoveredBg","fileUploaderHoveredBorderColor","linkHovered","fileUploaderLinkHoverTextDecoration","disabled","fileUploaderDisabledBg","fileUploaderDisabledBorder","fileUploaderDisabledTextColor","fileUploaderDisabledBgClip","icon","fileUploaderIconColor","iconDisabled","fileUploaderDisabledIconColor","link","fileUploaderLinkColor","linkDisabled","fileUploaderDisabledLinkColor","singleFile","sizeSmall","fileUploaderFontSizeSmall","fileUploaderLineHeightSmall","fileUploaderPaddingXSmall","fileUploaderPaddingYSmall","sizeMedium","fileUploaderFontSizeMedium","fileUploaderLineHeightMedium","fileUploaderPaddingXMedium","fileUploaderPaddingYMedium","sizeLarge","fileUploaderFontSizeLarge","fileUploaderLineHeightLarge","fileUploaderPaddingXLarge","fileUploaderPaddingYLarge","iconSmall","iconMedium","iconLarge","jsStyles"],"mappings":"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","sourcesContent":["import { css, keyframes, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\n\nimport { fileUploaderSizeMixin } from './FileUploader.mixins';\n\nexport const globalClasses = prefix('file-uploader')({\n afterLinkText: 'after-link-text',\n});\n\nconst styles = {\n calcPulse(t: Theme) {\n return keyframes`\n 0% {\n box-shadow: 0 0 0 1px ${ColorFunctions.fade(t.inputBlinkColor, 0.6)};\n }\n 95% {\n box-shadow: 0 0 0 10px ${ColorFunctions.fade(t.inputBlinkColor, 0.1)};\n }\n 100% {\n box-shadow: 0 0 0 1px ${ColorFunctions.fade(t.inputBlinkColor, 0.0)};\n }\n `;\n },\n pulse() {\n return keyframes`\n 0% {\n box-shadow:\n 0px 0px 0px 0px #2DA4F9,\n 0px 0px 0px 1px rgba(45,164,249,0.7);\n }\n 95% {\n box-shadow:\n 0px 0px 0px 0px #2DA4F9,\n 0px 0px 0px 10px rgba(45,164,249,0);\n }\n 100% {\n box-shadow:\n 0px 0px 0px 0px #2DA4F9,\n 0px 0px 0px 1px rgba(45,164,249,0);\n }\n `;\n },\n\n root(t: Theme) {\n return css`\n display: inline-block;\n position: relative;\n line-height: ${t.fileUploaderLineHeight};\n font-size: ${t.fileUploaderFontSize};\n color: ${t.fileUploaderTextColorDefault};\n background-color: ${t.fileUploaderBg};\n `;\n },\n\n uploadButton(t: Theme) {\n return css`\n width: 100%;\n display: inline-flex;\n align-items: center;\n justify-content: space-between;\n border: ${t.fileUploaderBorderWidth} ${t.fileUploaderBorderStyle} ${t.fileUploaderBorderColor};\n box-sizing: border-box;\n border-radius: ${t.fileUploaderBorderRadius};\n outline: none;\n cursor: pointer;\n padding: ${t.fileUploaderPaddingY} ${t.fileUploaderPaddingX};\n transition: box-shadow 0.3s ease;\n background-color: ${t.fileUploaderUploadButtonBg};\n `;\n },\n\n uploadButtonFocus(t: Theme) {\n return css`\n border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorFocus};\n box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorFocus};\n `;\n },\n\n dragOver(t: Theme) {\n return css`\n border: 1px solid ${t.fileUploaderDragOverBorderColor};\n border-radius: ${t.fileUploaderBorderRadius};\n box-shadow: ${t.fileUploaderDragOverShadow};\n `;\n },\n\n windowDragOver(t: Theme) {\n return css`\n border-radius: ${t.fileUploaderBorderRadius};\n animation: ${styles.pulse()} 1.5s infinite;\n `;\n },\n\n windowDragOver2022(t: Theme) {\n return css`\n border-radius: ${t.fileUploaderBorderRadius};\n animation: ${styles.calcPulse(t)} 1.5s infinite;\n `;\n },\n\n content() {\n return css`\n display: block;\n width: 100%;\n height: 100%;\n\n overflow: hidden;\n text-overflow: ellipsis;\n `;\n },\n\n contentWithFiles() {\n return css`\n display: flex;\n align-items: center;\n `;\n },\n\n contentInnerSmall(t: Theme) {\n return css`\n width: calc(100% - ${t.inputIconSizeSmall} - ${t.fileUploaderIconGapSmall});\n `;\n },\n\n contentInnerMedium(t: Theme) {\n return css`\n width: calc(100% - ${t.inputIconSizeMedium} - ${t.fileUploaderIconGapMedium});\n `;\n },\n\n contentInnerLarge(t: Theme) {\n return css`\n width: calc(100% - ${t.inputIconSizeLarge} - ${t.fileUploaderIconGapLarge});\n `;\n },\n\n fileInput() {\n return css`\n width: 0;\n height: 0;\n `;\n },\n\n afterLinkText(t: Theme) {\n return css`\n display: inline;\n color: ${t.fileUploaderAfterLinkColor};\n `;\n },\n\n afterLinkText_HasFiles(t: Theme) {\n return css`\n display: flex;\n justify-content: space-between;\n flex: 1 1 auto;\n color: ${t.fileUploaderAfterLinkColor};\n `;\n },\n\n warning(t: Theme) {\n return css`\n border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorWarning};\n box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorWarning};\n `;\n },\n\n error(t: Theme) {\n return css`\n border: ${t.fileUploaderBorderWidth} solid ${t.fileUploaderBorderColorError};\n box-shadow: 0px 0px 0px 1px ${t.fileUploaderBorderColorError};\n `;\n },\n\n hovered(t: Theme) {\n return css`\n background: ${t.fileUploaderHoveredBg};\n border-color: ${t.fileUploaderHoveredBorderColor};\n `;\n },\n\n linkHovered(t: Theme) {\n return css`\n text-decoration: ${t.fileUploaderLinkHoverTextDecoration};\n `;\n },\n\n disabled(t: Theme) {\n return css`\n cursor: default;\n background: ${t.fileUploaderDisabledBg};\n border: ${t.fileUploaderDisabledBorder};\n color: ${t.fileUploaderDisabledTextColor};\n box-shadow: none;\n background-clip: ${t.fileUploaderDisabledBgClip};\n\n .${globalClasses.afterLinkText} {\n color: ${t.fileUploaderDisabledTextColor};\n }\n `;\n },\n\n icon(t: Theme) {\n return css`\n display: inline-block;\n position: absolute;\n color: ${t.fileUploaderIconColor};\n text-align: right;\n `;\n },\n\n iconDisabled(t: Theme) {\n return css`\n color: ${t.fileUploaderDisabledIconColor};\n `;\n },\n\n link(t: Theme) {\n return css`\n outline: none;\n text-decoration: none;\n color: ${t.fileUploaderLinkColor};\n `;\n },\n\n linkDisabled(t: Theme) {\n return css`\n color: ${t.fileUploaderDisabledLinkColor};\n &:hover {\n text-decoration: none;\n }\n `;\n },\n\n singleFile() {\n return css`\n width: 100%;\n `;\n },\n\n sizeSmall(t: Theme) {\n return css`\n ${fileUploaderSizeMixin(\n t.fileUploaderFontSizeSmall,\n t.fileUploaderLineHeightSmall,\n t.fileUploaderPaddingXSmall,\n t.fileUploaderPaddingYSmall,\n )};\n `;\n },\n\n sizeMedium(t: Theme) {\n return css`\n ${fileUploaderSizeMixin(\n t.fileUploaderFontSizeMedium,\n t.fileUploaderLineHeightMedium,\n t.fileUploaderPaddingXMedium,\n t.fileUploaderPaddingYMedium,\n )};\n `;\n },\n\n sizeLarge(t: Theme) {\n return css`\n ${fileUploaderSizeMixin(\n t.fileUploaderFontSizeLarge,\n t.fileUploaderLineHeightLarge,\n t.fileUploaderPaddingXLarge,\n t.fileUploaderPaddingYLarge,\n )};\n `;\n },\n\n iconSmall(t: Theme) {\n return css`\n font-size: ${t.fileUploaderFontSizeSmall};\n line-height: ${t.fileUploaderLineHeightSmall};\n width: ${t.inputIconSizeSmall};\n bottom: ${t.fileUploaderPaddingYSmall};\n right: ${t.fileUploaderPaddingXSmall};\n `;\n },\n iconMedium(t: Theme) {\n return css`\n font-size: ${t.fileUploaderFontSizeMedium};\n line-height: ${t.fileUploaderLineHeightMedium};\n width: ${t.inputIconSizeMedium};\n bottom: ${t.fileUploaderPaddingYMedium};\n right: ${t.fileUploaderPaddingXMedium};\n `;\n },\n iconLarge(t: Theme) {\n return css`\n font-size: ${t.fileUploaderFontSizeLarge};\n line-height: ${t.fileUploaderLineHeightLarge};\n width: ${t.inputIconSizeLarge};\n bottom: ${t.fileUploaderPaddingYLarge};\n right: ${t.fileUploaderPaddingXLarge};\n `;\n },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

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

@@ -1,22 +1,38 @@
 import { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    afterLinkText: string;
+};
 export declare const jsStyles: {
+    calcPulse(t: Theme): string;
     pulse(): string;
     root(t: Theme): string;
     uploadButton(t: Theme): string;
     uploadButtonFocus(t: Theme): string;
     dragOver(t: Theme): string;
     windowDragOver(t: Theme): string;
+    windowDragOver2022(t: Theme): string;
     content(): string;
+    contentWithFiles(): string;
+    contentInnerSmall(t: Theme): string;
+    contentInnerMedium(t: Theme): string;
+    contentInnerLarge(t: Theme): string;
     fileInput(): string;
-    afterLinkText(): string;
+    afterLinkText(t: Theme): string;
+    afterLinkText_HasFiles(t: Theme): string;
     warning(t: Theme): string;
     error(t: Theme): string;
     hovered(t: Theme): string;
+    linkHovered(t: Theme): string;
     disabled(t: Theme): string;
     icon(t: Theme): string;
     iconDisabled(t: Theme): string;
     link(t: Theme): string;
-    linkHovered(t: Theme): string;
     linkDisabled(t: Theme): string;
     singleFile(): string;
+    sizeSmall(t: Theme): string;
+    sizeMedium(t: Theme): string;
+    sizeLarge(t: Theme): string;
+    iconSmall(t: Theme): string;
+    iconMedium(t: Theme): string;
+    iconLarge(t: Theme): string;
 };

package/components/FileUploader/UploadIcon/UploadIcon.js ADDED Viewed

@@ -0,0 +1,17 @@
+/* eslint-disable react/display-name */
+import React from 'react';
+import { iconSizer } from "../../../internal/icons2022/iconSizer";
+import { NetUploadIcon16Light } from "../../../internal/icons2022/NetUploadIcon/NetUploadIcon16Light";
+import { NetUploadIcon20Light } from "../../../internal/icons2022/NetUploadIcon/NetUploadIcon20Light";
+import { NetUploadIcon24Regular } from "../../../internal/icons2022/NetUploadIcon/NetUploadIcon24Regular";
+export var UploadIcon = iconSizer({
+  small: function small() {
+    return /*#__PURE__*/React.createElement(NetUploadIcon16Light, null);
+  },
+  medium: function medium() {
+    return /*#__PURE__*/React.createElement(NetUploadIcon20Light, null);
+  },
+  large: function large() {
+    return /*#__PURE__*/React.createElement(NetUploadIcon24Regular, null);
+  }
+}, 'UploadIcon');

package/components/FileUploader/UploadIcon/UploadIcon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["UploadIcon.tsx"],"names":["React","iconSizer","NetUploadIcon16Light","NetUploadIcon20Light","NetUploadIcon24Regular","UploadIcon","small","medium","large"],"mappings":"AAAA;AACA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,SAAT,QAA0B,oCAA1B;AACA,SAASC,oBAAT,QAAqC,6DAArC;AACA,SAASC,oBAAT,QAAqC,6DAArC;AACA,SAASC,sBAAT,QAAuC,+DAAvC;;AAEA,OAAO,IAAMC,UAAU,GAAGJ,SAAS;AACjC;AACEK,EAAAA,KAAK,EAAE,sCAAM,oBAAC,oBAAD,OAAN,EADT;AAEEC,EAAAA,MAAM,EAAE,uCAAM,oBAAC,oBAAD,OAAN,EAFV;AAGEC,EAAAA,KAAK,EAAE,sCAAM,oBAAC,sBAAD,OAAN,EAHT,EADiC;;AAMjC,YANiC,CAA5B","sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\n\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\nimport { NetUploadIcon16Light } from '../../internal/icons2022/NetUploadIcon/NetUploadIcon16Light';\nimport { NetUploadIcon20Light } from '../../internal/icons2022/NetUploadIcon/NetUploadIcon20Light';\nimport { NetUploadIcon24Regular } from '../../internal/icons2022/NetUploadIcon/NetUploadIcon24Regular';\n\nexport const UploadIcon = iconSizer(\n {\n small: () => <NetUploadIcon16Light />,\n medium: () => <NetUploadIcon20Light />,\n large: () => <NetUploadIcon24Regular />,\n },\n 'UploadIcon',\n);\n"]}

package/components/FileUploader/UploadIcon/package.json ADDED Viewed

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

package/components/FileUploader/UploadIcon.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export declare const UploadIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;

package/components/FxInput/FxInput/FxInput.js CHANGED Viewed

@@ -10,14 +10,17 @@ var _class, _class2, _temp; // TODO: Enable this rule in functional components.
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Button } from "../../Button";
 import { Group } from "../../Group";
 import { Input } from "../../Input";
 import { CurrencyInput } from "../../CurrencyInput";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
-import { FunctionIcon, UndoIcon } from "../../../internal/icons/16px";
+import { FunctionIcon } from "../../../internal/icons/16px";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { rootNode } from "../../../lib/rootNode";
+import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { MathFunctionIcon } from "../MathFunctionIcon";
+import { FxInputRestoreBtn } from "../FxInputRestoreBtn";
 export var FxInputDataTids = {
   root: 'FxInput__root'
 };
@@ -50,28 +53,49 @@ var FxInput = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React
         align: 'right'
       };
       var button = null;
+      var inputCorners;
+      var IconFunction = /*#__PURE__*/React.createElement(FunctionIcon, null);
+      if (isTheme2022(_this.theme)) {
+        inputCorners = auto ? {} : {
+          borderBottomLeftRadius: 0,
+          borderTopLeftRadius: 0
+        };
+        var iconSizes = {
+          small: parseInt(_this.theme.inputIconSizeSmall),
+          medium: parseInt(_this.theme.inputIconSizeMedium),
+          large: parseInt(_this.theme.inputIconSizeLarge)
+        };
+        var size = _this.props.size || Input.defaultProps.size;
+        IconFunction = /*#__PURE__*/React.createElement(MathFunctionIcon, {
+          size: iconSizes[size]
+        });
+      }
       if (auto) {
-        inputProps.leftIcon = /*#__PURE__*/React.createElement(FunctionIcon, null);
+        inputProps.leftIcon = IconFunction;
       } else {
-        button = /*#__PURE__*/React.createElement(Button, {
-          size: _this.props.size,
-          narrow: true,
-          onClick: _this.props.onRestore,
-          borderless: _this.props.borderless,
-          disabled: _this.props.disabled
-        }, /*#__PURE__*/React.createElement(UndoIcon, null));
+        button = /*#__PURE__*/React.createElement(FxInputRestoreBtn, {
+          size: rest.size,
+          onRestore: onRestore,
+          disabled: rest.disabled,
+          borderless: rest.borderless
+        });
       }
       return /*#__PURE__*/React.createElement(Group, {
         "data-tid": FxInputDataTids.root,
         width: width
       }, button, type === 'currency' ? /*#__PURE__*/React.createElement(CurrencyInput, _extends({}, inputProps, rest, {
+        corners: inputCorners,
+        size: _this.props.size,
         width: '100%',
         ref: _this.refInput,
         value: value,
         onValueChange: _this.props.onValueChange
       })) : /*#__PURE__*/React.createElement(Input, _extends({}, inputProps, rest, {
+        corners: inputCorners,
+        size: _this.props.size,
         width: '100%',
         ref: _this.refInput,
         type: type,
@@ -106,9 +130,14 @@ var FxInput = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React
   var _proto = FxInput.prototype;
   _proto.render = function render() {
-    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-      rootNodeRef: this.setRootNode
-    }, this.getProps()), this.renderMain);
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+        rootNodeRef: _this2.setRootNode
+      }, _this2.getProps()), _this2.renderMain);
+    });
   };
   return FxInput;