@salutejs/plasma-new-hope 0.344.0-canary.2392.20298160025.0 → 0.344.0-canary.2398.20426736662.0

package/dist/css/es/components/Attach/Attach.js.map

@@ -1 +1 @@
-{"version":3,"file":"Attach.js","sources":["../../../../../src/components/Attach/Attach.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport type { ChangeEvent, MouseEvent, PropsWithChildren } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { RootProps } from 'src/engines';\nimport { cx } from 'src/utils';\n\nimport { AttachProps, FileInfo } from './Attach.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as helperTextViewCSS } from './variations/_helperTextView/base';\nimport { base, StyledHelperText, StyledHiddenInput, StyledAttachButtonWrapper, FilesWrapper } from './Attach.styles';\nimport { getFilenameParts } from './utils';\nimport { classes } from './Attach.tokens';\nimport { AttachButton, HiddenWidthHelper } from './components';\nimport { CellUI, DropdownUI } from './ui';\n\nexport const attachRoot = (Root: RootProps<HTMLDivElement, AttachProps>) =>\n    forwardRef<HTMLDivElement, AttachProps>((props, outerRef) => {\n        const {\n            flow = 'auto',\n            buttonType = 'button',\n            hideButtonOnAttach = false,\n            hasAttachment = true,\n            multiple,\n            dropdownOptions,\n            acceptedFileFormats,\n            helperText,\n            size,\n            view,\n            helperTextView,\n            className,\n            style,\n            isLoading,\n            disabled,\n            id,\n            name,\n            customIcon,\n            onClick,\n            onChange,\n            onClear,\n            ...rest\n        } = props;\n\n        const innerRef = useRef<HTMLDivElement>(null);\n        const ref = useForkRef(outerRef, innerRef);\n\n        const inputRef = useRef<HTMLInputElement | null>(null);\n        const buttonRef = useRef<HTMLButtonElement | null>(null);\n\n        const fileWrapperWidthRef = useRef<HTMLDivElement | null>(null);\n        const fileWrapperHelperRef = useRef<HTMLDivElement | null>(null);\n        const cellHelperRefs = useRef<Record<string, HTMLDivElement>>({});\n\n        const [filesInfo, setFilesInfo] = useState<Record<string, FileInfo>>({});\n        const [hasHiddenFiles, setHasHiddenFiles] = useState(false);\n\n        const filesLength = Object.keys(filesInfo).length;\n\n        const horizontalClass = flow === 'horizontal' ? classes.horizontal : undefined;\n        const verticalClass = flow === 'vertical' ? classes.vertical : undefined;\n        const autoClass = flow === 'auto' ? classes.auto : undefined;\n        const withHelperTextClass = helperText ? classes.withHelperText : undefined;\n\n        const accept = acceptedFileFormats?.join(',');\n\n        const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n            if (!inputRef.current) {\n                return;\n            }\n\n            if (onClick) {\n                onClick(e);\n            }\n\n            inputRef.current.click();\n        };\n\n        const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n            const fileList = e.target.files;\n            if (!fileList || fileList.length === 0) {\n                return;\n            }\n\n            if (onChange) {\n                onChange(e);\n            }\n\n            if (!hasAttachment) {\n                return;\n            }\n\n            const fileArray = Array.from(fileList);\n            const filesData = fileArray.reduce((acc, file, ind) => {\n                const fileKey = `${ind}_${file.name}`;\n                acc[fileKey] = getFilenameParts(file.name, size, customIcon);\n\n                return acc;\n            }, {} as Record<string, FileInfo>);\n\n            cellHelperRefs.current = {};\n            setFilesInfo(filesData);\n            setHasHiddenFiles(false);\n        };\n\n        const handleClear = (fileKey: string) => {\n            if (!inputRef.current) {\n                return;\n            }\n\n            if (onClear) {\n                onClear();\n            }\n\n            setFilesInfo((prevFileInfo) => {\n                const updatedFilesInfo = { ...prevFileInfo };\n                delete updatedFilesInfo[fileKey];\n\n                return updatedFilesInfo;\n            });\n\n            delete cellHelperRefs.current[fileKey];\n\n            setHasHiddenFiles(false);\n        };\n\n        const getCellRef = (element: HTMLDivElement | null, key: string) => {\n            if (element && cellHelperRefs?.current) {\n                cellHelperRefs.current[key] = element;\n            }\n        };\n\n        const updateHiddenFiles = () => {\n            const newFilesInfo = { ...filesInfo };\n\n            if (!multiple || Object.keys(filesInfo).length === 0) {\n                setHasHiddenFiles(false);\n\n                return;\n            }\n\n            if (flow !== 'horizontal') {\n                Object.keys(newFilesInfo).forEach((key) => {\n                    newFilesInfo[key].isVisible = true;\n                });\n\n                setHasHiddenFiles(false);\n                setFilesInfo(newFilesInfo);\n\n                return;\n            }\n\n            if (\n                !fileWrapperWidthRef.current ||\n                !fileWrapperHelperRef.current ||\n                !Object.keys(cellHelperRefs.current).length\n            ) {\n                return;\n            }\n\n            const fileWrapper = fileWrapperWidthRef.current;\n\n            const fileWrapperWidth = fileWrapper.clientWidth;\n            const fileWrapperGap = parseInt(window.getComputedStyle(fileWrapper).columnGap ?? 0, 10);\n\n            let totalWidth = 0;\n\n            const firstHidden = Object.entries(cellHelperRefs.current).findIndex(([_, cell]) => {\n                totalWidth += cell.clientWidth + fileWrapperGap;\n\n                if (totalWidth > fileWrapperWidth) {\n                    setHasHiddenFiles(true);\n\n                    return true;\n                }\n\n                return false;\n            });\n\n            const newKeys = Object.keys(newFilesInfo);\n\n            const filesInfoVisibleKeys = firstHidden >= 0 ? newKeys.slice(0, firstHidden) : newKeys;\n            const filesInfoHiddenKeys = firstHidden >= 0 ? newKeys.slice(firstHidden) : [];\n\n            filesInfoVisibleKeys.forEach((key) => {\n                newFilesInfo[key].isVisible = true;\n            });\n\n            filesInfoHiddenKeys.forEach((key) => {\n                newFilesInfo[key].isVisible = false;\n            });\n\n            setFilesInfo(newFilesInfo);\n        };\n\n        useLayoutEffect(() => {\n            updateHiddenFiles();\n        }, [filesLength, flow, multiple]);\n\n        useEffect(() => {\n            if (flow !== 'horizontal' || !multiple) {\n                return;\n            }\n\n            const observer = new ResizeObserver(() => {\n                updateHiddenFiles();\n            });\n\n            if (innerRef.current) {\n                observer.observe(innerRef.current);\n            }\n\n            return () => observer.disconnect();\n        }, [filesLength, flow, multiple]);\n\n        const RootWrapper = ({ children }: PropsWithChildren) => {\n            return (\n                <Root size={size} view={view}>\n                    {children}\n                </Root>\n            );\n        };\n\n        return (\n            <Root\n                className={cx(horizontalClass, verticalClass, autoClass, withHelperTextClass, className)}\n                style={style}\n                size={size}\n                view={view}\n                helperTextView={helperTextView}\n                ref={ref}\n            >\n                <StyledHiddenInput\n                    ref={inputRef}\n                    accept={accept}\n                    type=\"file\"\n                    id={id}\n                    name={name}\n                    multiple={multiple}\n                    onChange={handleChange}\n                />\n\n                {(!hideButtonOnAttach || !filesLength) && (\n                    <StyledAttachButtonWrapper>\n                        <AttachButton\n                            ref={buttonRef}\n                            buttonType={buttonType}\n                            isLoading={isLoading}\n                            disabled={disabled}\n                            onClick={handleClick}\n                            {...rest}\n                        />\n\n                        {helperText && <StyledHelperText>{helperText}</StyledHelperText>}\n                    </StyledAttachButtonWrapper>\n                )}\n\n                {(hasAttachment || hideButtonOnAttach) &&\n                    Boolean(filesLength) &&\n                    Object.values(filesInfo)[0].isVisible && (\n                        <>\n                            <FilesWrapper\n                                className={cx(horizontalClass, verticalClass, autoClass)}\n                                applyOverflow={multiple && flow === 'horizontal'}\n                            >\n                                {Object.entries(filesInfo).map(\n                                    ([key, { extension, filenameWithoutExtension, cellContentLeft, isVisible }]) => {\n                                        if (!isVisible) {\n                                            return;\n                                        }\n\n                                        return (\n                                            <CellUI\n                                                key={key}\n                                                filenameWithoutExtension={filenameWithoutExtension}\n                                                extension={extension}\n                                                size={size}\n                                                cellContentLeft={cellContentLeft}\n                                                multiple={multiple}\n                                                flow={flow}\n                                                onClick={() => handleClear(key)}\n                                            />\n                                        );\n                                    },\n                                )}\n                            </FilesWrapper>\n                        </>\n                    )}\n\n                {(hasAttachment || hideButtonOnAttach) && hasHiddenFiles && (\n                    <DropdownUI\n                        rootWrapper={RootWrapper}\n                        size={size}\n                        filesInfo={filesInfo}\n                        customIcon={customIcon}\n                        handleClear={handleClear}\n                        {...dropdownOptions}\n                        placement={dropdownOptions?.placement ?? 'bottom'}\n                    />\n                )}\n\n                {multiple && flow === 'horizontal' && (\n                    <HiddenWidthHelper ref={fileWrapperWidthRef} hasHiddenFiles={hasHiddenFiles} size={size} />\n                )}\n\n                {multiple && flow === 'horizontal' && (hasAttachment || hideButtonOnAttach) && Boolean(filesLength) && (\n                    <FilesWrapper ref={fileWrapperHelperRef} className={cx(horizontalClass, classes.horizontalHidden)}>\n                        {Object.entries(filesInfo).map(\n                            ([key, { extension, filenameWithoutExtension, cellContentLeft }]) => (\n                                <CellUI\n                                    key={key}\n                                    ref={(el) => getCellRef(el, key)}\n                                    filenameWithoutExtension={filenameWithoutExtension}\n                                    extension={extension}\n                                    size={size}\n                                    cellContentLeft={cellContentLeft}\n                                    multiple={multiple}\n                                    flow={flow}\n                                    isHelper\n                                />\n                            ),\n                        )}\n                    </FilesWrapper>\n                )}\n            </Root>\n        );\n    });\n\nexport const attachConfig = {\n    name: 'Attach',\n    tag: 'div',\n    layout: attachRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        helperTextView: {\n            css: helperTextViewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        helperTextView: 'default',\n        size: 'm',\n    },\n};\n"],"names":["attachRoot","Root","forwardRef","props","outerRef","_dropdownOptions$plac","_props$flow","flow","_props$buttonType","buttonType","_props$hideButtonOnAt","hideButtonOnAttach","_props$hasAttachment","hasAttachment","multiple","dropdownOptions","acceptedFileFormats","helperText","size","view","helperTextView","className","style","isLoading","disabled","id","name","customIcon","onClick","onChange","onClear","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","inputRef","buttonRef","fileWrapperWidthRef","fileWrapperHelperRef","cellHelperRefs","_useState","useState","_useState2","_slicedToArray","filesInfo","setFilesInfo","_useState3","_useState4","hasHiddenFiles","setHasHiddenFiles","filesLength","Object","keys","length","horizontalClass","classes","horizontal","undefined","verticalClass","vertical","autoClass","auto","withHelperTextClass","withHelperText","accept","join","handleClick","e","current","click","handleChange","fileList","target","files","fileArray","Array","from","filesData","reduce","acc","file","ind","fileKey","concat","getFilenameParts","handleClear","prevFileInfo","updatedFilesInfo","_objectSpread","getCellRef","element","key","updateHiddenFiles","_window$getComputedSt","newFilesInfo","forEach","isVisible","fileWrapper","fileWrapperWidth","clientWidth","fileWrapperGap","parseInt","window","getComputedStyle","columnGap","totalWidth","firstHidden","entries","findIndex","_ref","_ref2","_","cell","newKeys","filesInfoVisibleKeys","slice","filesInfoHiddenKeys","useLayoutEffect","useEffect","observer","ResizeObserver","observe","disconnect","RootWrapper","_ref3","children","React","createElement","cx","StyledHiddenInput","type","StyledAttachButtonWrapper","AttachButton","_extends","StyledHelperText","Boolean","values","Fragment","FilesWrapper","applyOverflow","map","_ref4","_ref5","_ref5$","extension","filenameWithoutExtension","cellContentLeft","CellUI","DropdownUI","rootWrapper","placement","HiddenWidthHelper","horizontalHidden","_ref6","_ref7","_ref7$","el","isHelper","attachConfig","tag","layout","base","variations","css","viewCSS","helperTextViewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Attach.js","sources":["../../../../../src/components/Attach/Attach.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport type { ChangeEvent, MouseEvent, PropsWithChildren } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { RootProps } from 'src/engines';\nimport { cx } from 'src/utils';\n\nimport { AttachProps, FileInfo } from './Attach.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as helperTextViewCSS } from './variations/_helperTextView/base';\nimport { base, StyledHelperText, StyledHiddenInput, StyledAttachButtonWrapper, FilesWrapper } from './Attach.styles';\nimport { getFilenameParts } from './utils';\nimport { classes } from './Attach.tokens';\nimport { AttachButton, HiddenWidthHelper } from './components';\nimport { CellUI, DropdownUI } from './ui';\n\nexport const attachRoot = (Root: RootProps<HTMLDivElement, AttachProps>) =>\n    forwardRef<HTMLDivElement, AttachProps>((props, outerRef) => {\n        const {\n            flow = 'auto',\n            buttonType = 'button',\n            hideButtonOnAttach = false,\n            hasAttachment = true,\n            multiple,\n            dropdownOptions,\n            acceptedFileFormats,\n            helperText,\n            size,\n            view,\n            helperTextView,\n            className,\n            style,\n            isLoading,\n            disabled,\n            id,\n            name,\n            customIcon,\n            onClick,\n            onChange,\n            onClear,\n            ...rest\n        } = props;\n\n        const innerRef = useRef<HTMLDivElement>(null);\n        const ref = useForkRef(outerRef, innerRef);\n\n        const inputRef = useRef<HTMLInputElement | null>(null);\n        const buttonRef = useRef<HTMLButtonElement | null>(null);\n\n        const fileWrapperWidthRef = useRef<HTMLDivElement | null>(null);\n        const fileWrapperHelperRef = useRef<HTMLDivElement | null>(null);\n        const cellHelperRefs = useRef<Record<string, HTMLDivElement>>({});\n\n        const [filesInfo, setFilesInfo] = useState<Record<string, FileInfo>>({});\n        const [hasHiddenFiles, setHasHiddenFiles] = useState(false);\n\n        const filesLength = Object.keys(filesInfo).length;\n\n        const horizontalClass = flow === 'horizontal' ? classes.horizontal : undefined;\n        const verticalClass = flow === 'vertical' ? classes.vertical : undefined;\n        const autoClass = flow === 'auto' ? classes.auto : undefined;\n        const withHelperTextClass = helperText ? classes.withHelperText : undefined;\n\n        const accept = acceptedFileFormats?.join(',');\n\n        const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n            if (!inputRef.current) {\n                return;\n            }\n\n            if (onClick) {\n                onClick(e);\n            }\n\n            inputRef.current.click();\n        };\n\n        const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n            const fileList = e.target.files;\n            if (!fileList || fileList.length === 0) {\n                return;\n            }\n\n            if (onChange) {\n                onChange(e);\n            }\n\n            if (!hasAttachment) {\n                return;\n            }\n\n            const fileArray = Array.from(fileList);\n            const filesData = fileArray.reduce((acc, file, ind) => {\n                const fileKey = `${ind}_${file.name}`;\n                acc[fileKey] = getFilenameParts(file.name, size, customIcon);\n\n                return acc;\n            }, {} as Record<string, FileInfo>);\n\n            cellHelperRefs.current = {};\n            setFilesInfo(filesData);\n            setHasHiddenFiles(false);\n        };\n\n        const handleClear = (fileKey: string) => {\n            if (!inputRef.current) {\n                return;\n            }\n\n            if (onClear) {\n                onClear();\n            }\n\n            setFilesInfo((prevFileInfo) => {\n                const updatedFilesInfo = { ...prevFileInfo };\n                delete updatedFilesInfo[fileKey];\n\n                return updatedFilesInfo;\n            });\n\n            delete cellHelperRefs.current[fileKey];\n\n            setHasHiddenFiles(false);\n        };\n\n        const getCellRef = (element: HTMLDivElement | null, key: string) => {\n            if (element && cellHelperRefs?.current) {\n                cellHelperRefs.current[key] = element;\n            }\n        };\n\n        const updateHiddenFiles = () => {\n            const newFilesInfo = { ...filesInfo };\n\n            if (!multiple || Object.keys(filesInfo).length === 0) {\n                setHasHiddenFiles(false);\n\n                return;\n            }\n\n            if (flow !== 'horizontal') {\n                Object.keys(newFilesInfo).forEach((key) => {\n                    newFilesInfo[key].isVisible = true;\n                });\n\n                setHasHiddenFiles(false);\n                setFilesInfo(newFilesInfo);\n\n                return;\n            }\n\n            if (\n                !fileWrapperWidthRef.current ||\n                !fileWrapperHelperRef.current ||\n                !Object.keys(cellHelperRefs.current).length\n            ) {\n                return;\n            }\n\n            const fileWrapper = fileWrapperWidthRef.current;\n\n            const fileWrapperWidth = fileWrapper.clientWidth;\n            const fileWrapperGap = parseInt(window.getComputedStyle(fileWrapper).columnGap ?? 0, 10);\n\n            let totalWidth = 0;\n\n            const firstHidden = Object.entries(cellHelperRefs.current).findIndex(([_, cell]) => {\n                totalWidth += cell.clientWidth + fileWrapperGap;\n\n                if (totalWidth > fileWrapperWidth) {\n                    setHasHiddenFiles(true);\n\n                    return true;\n                }\n\n                return false;\n            });\n\n            const newKeys = Object.keys(newFilesInfo);\n\n            const filesInfoVisibleKeys = firstHidden >= 0 ? newKeys.slice(0, firstHidden) : newKeys;\n            const filesInfoHiddenKeys = firstHidden >= 0 ? newKeys.slice(firstHidden) : [];\n\n            filesInfoVisibleKeys.forEach((key) => {\n                newFilesInfo[key].isVisible = true;\n            });\n\n            filesInfoHiddenKeys.forEach((key) => {\n                newFilesInfo[key].isVisible = false;\n            });\n\n            setFilesInfo(newFilesInfo);\n        };\n\n        useLayoutEffect(() => {\n            updateHiddenFiles();\n        }, [filesLength, flow, multiple]);\n\n        useEffect(() => {\n            if (flow !== 'horizontal' || !multiple) {\n                return;\n            }\n\n            const observer = new ResizeObserver(() => {\n                updateHiddenFiles();\n            });\n\n            if (innerRef.current) {\n                observer.observe(innerRef.current);\n            }\n\n            return () => observer.disconnect();\n        }, [filesLength, flow, multiple]);\n\n        const RootWrapper = ({ children }: PropsWithChildren) => {\n            return (\n                <Root size={size} view={view}>\n                    {children}\n                </Root>\n            );\n        };\n\n        return (\n            <Root\n                className={cx(horizontalClass, verticalClass, autoClass, withHelperTextClass, className)}\n                style={style}\n                size={size}\n                view={view}\n                helperTextView={helperTextView}\n                ref={ref}\n            >\n                <StyledHiddenInput\n                    ref={inputRef}\n                    accept={accept}\n                    type=\"file\"\n                    id={id}\n                    name={name}\n                    multiple={multiple}\n                    onChange={handleChange}\n                />\n\n                {(!hideButtonOnAttach || !filesLength) && (\n                    <StyledAttachButtonWrapper>\n                        <AttachButton\n                            ref={buttonRef}\n                            buttonType={buttonType}\n                            isLoading={isLoading}\n                            disabled={disabled}\n                            onClick={handleClick}\n                            {...rest}\n                        />\n\n                        {helperText && <StyledHelperText>{helperText}</StyledHelperText>}\n                    </StyledAttachButtonWrapper>\n                )}\n\n                {(hasAttachment || hideButtonOnAttach) &&\n                    Boolean(filesLength) &&\n                    Object.values(filesInfo)[0].isVisible && (\n                        <>\n                            <FilesWrapper\n                                className={cx(horizontalClass, verticalClass, autoClass)}\n                                applyOverflow={multiple && flow === 'horizontal'}\n                            >\n                                {Object.entries(filesInfo).map(\n                                    ([key, { extension, filenameWithoutExtension, cellContentLeft, isVisible }]) => {\n                                        if (!isVisible) {\n                                            return;\n                                        }\n\n                                        return (\n                                            <CellUI\n                                                key={key}\n                                                filenameWithoutExtension={filenameWithoutExtension}\n                                                extension={extension}\n                                                size={size}\n                                                cellContentLeft={cellContentLeft}\n                                                multiple={multiple}\n                                                flow={flow}\n                                                onClick={() => handleClear(key)}\n                                            />\n                                        );\n                                    },\n                                )}\n                            </FilesWrapper>\n                        </>\n                    )}\n\n                {(hasAttachment || hideButtonOnAttach) && hasHiddenFiles && (\n                    <DropdownUI\n                        rootWrapper={RootWrapper}\n                        size={size}\n                        filesInfo={filesInfo}\n                        customIcon={customIcon}\n                        handleClear={handleClear}\n                        {...dropdownOptions}\n                        placement={dropdownOptions?.placement ?? 'bottom'}\n                    />\n                )}\n\n                {multiple && flow === 'horizontal' && (\n                    <HiddenWidthHelper ref={fileWrapperWidthRef} hasHiddenFiles={hasHiddenFiles} size={size} />\n                )}\n\n                {multiple && flow === 'horizontal' && (hasAttachment || hideButtonOnAttach) && Boolean(filesLength) && (\n                    <FilesWrapper ref={fileWrapperHelperRef} className={cx(horizontalClass, classes.horizontalHidden)}>\n                        {Object.entries(filesInfo).map(\n                            ([key, { extension, filenameWithoutExtension, cellContentLeft }]) => (\n                                <CellUI\n                                    key={key}\n                                    ref={(el) => getCellRef(el, key)}\n                                    filenameWithoutExtension={filenameWithoutExtension}\n                                    extension={extension}\n                                    size={size}\n                                    cellContentLeft={cellContentLeft}\n                                    multiple={multiple}\n                                    flow={flow}\n                                    isHelper\n                                />\n                            ),\n                        )}\n                    </FilesWrapper>\n                )}\n            </Root>\n        );\n    });\n\nexport const attachConfig = {\n    name: 'Attach',\n    tag: 'div',\n    layout: attachRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        helperTextView: {\n            css: helperTextViewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        helperTextView: 'default',\n        size: 'm',\n    },\n};\n"],"names":["attachRoot","Root","forwardRef","props","outerRef","_dropdownOptions$plac","_props$flow","flow","_props$buttonType","buttonType","_props$hideButtonOnAt","hideButtonOnAttach","_props$hasAttachment","hasAttachment","multiple","dropdownOptions","acceptedFileFormats","helperText","size","view","helperTextView","className","style","isLoading","disabled","id","name","customIcon","onClick","onChange","onClear","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","inputRef","buttonRef","fileWrapperWidthRef","fileWrapperHelperRef","cellHelperRefs","_useState","useState","_useState2","_slicedToArray","filesInfo","setFilesInfo","_useState3","_useState4","hasHiddenFiles","setHasHiddenFiles","filesLength","Object","keys","length","horizontalClass","classes","horizontal","undefined","verticalClass","vertical","autoClass","auto","withHelperTextClass","withHelperText","accept","join","handleClick","e","current","click","handleChange","fileList","target","files","fileArray","Array","from","filesData","reduce","acc","file","ind","fileKey","concat","getFilenameParts","handleClear","prevFileInfo","updatedFilesInfo","_objectSpread","getCellRef","element","key","updateHiddenFiles","_window$getComputedSt","newFilesInfo","forEach","isVisible","fileWrapper","fileWrapperWidth","clientWidth","fileWrapperGap","parseInt","window","getComputedStyle","columnGap","totalWidth","firstHidden","entries","findIndex","_ref","_ref2","_","cell","newKeys","filesInfoVisibleKeys","slice","filesInfoHiddenKeys","useLayoutEffect","useEffect","observer","ResizeObserver","observe","disconnect","RootWrapper","_ref3","children","React","createElement","cx","StyledHiddenInput","type","StyledAttachButtonWrapper","AttachButton","_extends","StyledHelperText","Boolean","values","Fragment","FilesWrapper","applyOverflow","map","_ref4","_ref5","_ref5$","extension","filenameWithoutExtension","cellContentLeft","CellUI","DropdownUI","rootWrapper","placement","HiddenWidthHelper","horizontalHidden","_ref6","_ref7","_ref7$","el","isHelper","attachConfig","tag","layout","base","variations","css","viewCSS","helperTextViewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;IAgBaA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAA4C,EAAA;AAAA,EAAA,oBACnEC,UAAU,CAA8B,UAACC,KAAK,EAAEC,QAAQ,EAAK;AAAA,IAAA,IAAAC,qBAAA,CAAA;AACzD,IAAA,IAAAC,WAAA,GAuBIH,KAAK,CAtBLI,IAAI;AAAJA,MAAAA,IAAI,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,WAAA;MAAAE,iBAAA,GAsBbL,KAAK,CArBLM,UAAU;AAAVA,MAAAA,UAAU,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,iBAAA;MAAAE,qBAAA,GAqBrBP,KAAK,CApBLQ,kBAAkB;AAAlBA,MAAAA,kBAAkB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;MAAAE,oBAAA,GAoB1BT,KAAK,CAnBLU,aAAa;AAAbA,MAAAA,aAAa,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,oBAAA;MACpBE,QAAQ,GAkBRX,KAAK,CAlBLW,QAAQ;MACRC,eAAe,GAiBfZ,KAAK,CAjBLY,eAAe;MACfC,mBAAmB,GAgBnBb,KAAK,CAhBLa,mBAAmB;MACnBC,UAAU,GAeVd,KAAK,CAfLc,UAAU;MACVC,IAAI,GAcJf,KAAK,CAdLe,IAAI;MACJC,IAAI,GAaJhB,KAAK,CAbLgB,IAAI;MACJC,cAAc,GAYdjB,KAAK,CAZLiB,cAAc;MACdC,SAAS,GAWTlB,KAAK,CAXLkB,SAAS;MACTC,KAAK,GAULnB,KAAK,CAVLmB,KAAK;MACLC,SAAS,GASTpB,KAAK,CATLoB,SAAS;MACTC,QAAQ,GAQRrB,KAAK,CARLqB,QAAQ;MACRC,EAAE,GAOFtB,KAAK,CAPLsB,EAAE;MACFC,IAAI,GAMJvB,KAAK,CANLuB,IAAI;MACJC,UAAU,GAKVxB,KAAK,CALLwB,UAAU;MACVC,OAAO,GAIPzB,KAAK,CAJLyB,OAAO;MACPC,QAAQ,GAGR1B,KAAK,CAHL0B,QAAQ;MACRC,OAAO,GAEP3B,KAAK,CAFL2B,OAAO;AACJC,MAAAA,IAAI,GAAAC,wBAAA,CACP7B,KAAK,EAAA8B,SAAA,CAAA,CAAA;AAET,IAAA,IAAMC,QAAQ,GAAGC,MAAM,CAAiB,IAAI,CAAC,CAAA;AAC7C,IAAA,IAAMC,GAAG,GAAGC,UAAU,CAACjC,QAAQ,EAAE8B,QAAQ,CAAC,CAAA;AAE1C,IAAA,IAAMI,QAAQ,GAAGH,MAAM,CAA0B,IAAI,CAAC,CAAA;AACtD,IAAA,IAAMI,SAAS,GAAGJ,MAAM,CAA2B,IAAI,CAAC,CAAA;AAExD,IAAA,IAAMK,mBAAmB,GAAGL,MAAM,CAAwB,IAAI,CAAC,CAAA;AAC/D,IAAA,IAAMM,oBAAoB,GAAGN,MAAM,CAAwB,IAAI,CAAC,CAAA;AAChE,IAAA,IAAMO,cAAc,GAAGP,MAAM,CAAiC,EAAE,CAAC,CAAA;AAEjE,IAAA,IAAAQ,SAAA,GAAkCC,QAAQ,CAA2B,EAAE,CAAC;MAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAjEI,MAAAA,SAAS,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,YAAY,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAC9B,IAAA,IAAAI,UAAA,GAA4CL,QAAQ,CAAC,KAAK,CAAC;MAAAM,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAApDE,MAAAA,cAAc,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,iBAAiB,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;IAExC,IAAMG,WAAW,GAAGC,MAAM,CAACC,IAAI,CAACR,SAAS,CAAC,CAACS,MAAM,CAAA;IAEjD,IAAMC,eAAe,GAAGlD,IAAI,KAAK,YAAY,GAAGmD,OAAO,CAACC,UAAU,GAAGC,SAAS,CAAA;IAC9E,IAAMC,aAAa,GAAGtD,IAAI,KAAK,UAAU,GAAGmD,OAAO,CAACI,QAAQ,GAAGF,SAAS,CAAA;IACxE,IAAMG,SAAS,GAAGxD,IAAI,KAAK,MAAM,GAAGmD,OAAO,CAACM,IAAI,GAAGJ,SAAS,CAAA;IAC5D,IAAMK,mBAAmB,GAAGhD,UAAU,GAAGyC,OAAO,CAACQ,cAAc,GAAGN,SAAS,CAAA;IAE3E,IAAMO,MAAM,GAAGnD,mBAAmB,KAAnBA,IAAAA,IAAAA,mBAAmB,KAAnBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,mBAAmB,CAAEoD,IAAI,CAAC,GAAG,CAAC,CAAA;AAE7C,IAAA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,CAAgC,EAAK;AACtD,MAAA,IAAI,CAAChC,QAAQ,CAACiC,OAAO,EAAE;AACnB,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAI3C,OAAO,EAAE;QACTA,OAAO,CAAC0C,CAAC,CAAC,CAAA;AACd,OAAA;AAEAhC,MAAAA,QAAQ,CAACiC,OAAO,CAACC,KAAK,EAAE,CAAA;KAC3B,CAAA;AAED,IAAA,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIH,CAAgC,EAAK;AACvD,MAAA,IAAMI,QAAQ,GAAGJ,CAAC,CAACK,MAAM,CAACC,KAAK,CAAA;MAC/B,IAAI,CAACF,QAAQ,IAAIA,QAAQ,CAAClB,MAAM,KAAK,CAAC,EAAE;AACpC,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAI3B,QAAQ,EAAE;QACVA,QAAQ,CAACyC,CAAC,CAAC,CAAA;AACf,OAAA;MAEA,IAAI,CAACzD,aAAa,EAAE;AAChB,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAMgE,SAAS,GAAGC,KAAK,CAACC,IAAI,CAACL,QAAQ,CAAC,CAAA;AACtC,MAAA,IAAMM,SAAS,GAAGH,SAAS,CAACI,MAAM,CAAC,UAACC,GAAG,EAAEC,IAAI,EAAEC,GAAG,EAAK;QACnD,IAAMC,OAAO,GAAAC,EAAAA,CAAAA,MAAA,CAAMF,GAAG,EAAAE,GAAAA,CAAAA,CAAAA,MAAA,CAAIH,IAAI,CAACzD,IAAI,CAAE,CAAA;AACrCwD,QAAAA,GAAG,CAACG,OAAO,CAAC,GAAGE,gBAAgB,CAACJ,IAAI,CAACzD,IAAI,EAAER,IAAI,EAAES,UAAU,CAAC,CAAA;AAE5D,QAAA,OAAOuD,GAAG,CAAA;OACb,EAAE,EAA8B,CAAC,CAAA;AAElCxC,MAAAA,cAAc,CAAC6B,OAAO,GAAG,EAAE,CAAA;MAC3BvB,YAAY,CAACgC,SAAS,CAAC,CAAA;MACvB5B,iBAAiB,CAAC,KAAK,CAAC,CAAA;KAC3B,CAAA;AAED,IAAA,IAAMoC,WAAW,GAAG,SAAdA,WAAWA,CAAIH,OAAe,EAAK;AACrC,MAAA,IAAI,CAAC/C,QAAQ,CAACiC,OAAO,EAAE;AACnB,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAIzC,OAAO,EAAE;AACTA,QAAAA,OAAO,EAAE,CAAA;AACb,OAAA;MAEAkB,YAAY,CAAC,UAACyC,YAAY,EAAK;AAC3B,QAAA,IAAMC,gBAAgB,GAAAC,cAAA,CAAA,EAAA,EAAQF,YAAY,CAAE,CAAA;QAC5C,OAAOC,gBAAgB,CAACL,OAAO,CAAC,CAAA;AAEhC,QAAA,OAAOK,gBAAgB,CAAA;AAC3B,OAAC,CAAC,CAAA;AAEF,MAAA,OAAOhD,cAAc,CAAC6B,OAAO,CAACc,OAAO,CAAC,CAAA;MAEtCjC,iBAAiB,CAAC,KAAK,CAAC,CAAA;KAC3B,CAAA;IAED,IAAMwC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,OAA8B,EAAEC,GAAW,EAAK;MAChE,IAAID,OAAO,IAAInD,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAdA,KAAAA,CAAAA,IAAAA,cAAc,CAAE6B,OAAO,EAAE;AACpC7B,QAAAA,cAAc,CAAC6B,OAAO,CAACuB,GAAG,CAAC,GAAGD,OAAO,CAAA;AACzC,OAAA;KACH,CAAA;AAED,IAAA,IAAME,iBAAiB,GAAG,SAApBA,iBAAiBA,GAAS;AAAA,MAAA,IAAAC,qBAAA,CAAA;AAC5B,MAAA,IAAMC,YAAY,GAAAN,cAAA,CAAA,EAAA,EAAQ5C,SAAS,CAAE,CAAA;AAErC,MAAA,IAAI,CAACjC,QAAQ,IAAIwC,MAAM,CAACC,IAAI,CAACR,SAAS,CAAC,CAACS,MAAM,KAAK,CAAC,EAAE;QAClDJ,iBAAiB,CAAC,KAAK,CAAC,CAAA;AAExB,QAAA,OAAA;AACJ,OAAA;MAEA,IAAI7C,IAAI,KAAK,YAAY,EAAE;QACvB+C,MAAM,CAACC,IAAI,CAAC0C,YAAY,CAAC,CAACC,OAAO,CAAC,UAACJ,GAAG,EAAK;AACvCG,UAAAA,YAAY,CAACH,GAAG,CAAC,CAACK,SAAS,GAAG,IAAI,CAAA;AACtC,SAAC,CAAC,CAAA;QAEF/C,iBAAiB,CAAC,KAAK,CAAC,CAAA;QACxBJ,YAAY,CAACiD,YAAY,CAAC,CAAA;AAE1B,QAAA,OAAA;AACJ,OAAA;MAEA,IACI,CAACzD,mBAAmB,CAAC+B,OAAO,IAC5B,CAAC9B,oBAAoB,CAAC8B,OAAO,IAC7B,CAACjB,MAAM,CAACC,IAAI,CAACb,cAAc,CAAC6B,OAAO,CAAC,CAACf,MAAM,EAC7C;AACE,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAM4C,WAAW,GAAG5D,mBAAmB,CAAC+B,OAAO,CAAA;AAE/C,MAAA,IAAM8B,gBAAgB,GAAGD,WAAW,CAACE,WAAW,CAAA;MAChD,IAAMC,cAAc,GAAGC,QAAQ,CAAA,CAAAR,qBAAA,GAACS,MAAM,CAACC,gBAAgB,CAACN,WAAW,CAAC,CAACO,SAAS,cAAAX,qBAAA,KAAA,KAAA,CAAA,GAAAA,qBAAA,GAAI,CAAC,EAAE,EAAE,CAAC,CAAA;MAExF,IAAIY,UAAU,GAAG,CAAC,CAAA;AAElB,MAAA,IAAMC,WAAW,GAAGvD,MAAM,CAACwD,OAAO,CAACpE,cAAc,CAAC6B,OAAO,CAAC,CAACwC,SAAS,CAAC,UAAAC,IAAA,EAAe;AAAA,QAAA,IAAAC,KAAA,GAAAnE,cAAA,CAAAkE,IAAA,EAAA,CAAA,CAAA,CAAA;AAAbE,UAAGC,IAAI,GAAAF,KAAA,CAAA,CAAA,EAAA;AAC1EL,QAAAA,UAAU,IAAIO,IAAI,CAACb,WAAW,GAAGC,cAAc,CAAA;QAE/C,IAAIK,UAAU,GAAGP,gBAAgB,EAAE;UAC/BjD,iBAAiB,CAAC,IAAI,CAAC,CAAA;AAEvB,UAAA,OAAO,IAAI,CAAA;AACf,SAAA;AAEA,QAAA,OAAO,KAAK,CAAA;AAChB,OAAC,CAAC,CAAA;AAEF,MAAA,IAAMgE,OAAO,GAAG9D,MAAM,CAACC,IAAI,CAAC0C,YAAY,CAAC,CAAA;AAEzC,MAAA,IAAMoB,oBAAoB,GAAGR,WAAW,IAAI,CAAC,GAAGO,OAAO,CAACE,KAAK,CAAC,CAAC,EAAET,WAAW,CAAC,GAAGO,OAAO,CAAA;AACvF,MAAA,IAAMG,mBAAmB,GAAGV,WAAW,IAAI,CAAC,GAAGO,OAAO,CAACE,KAAK,CAACT,WAAW,CAAC,GAAG,EAAE,CAAA;AAE9EQ,MAAAA,oBAAoB,CAACnB,OAAO,CAAC,UAACJ,GAAG,EAAK;AAClCG,QAAAA,YAAY,CAACH,GAAG,CAAC,CAACK,SAAS,GAAG,IAAI,CAAA;AACtC,OAAC,CAAC,CAAA;AAEFoB,MAAAA,mBAAmB,CAACrB,OAAO,CAAC,UAACJ,GAAG,EAAK;AACjCG,QAAAA,YAAY,CAACH,GAAG,CAAC,CAACK,SAAS,GAAG,KAAK,CAAA;AACvC,OAAC,CAAC,CAAA;MAEFnD,YAAY,CAACiD,YAAY,CAAC,CAAA;KAC7B,CAAA;AAEDuB,IAAAA,eAAe,CAAC,YAAM;AAClBzB,MAAAA,iBAAiB,EAAE,CAAA;KACtB,EAAE,CAAC1C,WAAW,EAAE9C,IAAI,EAAEO,QAAQ,CAAC,CAAC,CAAA;AAEjC2G,IAAAA,SAAS,CAAC,YAAM;AACZ,MAAA,IAAIlH,IAAI,KAAK,YAAY,IAAI,CAACO,QAAQ,EAAE;AACpC,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAM4G,QAAQ,GAAG,IAAIC,cAAc,CAAC,YAAM;AACtC5B,QAAAA,iBAAiB,EAAE,CAAA;AACvB,OAAC,CAAC,CAAA;MAEF,IAAI7D,QAAQ,CAACqC,OAAO,EAAE;AAClBmD,QAAAA,QAAQ,CAACE,OAAO,CAAC1F,QAAQ,CAACqC,OAAO,CAAC,CAAA;AACtC,OAAA;MAEA,OAAO,YAAA;AAAA,QAAA,OAAMmD,QAAQ,CAACG,UAAU,EAAE,CAAA;AAAA,OAAA,CAAA;KACrC,EAAE,CAACxE,WAAW,EAAE9C,IAAI,EAAEO,QAAQ,CAAC,CAAC,CAAA;AAEjC,IAAA,IAAMgH,WAAW,GAAG,SAAdA,WAAWA,CAAAC,KAAA,EAAwC;AAAA,MAAA,IAAlCC,QAAQ,GAAAD,KAAA,CAARC,QAAQ,CAAA;AAC3B,MAAA,oBACIC,cAAA,CAAAC,aAAA,CAACjI,IAAI,EAAA;AAACiB,QAAAA,IAAI,EAAEA,IAAK;AAACC,QAAAA,IAAI,EAAEA,IAAAA;AAAK,OAAA,EACxB6G,QACC,CAAC,CAAA;KAEd,CAAA;AAED,IAAA,oBACIC,cAAA,CAAAC,aAAA,CAACjI,IAAI,EAAA;AACDoB,MAAAA,SAAS,EAAE8G,EAAE,CAAC1E,eAAe,EAAEI,aAAa,EAAEE,SAAS,EAAEE,mBAAmB,EAAE5C,SAAS,CAAE;AACzFC,MAAAA,KAAK,EAAEA,KAAM;AACbJ,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,cAAc,EAAEA,cAAe;AAC/BgB,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,eAET6F,cAAA,CAAAC,aAAA,CAACE,iBAAiB,EAAA;AACdhG,MAAAA,GAAG,EAAEE,QAAS;AACd6B,MAAAA,MAAM,EAAEA,MAAO;AACfkE,MAAAA,IAAI,EAAC,MAAM;AACX5G,MAAAA,EAAE,EAAEA,EAAG;AACPC,MAAAA,IAAI,EAAEA,IAAK;AACXZ,MAAAA,QAAQ,EAAEA,QAAS;AACnBe,MAAAA,QAAQ,EAAE4C,YAAAA;KACb,CAAC,EAED,CAAC,CAAC9D,kBAAkB,IAAI,CAAC0C,WAAW,kBACjC4E,cAAA,CAAAC,aAAA,CAACI,yBAAyB,EACtBL,IAAAA,eAAAA,cAAA,CAAAC,aAAA,CAACK,YAAY,EAAAC,QAAA,CAAA;AACTpG,MAAAA,GAAG,EAAEG,SAAU;AACf9B,MAAAA,UAAU,EAAEA,UAAW;AACvBc,MAAAA,SAAS,EAAEA,SAAU;AACrBC,MAAAA,QAAQ,EAAEA,QAAS;AACnBI,MAAAA,OAAO,EAAEyC,WAAAA;KACLtC,EAAAA,IAAI,CACX,CAAC,EAEDd,UAAU,iBAAIgH,cAAA,CAAAC,aAAA,CAACO,gBAAgB,QAAExH,UAA6B,CACxC,CAC9B,EAEA,CAACJ,aAAa,IAAIF,kBAAkB,KACjC+H,OAAO,CAACrF,WAAW,CAAC,IACpBC,MAAM,CAACqF,MAAM,CAAC5F,SAAS,CAAC,CAAC,CAAC,CAAC,CAACoD,SAAS,iBACjC8B,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAW,QAAA,qBACIX,cAAA,CAAAC,aAAA,CAACW,YAAY,EAAA;MACTxH,SAAS,EAAE8G,EAAE,CAAC1E,eAAe,EAAEI,aAAa,EAAEE,SAAS,CAAE;AACzD+E,MAAAA,aAAa,EAAEhI,QAAQ,IAAIP,IAAI,KAAK,YAAA;KAEnC+C,EAAAA,MAAM,CAACwD,OAAO,CAAC/D,SAAS,CAAC,CAACgG,GAAG,CAC1B,UAAAC,KAAA,EAAgF;AAAA,MAAA,IAAAC,KAAA,GAAAnG,cAAA,CAAAkG,KAAA,EAAA,CAAA,CAAA;AAA9ElD,QAAAA,GAAG,GAAAmD,KAAA,CAAA,CAAA,CAAA;AAAAC,QAAAA,MAAA,GAAAD,KAAA,CAAA,CAAA,CAAA;QAAIE,SAAS,GAAAD,MAAA,CAATC,SAAS;QAAEC,wBAAwB,GAAAF,MAAA,CAAxBE,wBAAwB;QAAEC,eAAe,GAAAH,MAAA,CAAfG,eAAe;QAAElD,SAAS,GAAA+C,MAAA,CAAT/C,SAAS,CAAA;MACpE,IAAI,CAACA,SAAS,EAAE;AACZ,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,oBACI8B,cAAA,CAAAC,aAAA,CAACoB,MAAM,EAAA;AACHxD,QAAAA,GAAG,EAAEA,GAAI;AACTsD,QAAAA,wBAAwB,EAAEA,wBAAyB;AACnDD,QAAAA,SAAS,EAAEA,SAAU;AACrBjI,QAAAA,IAAI,EAAEA,IAAK;AACXmI,QAAAA,eAAe,EAAEA,eAAgB;AACjCvI,QAAAA,QAAQ,EAAEA,QAAS;AACnBP,QAAAA,IAAI,EAAEA,IAAK;QACXqB,OAAO,EAAE,SAAAA,OAAA,GAAA;UAAA,OAAM4D,WAAW,CAACM,GAAG,CAAC,CAAA;AAAA,SAAA;AAAC,OACnC,CAAC,CAAA;AAEV,KACJ,CACU,CAChB,CACL,EAEJ,CAACjF,aAAa,IAAIF,kBAAkB,KAAKwC,cAAc,iBACpD8E,cAAA,CAAAC,aAAA,CAACqB,UAAU,EAAAf,QAAA,CAAA;AACPgB,MAAAA,WAAW,EAAE1B,WAAY;AACzB5G,MAAAA,IAAI,EAAEA,IAAK;AACX6B,MAAAA,SAAS,EAAEA,SAAU;AACrBpB,MAAAA,UAAU,EAAEA,UAAW;AACvB6D,MAAAA,WAAW,EAAEA,WAAAA;AAAY,KAAA,EACrBzE,eAAe,EAAA;AACnB0I,MAAAA,SAAS,EAAApJ,CAAAA,qBAAA,GAAEU,eAAe,aAAfA,eAAe,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAfA,eAAe,CAAE0I,SAAS,MAAA,IAAA,IAAApJ,qBAAA,KAAA,KAAA,CAAA,GAAAA,qBAAA,GAAI,QAAA;AAAS,KAAA,CACrD,CACJ,EAEAS,QAAQ,IAAIP,IAAI,KAAK,YAAY,iBAC9B0H,cAAA,CAAAC,aAAA,CAACwB,iBAAiB,EAAA;AAACtH,MAAAA,GAAG,EAAEI,mBAAoB;AAACW,MAAAA,cAAc,EAAEA,cAAe;AAACjC,MAAAA,IAAI,EAAEA,IAAAA;KAAO,CAC7F,EAEAJ,QAAQ,IAAIP,IAAI,KAAK,YAAY,KAAKM,aAAa,IAAIF,kBAAkB,CAAC,IAAI+H,OAAO,CAACrF,WAAW,CAAC,iBAC/F4E,cAAA,CAAAC,aAAA,CAACW,YAAY,EAAA;AAACzG,MAAAA,GAAG,EAAEK,oBAAqB;AAACpB,MAAAA,SAAS,EAAE8G,EAAE,CAAC1E,eAAe,EAAEC,OAAO,CAACiG,gBAAgB,CAAA;KAC3FrG,EAAAA,MAAM,CAACwD,OAAO,CAAC/D,SAAS,CAAC,CAACgG,GAAG,CAC1B,UAAAa,KAAA,EAAA;AAAA,MAAA,IAAAC,KAAA,GAAA/G,cAAA,CAAA8G,KAAA,EAAA,CAAA,CAAA;AAAE9D,QAAAA,GAAG,GAAA+D,KAAA,CAAA,CAAA,CAAA;AAAAC,QAAAA,MAAA,GAAAD,KAAA,CAAA,CAAA,CAAA;QAAIV,SAAS,GAAAW,MAAA,CAATX,SAAS;QAAEC,wBAAwB,GAAAU,MAAA,CAAxBV,wBAAwB;QAAEC,eAAe,GAAAS,MAAA,CAAfT,eAAe,CAAA;AAAA,MAAA,oBACzDpB,cAAA,CAAAC,aAAA,CAACoB,MAAM,EAAA;AACHxD,QAAAA,GAAG,EAAEA,GAAI;QACT1D,GAAG,EAAE,SAAAA,GAAAA,CAAC2H,EAAE,EAAA;AAAA,UAAA,OAAKnE,UAAU,CAACmE,EAAE,EAAEjE,GAAG,CAAC,CAAA;SAAC;AACjCsD,QAAAA,wBAAwB,EAAEA,wBAAyB;AACnDD,QAAAA,SAAS,EAAEA,SAAU;AACrBjI,QAAAA,IAAI,EAAEA,IAAK;AACXmI,QAAAA,eAAe,EAAEA,eAAgB;AACjCvI,QAAAA,QAAQ,EAAEA,QAAS;AACnBP,QAAAA,IAAI,EAAEA,IAAK;QACXyJ,QAAQ,EAAA,IAAA;AAAA,OACX,CAAC,CAAA;KAEV,CACU,CAEhB,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMC,YAAY,GAAG;AACxBvI,EAAAA,IAAI,EAAE,QAAQ;AACdwI,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEnK,UAAU;AAClBoK,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRlJ,IAAAA,IAAI,EAAE;AACFmJ,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDnJ,IAAAA,cAAc,EAAE;AACZkJ,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACDtJ,IAAAA,IAAI,EAAE;AACFoJ,MAAAA,GAAG,EAAEG,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNvJ,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,cAAc,EAAE,SAAS;AACzBF,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}

package/dist/css/es/components/Attach/components/AttachButton/AttachButton.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import { StyledIconButton } from '../../ui/IconButton/IconButton.styles.js';
 import { StyledButton } from '../../ui/Button/Button.styles.js';
 import { IconPlus } from '../../../_Icon/Icons/IconPlus.js';
@@ -8,7 +8,7 @@ var _excluded = ["size", "icon"],
   _excluded2 = ["text"];
 var getDefaultIcon = function getDefaultIcon(size) {
   var iconSize = size === 'xs' ? 'xs' : 's';
-  return /*#__PURE__*/React.createElement(IconPlus, {
+  return /*#__PURE__*/React__default.createElement(IconPlus, {
     size: iconSize,
     color: "inherit"
   });
@@ -18,14 +18,14 @@ var AttachButton = /*#__PURE__*/forwardRef(function (props, ref) {
     var size = props.size,
       icon = props.icon,
       _rest = _objectWithoutProperties(props, _excluded);
-    return /*#__PURE__*/React.createElement(StyledIconButton, _extends({
+    return /*#__PURE__*/React__default.createElement(StyledIconButton, _extends({
       ref: ref
     }, _rest), icon || getDefaultIcon(size));
   }
   var _props$text = props.text,
     text = _props$text === void 0 ? 'Загрузить файл' : _props$text,
     rest = _objectWithoutProperties(props, _excluded2);
-  return /*#__PURE__*/React.createElement(StyledButton, _extends({
+  return /*#__PURE__*/React__default.createElement(StyledButton, _extends({
     ref: ref,
     text: text
   }, rest));

package/dist/css/es/components/Attach/components/AttachButton/AttachButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AttachButton.js","sources":["../../../../../../../src/components/Attach/components/AttachButton/AttachButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { AttachButtonProps } from '../../Attach.types';\nimport { StyledIconButton, StyledButton } from '../../ui';\nimport { IconPlus } from '../../../_Icon';\n\nconst getDefaultIcon = (size?: string) => {\n    const iconSize = size === 'xs' ? 'xs' : 's';\n    return <IconPlus size={iconSize} color=\"inherit\" />;\n};\n\nexport const AttachButton = forwardRef<HTMLButtonElement, AttachButtonProps>((props, ref) => {\n    if (props.buttonType === 'iconButton') {\n        const { size, icon, ...rest } = props;\n\n        return (\n            <StyledIconButton ref={ref} {...rest}>\n                {icon || getDefaultIcon(size)}\n            </StyledIconButton>\n        );\n    }\n\n    const { text = 'Загрузить файл', ...rest } = props;\n    return <StyledButton ref={ref} text={text} {...rest} />;\n});\n"],"names":["getDefaultIcon","size","iconSize","React","createElement","IconPlus","color","AttachButton","forwardRef","props","ref","buttonType","icon","rest","_objectWithoutProperties","_excluded","StyledIconButton","_extends","_props$text","text","_excluded2","StyledButton"],"mappings":";;;;;;;;AAMA,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAa,EAAK;EACtC,IAAMC,QAAQ,GAAGD,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,GAAG,CAAA;AAC3C,EAAA,oBAAOE,KAAA,CAAAC,aAAA,CAACC,QAAQ,EAAA;AAACJ,IAAAA,IAAI,EAAEC,QAAS;AAACI,IAAAA,KAAK,EAAC,SAAA;AAAS,GAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAEM,IAAMC,YAAY,gBAAGC,UAAU,CAAuC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACzF,EAAA,IAAID,KAAK,CAACE,UAAU,KAAK,YAAY,EAAE;AACnC,IAAA,IAAQV,IAAI,GAAoBQ,KAAK,CAA7BR,IAAI;MAAEW,IAAI,GAAcH,KAAK,CAAvBG,IAAI;AAAKC,MAAAA,KAAI,GAAAC,wBAAA,CAAKL,KAAK,EAAAM,SAAA,CAAA,CAAA;AAErC,IAAA,oBACIZ,KAAA,CAAAC,aAAA,CAACY,gBAAgB,EAAAC,QAAA,CAAA;AAACP,MAAAA,GAAG,EAAEA,GAAAA;KAASG,EAAAA,KAAI,GAC/BD,IAAI,IAAIZ,cAAc,CAACC,IAAI,CACd,CAAC,CAAA;AAE3B,GAAA;AAEA,EAAA,IAAAiB,WAAA,GAA6CT,KAAK,CAA1CU,IAAI;AAAJA,IAAAA,IAAI,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,gBAAgB,GAAAA,WAAA;AAAKL,IAAAA,IAAI,GAAAC,wBAAA,CAAKL,KAAK,EAAAW,UAAA,CAAA,CAAA;AAClD,EAAA,oBAAOjB,KAAA,CAAAC,aAAA,CAACiB,YAAY,EAAAJ,QAAA,CAAA;AAACP,IAAAA,GAAG,EAAEA,GAAI;AAACS,IAAAA,IAAI,EAAEA,IAAAA;GAAUN,EAAAA,IAAI,CAAG,CAAC,CAAA;AAC3D,CAAC;;;;"}
+{"version":3,"file":"AttachButton.js","sources":["../../../../../../../src/components/Attach/components/AttachButton/AttachButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { AttachButtonProps } from '../../Attach.types';\nimport { StyledIconButton, StyledButton } from '../../ui';\nimport { IconPlus } from '../../../_Icon';\n\nconst getDefaultIcon = (size?: string) => {\n    const iconSize = size === 'xs' ? 'xs' : 's';\n    return <IconPlus size={iconSize} color=\"inherit\" />;\n};\n\nexport const AttachButton = forwardRef<HTMLButtonElement, AttachButtonProps>((props, ref) => {\n    if (props.buttonType === 'iconButton') {\n        const { size, icon, ...rest } = props;\n\n        return (\n            <StyledIconButton ref={ref} {...rest}>\n                {icon || getDefaultIcon(size)}\n            </StyledIconButton>\n        );\n    }\n\n    const { text = 'Загрузить файл', ...rest } = props;\n    return <StyledButton ref={ref} text={text} {...rest} />;\n});\n"],"names":["getDefaultIcon","size","iconSize","React","createElement","IconPlus","color","AttachButton","forwardRef","props","ref","buttonType","icon","rest","_objectWithoutProperties","_excluded","StyledIconButton","_extends","_props$text","text","_excluded2","StyledButton"],"mappings":";;;;;;;;AAMA,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAa,EAAK;EACtC,IAAMC,QAAQ,GAAGD,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,GAAG,CAAA;AAC3C,EAAA,oBAAOE,cAAA,CAAAC,aAAA,CAACC,QAAQ,EAAA;AAACJ,IAAAA,IAAI,EAAEC,QAAS;AAACI,IAAAA,KAAK,EAAC,SAAA;AAAS,GAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAEM,IAAMC,YAAY,gBAAGC,UAAU,CAAuC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACzF,EAAA,IAAID,KAAK,CAACE,UAAU,KAAK,YAAY,EAAE;AACnC,IAAA,IAAQV,IAAI,GAAoBQ,KAAK,CAA7BR,IAAI;MAAEW,IAAI,GAAcH,KAAK,CAAvBG,IAAI;AAAKC,MAAAA,KAAI,GAAAC,wBAAA,CAAKL,KAAK,EAAAM,SAAA,CAAA,CAAA;AAErC,IAAA,oBACIZ,cAAA,CAAAC,aAAA,CAACY,gBAAgB,EAAAC,QAAA,CAAA;AAACP,MAAAA,GAAG,EAAEA,GAAAA;KAASG,EAAAA,KAAI,GAC/BD,IAAI,IAAIZ,cAAc,CAACC,IAAI,CACd,CAAC,CAAA;AAE3B,GAAA;AAEA,EAAA,IAAAiB,WAAA,GAA6CT,KAAK,CAA1CU,IAAI;AAAJA,IAAAA,IAAI,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,gBAAgB,GAAAA,WAAA;AAAKL,IAAAA,IAAI,GAAAC,wBAAA,CAAKL,KAAK,EAAAW,UAAA,CAAA,CAAA;AAClD,EAAA,oBAAOjB,cAAA,CAAAC,aAAA,CAACiB,YAAY,EAAAJ,QAAA,CAAA;AAACP,IAAAA,GAAG,EAAEA,GAAI;AAACS,IAAAA,IAAI,EAAEA,IAAAA;GAAUN,EAAAA,IAAI,CAAG,CAAC,CAAA;AAC3D,CAAC;;;;"}

package/dist/css/es/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.js

@@ -1,4 +1,4 @@
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import { StyledAttachButtonWrapper } from '../../Attach.styles.js';
 import { HiddenRoot, HiddenWrapper } from './HiddenWidthHelper.styles.js';
 import { AttachButton } from '../AttachButton/AttachButton.js';
@@ -10,9 +10,9 @@ var HiddenWidthHelper = /*#__PURE__*/forwardRef(function (_ref, wrapperRef) {
     filesLength = _ref.filesLength,
     hasHiddenFiles = _ref.hasHiddenFiles,
     size = _ref.size;
-  return /*#__PURE__*/React.createElement(HiddenRoot, null, (!hideButtonOnAttach || !filesLength) && (_StyledAttachButtonWr || (_StyledAttachButtonWr = /*#__PURE__*/React.createElement(StyledAttachButtonWrapper, null, /*#__PURE__*/React.createElement(AttachButton, null)))), /*#__PURE__*/React.createElement(HiddenWrapper, {
+  return /*#__PURE__*/React__default.createElement(HiddenRoot, null, (!hideButtonOnAttach || !filesLength) && (_StyledAttachButtonWr || (_StyledAttachButtonWr = /*#__PURE__*/React__default.createElement(StyledAttachButtonWrapper, null, /*#__PURE__*/React__default.createElement(AttachButton, null)))), /*#__PURE__*/React__default.createElement(HiddenWrapper, {
     ref: wrapperRef
-  }), hasHiddenFiles && /*#__PURE__*/React.createElement(MoreTrigger, {
+  }), hasHiddenFiles && /*#__PURE__*/React__default.createElement(MoreTrigger, {
     size: size
   }));
 });

package/dist/css/es/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"HiddenWidthHelper.js","sources":["../../../../../../../src/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { AttachButton } from '../AttachButton';\nimport { StyledAttachButtonWrapper } from '../../Attach.styles';\nimport { MoreTrigger } from '../../ui';\n\nimport { HiddenRoot, HiddenWrapper } from './HiddenWidthHelper.styles';\n\ntype HiddenWidthHelperProps = {\n    hideButtonOnAttach?: boolean;\n    filesLength?: number;\n    hasHiddenFiles?: boolean;\n    size?: string;\n};\n\nexport const HiddenWidthHelper = forwardRef<HTMLDivElement, HiddenWidthHelperProps>(\n    ({ hideButtonOnAttach, filesLength, hasHiddenFiles, size }, wrapperRef) => {\n        return (\n            <HiddenRoot>\n                {(!hideButtonOnAttach || !filesLength) && (\n                    <StyledAttachButtonWrapper>\n                        <AttachButton />\n                    </StyledAttachButtonWrapper>\n                )}\n\n                <HiddenWrapper ref={wrapperRef} />\n                {hasHiddenFiles && <MoreTrigger size={size} />}\n            </HiddenRoot>\n        );\n    },\n);\n"],"names":["HiddenWidthHelper","forwardRef","_ref","wrapperRef","hideButtonOnAttach","filesLength","hasHiddenFiles","size","React","createElement","HiddenRoot","_StyledAttachButtonWr","StyledAttachButtonWrapper","AttachButton","HiddenWrapper","ref","MoreTrigger"],"mappings":";;;;;;;AAeO,IAAMA,iBAAiB,gBAAGC,UAAU,CACvC,UAAAC,IAAA,EAA4DC,UAAU,EAAK;AAAA,EAAA,IAAxEC,kBAAkB,GAAAF,IAAA,CAAlBE,kBAAkB;IAAEC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IAAEC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IAAEC,IAAI,GAAAL,IAAA,CAAJK,IAAI,CAAA;AACpD,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,UAAU,QACN,CAAC,CAACN,kBAAkB,IAAI,CAACC,WAAW,MAAAM,qBAAA,KAAAA,qBAAA,gBACjCH,KAAA,CAAAC,aAAA,CAACG,yBAAyB,EAAA,IAAA,eACtBJ,KAAA,CAAAC,aAAA,CAACI,YAAY,EAAE,IAAA,CACQ,CAAC,CAC/B,CAAA,eAEDL,KAAA,CAAAC,aAAA,CAACK,aAAa,EAAA;AAACC,IAAAA,GAAG,EAAEZ,UAAAA;GAAa,CAAC,EACjCG,cAAc,iBAAIE,KAAA,CAAAC,aAAA,CAACO,WAAW,EAAA;AAACT,IAAAA,IAAI,EAAEA,IAAAA;AAAK,GAAE,CACrC,CAAC,CAAA;AAErB,CACJ;;;;"}
+{"version":3,"file":"HiddenWidthHelper.js","sources":["../../../../../../../src/components/Attach/components/HiddenWidthHelper/HiddenWidthHelper.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { AttachButton } from '../AttachButton';\nimport { StyledAttachButtonWrapper } from '../../Attach.styles';\nimport { MoreTrigger } from '../../ui';\n\nimport { HiddenRoot, HiddenWrapper } from './HiddenWidthHelper.styles';\n\ntype HiddenWidthHelperProps = {\n    hideButtonOnAttach?: boolean;\n    filesLength?: number;\n    hasHiddenFiles?: boolean;\n    size?: string;\n};\n\nexport const HiddenWidthHelper = forwardRef<HTMLDivElement, HiddenWidthHelperProps>(\n    ({ hideButtonOnAttach, filesLength, hasHiddenFiles, size }, wrapperRef) => {\n        return (\n            <HiddenRoot>\n                {(!hideButtonOnAttach || !filesLength) && (\n                    <StyledAttachButtonWrapper>\n                        <AttachButton />\n                    </StyledAttachButtonWrapper>\n                )}\n\n                <HiddenWrapper ref={wrapperRef} />\n                {hasHiddenFiles && <MoreTrigger size={size} />}\n            </HiddenRoot>\n        );\n    },\n);\n"],"names":["HiddenWidthHelper","forwardRef","_ref","wrapperRef","hideButtonOnAttach","filesLength","hasHiddenFiles","size","React","createElement","HiddenRoot","_StyledAttachButtonWr","StyledAttachButtonWrapper","AttachButton","HiddenWrapper","ref","MoreTrigger"],"mappings":";;;;;;;AAeO,IAAMA,iBAAiB,gBAAGC,UAAU,CACvC,UAAAC,IAAA,EAA4DC,UAAU,EAAK;AAAA,EAAA,IAAxEC,kBAAkB,GAAAF,IAAA,CAAlBE,kBAAkB;IAAEC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IAAEC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IAAEC,IAAI,GAAAL,IAAA,CAAJK,IAAI,CAAA;AACpD,EAAA,oBACIC,cAAA,CAAAC,aAAA,CAACC,UAAU,QACN,CAAC,CAACN,kBAAkB,IAAI,CAACC,WAAW,MAAAM,qBAAA,KAAAA,qBAAA,gBACjCH,cAAA,CAAAC,aAAA,CAACG,yBAAyB,EAAA,IAAA,eACtBJ,cAAA,CAAAC,aAAA,CAACI,YAAY,EAAE,IAAA,CACQ,CAAC,CAC/B,CAAA,eAEDL,cAAA,CAAAC,aAAA,CAACK,aAAa,EAAA;AAACC,IAAAA,GAAG,EAAEZ,UAAAA;GAAa,CAAC,EACjCG,cAAc,iBAAIE,cAAA,CAAAC,aAAA,CAACO,WAAW,EAAA;AAACT,IAAAA,IAAI,EAAEA,IAAAA;AAAK,GAAE,CACrC,CAAC,CAAA;AAErB,CACJ;;;;"}

package/dist/css/es/components/Attach/ui/Cell/Cell.js

@@ -1,4 +1,4 @@
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import { StyledIconButtonCancel } from '../IconButton/IconButton.styles.js';
 import { FilenameExtensionPart, TruncatedFilenamePart, FilenameWrapper } from '../../Attach.styles.js';
 import { StyledCell } from './Cell.styles.js';
@@ -15,21 +15,21 @@ var CellUI = /*#__PURE__*/forwardRef(function (_ref, ref) {
     isHelper = _ref.isHelper,
     isInsideDropdown = _ref.isInsideDropdown,
     onClick = _ref.onClick;
-  var textNode = isHelper ? /*#__PURE__*/React.createElement(FilenameExtensionPart, null, filenameWithoutExtension, ".", extension) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TruncatedFilenamePart, {
+  var textNode = isHelper ? /*#__PURE__*/React__default.createElement(FilenameExtensionPart, null, filenameWithoutExtension, ".", extension) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TruncatedFilenamePart, {
     applyEllipsis: !multiple || flow !== 'horizontal'
-  }, filenameWithoutExtension.slice(0, -1)), /*#__PURE__*/React.createElement(FilenameExtensionPart, null, filenameWithoutExtension.at(-1), ".", extension));
-  return /*#__PURE__*/React.createElement(StyledCell, {
+  }, filenameWithoutExtension.slice(0, -1)), /*#__PURE__*/React__default.createElement(FilenameExtensionPart, null, filenameWithoutExtension.at(-1), ".", extension));
+  return /*#__PURE__*/React__default.createElement(StyledCell, {
     ref: ref,
     stretching: "fixed",
     size: size,
     contentLeft: cellContentLeft,
-    contentRight: /*#__PURE__*/React.createElement(StyledIconButtonCancel, {
+    contentRight: /*#__PURE__*/React__default.createElement(StyledIconButtonCancel, {
       onClick: onClick
-    }, _IconCloseCircleOutli || (_IconCloseCircleOutli = /*#__PURE__*/React.createElement(IconCloseCircleOutline, {
+    }, _IconCloseCircleOutli || (_IconCloseCircleOutli = /*#__PURE__*/React__default.createElement(IconCloseCircleOutline, {
       size: "xs",
       color: "inherit"
     })))
-  }, /*#__PURE__*/React.createElement(FilenameWrapper, {
+  }, /*#__PURE__*/React__default.createElement(FilenameWrapper, {
     isInsideDropdown: isInsideDropdown
   }, textNode));
 });

package/dist/css/es/components/Attach/ui/Cell/Cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","sources":["../../../../../../../src/components/Attach/ui/Cell/Cell.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from 'react';\nimport { IconCloseCircleOutline } from 'src/components/_Icon';\n\nimport { StyledIconButtonCancel } from '../IconButton/IconButton.styles';\nimport { FilenameExtensionPart, FilenameWrapper, TruncatedFilenamePart } from '../../Attach.styles';\n\nimport { StyledCell } from './Cell.styles';\n\ntype CellUIProps = {\n    filenameWithoutExtension: string;\n    extension: string;\n    size?: string;\n    cellContentLeft?: ReactNode;\n    multiple?: boolean;\n    flow?: 'horizontal' | 'vertical' | 'auto';\n    isHelper?: boolean;\n    isInsideDropdown?: boolean;\n    onClick?: () => void;\n};\n\nexport const CellUI = forwardRef<HTMLDivElement, CellUIProps>(\n    (\n        {\n            size,\n            cellContentLeft,\n            multiple,\n            flow,\n            filenameWithoutExtension,\n            extension,\n            isHelper,\n            isInsideDropdown,\n            onClick,\n        },\n        ref,\n    ) => {\n        const textNode = isHelper ? (\n            <FilenameExtensionPart>\n                {filenameWithoutExtension}.{extension}\n            </FilenameExtensionPart>\n        ) : (\n            <>\n                <TruncatedFilenamePart applyEllipsis={!multiple || flow !== 'horizontal'}>\n                    {filenameWithoutExtension.slice(0, -1)}\n                </TruncatedFilenamePart>\n                <FilenameExtensionPart>\n                    {filenameWithoutExtension.at(-1)}.{extension}\n                </FilenameExtensionPart>\n            </>\n        );\n\n        return (\n            <StyledCell\n                ref={ref}\n                stretching=\"fixed\"\n                size={size}\n                contentLeft={cellContentLeft}\n                contentRight={\n                    <StyledIconButtonCancel onClick={onClick}>\n                        <IconCloseCircleOutline size=\"xs\" color=\"inherit\" />\n                    </StyledIconButtonCancel>\n                }\n            >\n                <FilenameWrapper isInsideDropdown={isInsideDropdown}>{textNode}</FilenameWrapper>\n            </StyledCell>\n        );\n    },\n);\n"],"names":["CellUI","forwardRef","_ref","ref","size","cellContentLeft","multiple","flow","filenameWithoutExtension","extension","isHelper","isInsideDropdown","onClick","textNode","React","createElement","FilenameExtensionPart","Fragment","TruncatedFilenamePart","applyEllipsis","slice","at","StyledCell","stretching","contentLeft","contentRight","StyledIconButtonCancel","_IconCloseCircleOutli","IconCloseCircleOutline","color","FilenameWrapper"],"mappings":";;;;;;;AAoBO,IAAMA,MAAM,gBAAGC,UAAU,CAC5B,UAAAC,IAAA,EAYIC,GAAG,EACF;AAAA,EAAA,IAXGC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,eAAe,GAAAH,IAAA,CAAfG,eAAe;IACfC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,IAAI,GAAAL,IAAA,CAAJK,IAAI;IACJC,wBAAwB,GAAAN,IAAA,CAAxBM,wBAAwB;IACxBC,SAAS,GAAAP,IAAA,CAATO,SAAS;IACTC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,gBAAgB,GAAAT,IAAA,CAAhBS,gBAAgB;IAChBC,OAAO,GAAAV,IAAA,CAAPU,OAAO,CAAA;AAIX,EAAA,IAAMC,QAAQ,GAAGH,QAAQ,gBACrBI,KAAA,CAAAC,aAAA,CAACC,qBAAqB,EAAA,IAAA,EACjBR,wBAAwB,EAAC,GAAC,EAACC,SACT,CAAC,gBAExBK,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAG,QAAA,EACIH,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACG,qBAAqB,EAAA;AAACC,IAAAA,aAAa,EAAE,CAACb,QAAQ,IAAIC,IAAI,KAAK,YAAA;AAAa,GAAA,EACpEC,wBAAwB,CAACY,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAClB,CAAC,eACxBN,KAAA,CAAAC,aAAA,CAACC,qBAAqB,EACjBR,IAAAA,EAAAA,wBAAwB,CAACa,EAAE,CAAC,CAAC,CAAC,CAAC,EAAC,GAAC,EAACZ,SAChB,CACzB,CACL,CAAA;AAED,EAAA,oBACIK,KAAA,CAAAC,aAAA,CAACO,UAAU,EAAA;AACPnB,IAAAA,GAAG,EAAEA,GAAI;AACToB,IAAAA,UAAU,EAAC,OAAO;AAClBnB,IAAAA,IAAI,EAAEA,IAAK;AACXoB,IAAAA,WAAW,EAAEnB,eAAgB;AAC7BoB,IAAAA,YAAY,eACRX,KAAA,CAAAC,aAAA,CAACW,sBAAsB,EAAA;AAACd,MAAAA,OAAO,EAAEA,OAAAA;KAAQe,EAAAA,qBAAA,KAAAA,qBAAA,gBACrCb,KAAA,CAAAC,aAAA,CAACa,sBAAsB,EAAA;AAACxB,MAAAA,IAAI,EAAC,IAAI;AAACyB,MAAAA,KAAK,EAAC,SAAA;AAAS,KAAE,CAAC,CAChC,CAAA;AAC3B,GAAA,eAEDf,KAAA,CAAAC,aAAA,CAACe,eAAe,EAAA;AAACnB,IAAAA,gBAAgB,EAAEA,gBAAAA;GAAmBE,EAAAA,QAA0B,CACxE,CAAC,CAAA;AAErB,CACJ;;;;"}
+{"version":3,"file":"Cell.js","sources":["../../../../../../../src/components/Attach/ui/Cell/Cell.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from 'react';\nimport { IconCloseCircleOutline } from 'src/components/_Icon';\n\nimport { StyledIconButtonCancel } from '../IconButton/IconButton.styles';\nimport { FilenameExtensionPart, FilenameWrapper, TruncatedFilenamePart } from '../../Attach.styles';\n\nimport { StyledCell } from './Cell.styles';\n\ntype CellUIProps = {\n    filenameWithoutExtension: string;\n    extension: string;\n    size?: string;\n    cellContentLeft?: ReactNode;\n    multiple?: boolean;\n    flow?: 'horizontal' | 'vertical' | 'auto';\n    isHelper?: boolean;\n    isInsideDropdown?: boolean;\n    onClick?: () => void;\n};\n\nexport const CellUI = forwardRef<HTMLDivElement, CellUIProps>(\n    (\n        {\n            size,\n            cellContentLeft,\n            multiple,\n            flow,\n            filenameWithoutExtension,\n            extension,\n            isHelper,\n            isInsideDropdown,\n            onClick,\n        },\n        ref,\n    ) => {\n        const textNode = isHelper ? (\n            <FilenameExtensionPart>\n                {filenameWithoutExtension}.{extension}\n            </FilenameExtensionPart>\n        ) : (\n            <>\n                <TruncatedFilenamePart applyEllipsis={!multiple || flow !== 'horizontal'}>\n                    {filenameWithoutExtension.slice(0, -1)}\n                </TruncatedFilenamePart>\n                <FilenameExtensionPart>\n                    {filenameWithoutExtension.at(-1)}.{extension}\n                </FilenameExtensionPart>\n            </>\n        );\n\n        return (\n            <StyledCell\n                ref={ref}\n                stretching=\"fixed\"\n                size={size}\n                contentLeft={cellContentLeft}\n                contentRight={\n                    <StyledIconButtonCancel onClick={onClick}>\n                        <IconCloseCircleOutline size=\"xs\" color=\"inherit\" />\n                    </StyledIconButtonCancel>\n                }\n            >\n                <FilenameWrapper isInsideDropdown={isInsideDropdown}>{textNode}</FilenameWrapper>\n            </StyledCell>\n        );\n    },\n);\n"],"names":["CellUI","forwardRef","_ref","ref","size","cellContentLeft","multiple","flow","filenameWithoutExtension","extension","isHelper","isInsideDropdown","onClick","textNode","React","createElement","FilenameExtensionPart","Fragment","TruncatedFilenamePart","applyEllipsis","slice","at","StyledCell","stretching","contentLeft","contentRight","StyledIconButtonCancel","_IconCloseCircleOutli","IconCloseCircleOutline","color","FilenameWrapper"],"mappings":";;;;;;;AAoBO,IAAMA,MAAM,gBAAGC,UAAU,CAC5B,UAAAC,IAAA,EAYIC,GAAG,EACF;AAAA,EAAA,IAXGC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,eAAe,GAAAH,IAAA,CAAfG,eAAe;IACfC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,IAAI,GAAAL,IAAA,CAAJK,IAAI;IACJC,wBAAwB,GAAAN,IAAA,CAAxBM,wBAAwB;IACxBC,SAAS,GAAAP,IAAA,CAATO,SAAS;IACTC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,gBAAgB,GAAAT,IAAA,CAAhBS,gBAAgB;IAChBC,OAAO,GAAAV,IAAA,CAAPU,OAAO,CAAA;AAIX,EAAA,IAAMC,QAAQ,GAAGH,QAAQ,gBACrBI,cAAA,CAAAC,aAAA,CAACC,qBAAqB,EAAA,IAAA,EACjBR,wBAAwB,EAAC,GAAC,EAACC,SACT,CAAC,gBAExBK,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAG,QAAA,EACIH,IAAAA,eAAAA,cAAA,CAAAC,aAAA,CAACG,qBAAqB,EAAA;AAACC,IAAAA,aAAa,EAAE,CAACb,QAAQ,IAAIC,IAAI,KAAK,YAAA;AAAa,GAAA,EACpEC,wBAAwB,CAACY,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAClB,CAAC,eACxBN,cAAA,CAAAC,aAAA,CAACC,qBAAqB,EACjBR,IAAAA,EAAAA,wBAAwB,CAACa,EAAE,CAAC,CAAC,CAAC,CAAC,EAAC,GAAC,EAACZ,SAChB,CACzB,CACL,CAAA;AAED,EAAA,oBACIK,cAAA,CAAAC,aAAA,CAACO,UAAU,EAAA;AACPnB,IAAAA,GAAG,EAAEA,GAAI;AACToB,IAAAA,UAAU,EAAC,OAAO;AAClBnB,IAAAA,IAAI,EAAEA,IAAK;AACXoB,IAAAA,WAAW,EAAEnB,eAAgB;AAC7BoB,IAAAA,YAAY,eACRX,cAAA,CAAAC,aAAA,CAACW,sBAAsB,EAAA;AAACd,MAAAA,OAAO,EAAEA,OAAAA;KAAQe,EAAAA,qBAAA,KAAAA,qBAAA,gBACrCb,cAAA,CAAAC,aAAA,CAACa,sBAAsB,EAAA;AAACxB,MAAAA,IAAI,EAAC,IAAI;AAACyB,MAAAA,KAAK,EAAC,SAAA;AAAS,KAAE,CAAC,CAChC,CAAA;AAC3B,GAAA,eAEDf,cAAA,CAAAC,aAAA,CAACe,eAAe,EAAA;AAACnB,IAAAA,gBAAgB,EAAEA,gBAAAA;GAAmBE,EAAAA,QAA0B,CACxE,CAAC,CAAA;AAErB,CACJ;;;;"}

package/dist/css/es/components/Attach/ui/Dropdown/Dropdown.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { useMemo } from 'react';
+import React__default, { useMemo } from 'react';
 import { MoreTrigger } from '../MoreTrigger/MoreTrigger.js';
 import { CellUI } from '../Cell/Cell.js';
 import { StyledDropdown } from './Dropdown.styles.js';
@@ -31,7 +31,7 @@ var DropdownUI = function DropdownUI(_ref) {
       };
     });
   }, [filesInfo]);
-  return /*#__PURE__*/React.createElement(StyledDropdown, _extends({
+  return /*#__PURE__*/React__default.createElement(StyledDropdown, _extends({
     items: parsedItems,
     renderItem: function renderItem(_ref6) {
       var value = _ref6.value,
@@ -39,7 +39,7 @@ var DropdownUI = function DropdownUI(_ref) {
       var _getFilenameParts = getFilenameParts(String(value)),
         filenameWithoutExtension = _getFilenameParts.filenameWithoutExtension,
         extension = _getFilenameParts.extension;
-      return /*#__PURE__*/React.createElement(Root, null, /*#__PURE__*/React.createElement(CellUI, {
+      return /*#__PURE__*/React__default.createElement(Root, null, /*#__PURE__*/React__default.createElement(CellUI, {
         size: size,
         filenameWithoutExtension: filenameWithoutExtension,
         extension: extension,
@@ -52,7 +52,7 @@ var DropdownUI = function DropdownUI(_ref) {
     }
   }, rest, {
     closeOnSelect: false
-  }), /*#__PURE__*/React.createElement(MoreTrigger, {
+  }), /*#__PURE__*/React__default.createElement(MoreTrigger, {
     size: size
   }));
 };

package/dist/css/es/components/Attach/ui/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../../../../../src/components/Attach/ui/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { PropsWithChildren, ReactNode, useMemo } from 'react';\n\nimport { MoreTrigger } from '../MoreTrigger/MoreTrigger';\nimport type { DropdownOptions, FileInfo } from '../../Attach.types';\nimport { CellUI } from '../Cell/Cell';\nimport { getFileIcon, getFilenameParts } from '../../utils';\n\nimport { StyledDropdown } from './Dropdown.styles';\n\ntype DropdownItemOption = {\n    value: string | number;\n    label: string;\n    filenameWithoutExtension: string;\n    extension: string;\n    cellContentLeft: ReactNode;\n    key: string;\n};\n\ntype DropdownUIProps = {\n    rootWrapper: ({ children }: PropsWithChildren) => JSX.Element;\n    filesInfo: Record<string, FileInfo>;\n    handleClear: (key: string) => void;\n    size?: string;\n    customIcon?: ReactNode;\n} & DropdownOptions;\n\nexport const DropdownUI = ({\n    rootWrapper: Root,\n    size,\n    filesInfo,\n    customIcon,\n    handleClear,\n    ...rest\n}: DropdownUIProps) => {\n    const parsedItems = useMemo(() => {\n        return Object.entries(filesInfo)\n            .filter(([, { isVisible }]) => !isVisible)\n            .map(([key, { filenameWithoutExtension, extension }]) => ({\n                value: `${filenameWithoutExtension}.${extension}`,\n                label: key,\n            }));\n    }, [filesInfo]);\n\n    return (\n        <StyledDropdown\n            items={parsedItems as DropdownItemOption[]}\n            renderItem={({ value, label }) => {\n                const { filenameWithoutExtension, extension } = getFilenameParts(String(value));\n\n                return (\n                    <Root>\n                        <CellUI\n                            size={size}\n                            filenameWithoutExtension={filenameWithoutExtension}\n                            extension={extension}\n                            cellContentLeft={customIcon || getFileIcon(extension, size)}\n                            onClick={() => handleClear(label)}\n                            isInsideDropdown\n                        />\n                    </Root>\n                );\n            }}\n            {...rest}\n            closeOnSelect={false}\n        >\n            <MoreTrigger size={size} />\n        </StyledDropdown>\n    );\n};\n"],"names":["DropdownUI","_ref","Root","rootWrapper","size","filesInfo","customIcon","handleClear","rest","_objectWithoutProperties","_excluded","parsedItems","useMemo","Object","entries","filter","_ref2","_ref3","_slicedToArray","isVisible","map","_ref4","_ref5","key","_ref5$","filenameWithoutExtension","extension","value","concat","label","React","createElement","StyledDropdown","_extends","items","renderItem","_ref6","_getFilenameParts","getFilenameParts","String","CellUI","cellContentLeft","getFileIcon","onClick","isInsideDropdown","closeOnSelect","MoreTrigger"],"mappings":";;;;;;;;;IA0BaA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAOA;AAAA,EAAA,IANNC,IAAI,GAAAD,IAAA,CAAjBE,WAAW;IACXC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,UAAU,GAAAL,IAAA,CAAVK,UAAU;IACVC,WAAW,GAAAN,IAAA,CAAXM,WAAW;AACRC,IAAAA,IAAI,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA,CAAA,CAAA;AAEP,EAAA,IAAMC,WAAW,GAAGC,OAAO,CAAC,YAAM;IAC9B,OAAOC,MAAM,CAACC,OAAO,CAACT,SAAS,CAAC,CAC3BU,MAAM,CAAC,UAAAC,KAAA,EAAA;AAAA,MAAA,IAAAC,KAAA,GAAAC,cAAA,CAAAF,KAAA,EAAA,CAAA,CAAA;QAAMG,SAAS,GAAAF,KAAA,CAAA,CAAA,CAAA,CAATE,SAAS,CAAA;AAAA,MAAA,OAAQ,CAACA,SAAS,CAAA;AAAA,KAAA,CAAC,CACzCC,GAAG,CAAC,UAAAC,KAAA,EAAA;AAAA,MAAA,IAAAC,KAAA,GAAAJ,cAAA,CAAAG,KAAA,EAAA,CAAA,CAAA;AAAEE,QAAAA,GAAG,GAAAD,KAAA,CAAA,CAAA,CAAA;AAAAE,QAAAA,MAAA,GAAAF,KAAA,CAAA,CAAA,CAAA;QAAIG,wBAAwB,GAAAD,MAAA,CAAxBC,wBAAwB;QAAEC,SAAS,GAAAF,MAAA,CAATE,SAAS,CAAA;MAAA,OAAS;QACtDC,KAAK,EAAA,EAAA,CAAAC,MAAA,CAAKH,wBAAwB,OAAAG,MAAA,CAAIF,SAAS,CAAE;AACjDG,QAAAA,KAAK,EAAEN,GAAAA;OACV,CAAA;AAAA,KAAC,CAAC,CAAA;AACX,GAAC,EAAE,CAAClB,SAAS,CAAC,CAAC,CAAA;AAEf,EAAA,oBACIyB,KAAA,CAAAC,aAAA,CAACC,cAAc,EAAAC,QAAA,CAAA;AACXC,IAAAA,KAAK,EAAEvB,WAAoC;AAC3CwB,IAAAA,UAAU,EAAE,SAAAA,UAAAC,CAAAA,KAAA,EAAsB;AAAA,MAAA,IAAnBT,KAAK,GAAAS,KAAA,CAALT,KAAK;QAAEE,KAAK,GAAAO,KAAA,CAALP,KAAK,CAAA;MACvB,IAAAQ,iBAAA,GAAgDC,gBAAgB,CAACC,MAAM,CAACZ,KAAK,CAAC,CAAC;QAAvEF,wBAAwB,GAAAY,iBAAA,CAAxBZ,wBAAwB;QAAEC,SAAS,GAAAW,iBAAA,CAATX,SAAS,CAAA;MAE3C,oBACII,KAAA,CAAAC,aAAA,CAAC7B,IAAI,qBACD4B,KAAA,CAAAC,aAAA,CAACS,MAAM,EAAA;AACHpC,QAAAA,IAAI,EAAEA,IAAK;AACXqB,QAAAA,wBAAwB,EAAEA,wBAAyB;AACnDC,QAAAA,SAAS,EAAEA,SAAU;QACrBe,eAAe,EAAEnC,UAAU,IAAIoC,WAAW,CAAChB,SAAS,EAAEtB,IAAI,CAAE;QAC5DuC,OAAO,EAAE,SAAAA,OAAA,GAAA;UAAA,OAAMpC,WAAW,CAACsB,KAAK,CAAC,CAAA;SAAC;QAClCe,gBAAgB,EAAA,IAAA;AAAA,OACnB,CACC,CAAC,CAAA;AAEf,KAAA;AAAE,GAAA,EACEpC,IAAI,EAAA;AACRqC,IAAAA,aAAa,EAAE,KAAA;AAAM,GAAA,CAAA,eAErBf,KAAA,CAAAC,aAAA,CAACe,WAAW,EAAA;AAAC1C,IAAAA,IAAI,EAAEA,IAAAA;AAAK,GAAE,CACd,CAAC,CAAA;AAEzB;;;;"}
+{"version":3,"file":"Dropdown.js","sources":["../../../../../../../src/components/Attach/ui/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { PropsWithChildren, ReactNode, useMemo } from 'react';\n\nimport { MoreTrigger } from '../MoreTrigger/MoreTrigger';\nimport type { DropdownOptions, FileInfo } from '../../Attach.types';\nimport { CellUI } from '../Cell/Cell';\nimport { getFileIcon, getFilenameParts } from '../../utils';\n\nimport { StyledDropdown } from './Dropdown.styles';\n\ntype DropdownItemOption = {\n    value: string | number;\n    label: string;\n    filenameWithoutExtension: string;\n    extension: string;\n    cellContentLeft: ReactNode;\n    key: string;\n};\n\ntype DropdownUIProps = {\n    rootWrapper: ({ children }: PropsWithChildren) => JSX.Element;\n    filesInfo: Record<string, FileInfo>;\n    handleClear: (key: string) => void;\n    size?: string;\n    customIcon?: ReactNode;\n} & DropdownOptions;\n\nexport const DropdownUI = ({\n    rootWrapper: Root,\n    size,\n    filesInfo,\n    customIcon,\n    handleClear,\n    ...rest\n}: DropdownUIProps) => {\n    const parsedItems = useMemo(() => {\n        return Object.entries(filesInfo)\n            .filter(([, { isVisible }]) => !isVisible)\n            .map(([key, { filenameWithoutExtension, extension }]) => ({\n                value: `${filenameWithoutExtension}.${extension}`,\n                label: key,\n            }));\n    }, [filesInfo]);\n\n    return (\n        <StyledDropdown\n            items={parsedItems as DropdownItemOption[]}\n            renderItem={({ value, label }) => {\n                const { filenameWithoutExtension, extension } = getFilenameParts(String(value));\n\n                return (\n                    <Root>\n                        <CellUI\n                            size={size}\n                            filenameWithoutExtension={filenameWithoutExtension}\n                            extension={extension}\n                            cellContentLeft={customIcon || getFileIcon(extension, size)}\n                            onClick={() => handleClear(label)}\n                            isInsideDropdown\n                        />\n                    </Root>\n                );\n            }}\n            {...rest}\n            closeOnSelect={false}\n        >\n            <MoreTrigger size={size} />\n        </StyledDropdown>\n    );\n};\n"],"names":["DropdownUI","_ref","Root","rootWrapper","size","filesInfo","customIcon","handleClear","rest","_objectWithoutProperties","_excluded","parsedItems","useMemo","Object","entries","filter","_ref2","_ref3","_slicedToArray","isVisible","map","_ref4","_ref5","key","_ref5$","filenameWithoutExtension","extension","value","concat","label","React","createElement","StyledDropdown","_extends","items","renderItem","_ref6","_getFilenameParts","getFilenameParts","String","CellUI","cellContentLeft","getFileIcon","onClick","isInsideDropdown","closeOnSelect","MoreTrigger"],"mappings":";;;;;;;;;IA0BaA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAOA;AAAA,EAAA,IANNC,IAAI,GAAAD,IAAA,CAAjBE,WAAW;IACXC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,UAAU,GAAAL,IAAA,CAAVK,UAAU;IACVC,WAAW,GAAAN,IAAA,CAAXM,WAAW;AACRC,IAAAA,IAAI,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA,CAAA,CAAA;AAEP,EAAA,IAAMC,WAAW,GAAGC,OAAO,CAAC,YAAM;IAC9B,OAAOC,MAAM,CAACC,OAAO,CAACT,SAAS,CAAC,CAC3BU,MAAM,CAAC,UAAAC,KAAA,EAAA;AAAA,MAAA,IAAAC,KAAA,GAAAC,cAAA,CAAAF,KAAA,EAAA,CAAA,CAAA;QAAMG,SAAS,GAAAF,KAAA,CAAA,CAAA,CAAA,CAATE,SAAS,CAAA;AAAA,MAAA,OAAQ,CAACA,SAAS,CAAA;AAAA,KAAA,CAAC,CACzCC,GAAG,CAAC,UAAAC,KAAA,EAAA;AAAA,MAAA,IAAAC,KAAA,GAAAJ,cAAA,CAAAG,KAAA,EAAA,CAAA,CAAA;AAAEE,QAAAA,GAAG,GAAAD,KAAA,CAAA,CAAA,CAAA;AAAAE,QAAAA,MAAA,GAAAF,KAAA,CAAA,CAAA,CAAA;QAAIG,wBAAwB,GAAAD,MAAA,CAAxBC,wBAAwB;QAAEC,SAAS,GAAAF,MAAA,CAATE,SAAS,CAAA;MAAA,OAAS;QACtDC,KAAK,EAAA,EAAA,CAAAC,MAAA,CAAKH,wBAAwB,OAAAG,MAAA,CAAIF,SAAS,CAAE;AACjDG,QAAAA,KAAK,EAAEN,GAAAA;OACV,CAAA;AAAA,KAAC,CAAC,CAAA;AACX,GAAC,EAAE,CAAClB,SAAS,CAAC,CAAC,CAAA;AAEf,EAAA,oBACIyB,cAAA,CAAAC,aAAA,CAACC,cAAc,EAAAC,QAAA,CAAA;AACXC,IAAAA,KAAK,EAAEvB,WAAoC;AAC3CwB,IAAAA,UAAU,EAAE,SAAAA,UAAAC,CAAAA,KAAA,EAAsB;AAAA,MAAA,IAAnBT,KAAK,GAAAS,KAAA,CAALT,KAAK;QAAEE,KAAK,GAAAO,KAAA,CAALP,KAAK,CAAA;MACvB,IAAAQ,iBAAA,GAAgDC,gBAAgB,CAACC,MAAM,CAACZ,KAAK,CAAC,CAAC;QAAvEF,wBAAwB,GAAAY,iBAAA,CAAxBZ,wBAAwB;QAAEC,SAAS,GAAAW,iBAAA,CAATX,SAAS,CAAA;MAE3C,oBACII,cAAA,CAAAC,aAAA,CAAC7B,IAAI,qBACD4B,cAAA,CAAAC,aAAA,CAACS,MAAM,EAAA;AACHpC,QAAAA,IAAI,EAAEA,IAAK;AACXqB,QAAAA,wBAAwB,EAAEA,wBAAyB;AACnDC,QAAAA,SAAS,EAAEA,SAAU;QACrBe,eAAe,EAAEnC,UAAU,IAAIoC,WAAW,CAAChB,SAAS,EAAEtB,IAAI,CAAE;QAC5DuC,OAAO,EAAE,SAAAA,OAAA,GAAA;UAAA,OAAMpC,WAAW,CAACsB,KAAK,CAAC,CAAA;SAAC;QAClCe,gBAAgB,EAAA,IAAA;AAAA,OACnB,CACC,CAAC,CAAA;AAEf,KAAA;AAAE,GAAA,EACEpC,IAAI,EAAA;AACRqC,IAAAA,aAAa,EAAE,KAAA;AAAM,GAAA,CAAA,eAErBf,cAAA,CAAAC,aAAA,CAACe,WAAW,EAAA;AAAC1C,IAAAA,IAAI,EAAEA,IAAAA;AAAK,GAAE,CACd,CAAC,CAAA;AAEzB;;;;"}

package/dist/css/es/components/Attach/ui/MoreTrigger/MoreTrigger.js

@@ -1,11 +1,11 @@
-import React from 'react';
+import React__default from 'react';
 import { IconWrapper } from './MoreTrigger.styles.js';
 import { IconDotsHorizontalOutline } from '../../../_Icon/Icons/IconDotsHorizontalOutline.js';
 
 var MoreTrigger = function MoreTrigger(_ref) {
   var size = _ref.size;
   var iconSize = size === 'xs' ? 'xs' : 's';
-  return /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(IconDotsHorizontalOutline, {
+  return /*#__PURE__*/React__default.createElement(IconWrapper, null, /*#__PURE__*/React__default.createElement(IconDotsHorizontalOutline, {
     size: iconSize,
     color: "inherit"
   }));

package/dist/css/es/components/Attach/ui/MoreTrigger/MoreTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"MoreTrigger.js","sources":["../../../../../../../src/components/Attach/ui/MoreTrigger/MoreTrigger.tsx"],"sourcesContent":["import React from 'react';\nimport { IconDotsHorizontalOutline } from 'src/components/_Icon';\n\nimport { IconWrapper } from './MoreTrigger.styles';\n\ntype MoreTriggerProps = {\n    size?: string;\n};\n\nexport const MoreTrigger = ({ size }: MoreTriggerProps) => {\n    const iconSize = size === 'xs' ? 'xs' : 's';\n\n    return (\n        <IconWrapper>\n            <IconDotsHorizontalOutline size={iconSize} color=\"inherit\" />\n        </IconWrapper>\n    );\n};\n"],"names":["MoreTrigger","_ref","size","iconSize","React","createElement","IconWrapper","IconDotsHorizontalOutline","color"],"mappings":";;;;IASaA,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAAmC;AAAA,EAAA,IAA7BC,IAAI,GAAAD,IAAA,CAAJC,IAAI,CAAA;EAC9B,IAAMC,QAAQ,GAAGD,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,GAAG,CAAA;EAE3C,oBACIE,KAAA,CAAAC,aAAA,CAACC,WAAW,qBACRF,KAAA,CAAAC,aAAA,CAACE,yBAAyB,EAAA;AAACL,IAAAA,IAAI,EAAEC,QAAS;AAACK,IAAAA,KAAK,EAAC,SAAA;AAAS,GAAE,CACnD,CAAC,CAAA;AAEtB;;;;"}
+{"version":3,"file":"MoreTrigger.js","sources":["../../../../../../../src/components/Attach/ui/MoreTrigger/MoreTrigger.tsx"],"sourcesContent":["import React from 'react';\nimport { IconDotsHorizontalOutline } from 'src/components/_Icon';\n\nimport { IconWrapper } from './MoreTrigger.styles';\n\ntype MoreTriggerProps = {\n    size?: string;\n};\n\nexport const MoreTrigger = ({ size }: MoreTriggerProps) => {\n    const iconSize = size === 'xs' ? 'xs' : 's';\n\n    return (\n        <IconWrapper>\n            <IconDotsHorizontalOutline size={iconSize} color=\"inherit\" />\n        </IconWrapper>\n    );\n};\n"],"names":["MoreTrigger","_ref","size","iconSize","React","createElement","IconWrapper","IconDotsHorizontalOutline","color"],"mappings":";;;;IASaA,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAAmC;AAAA,EAAA,IAA7BC,IAAI,GAAAD,IAAA,CAAJC,IAAI,CAAA;EAC9B,IAAMC,QAAQ,GAAGD,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,GAAG,CAAA;EAE3C,oBACIE,cAAA,CAAAC,aAAA,CAACC,WAAW,qBACRF,cAAA,CAAAC,aAAA,CAACE,yBAAyB,EAAA;AAACL,IAAAA,IAAI,EAAEC,QAAS;AAACK,IAAAA,KAAK,EAAC,SAAA;AAAS,GAAE,CACnD,CAAC,CAAA;AAEtB;;;;"}

package/dist/css/es/components/Attach/utils/getFileicon.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { IconBlankOutline } from '../../_Icon/Icons/IconBlankOutline.js';
 import { IconBlankCsvOutline } from '../../_Icon/Icons/IconBlankCsvOutline.js';
 import { IconBlankTxtOutline } from '../../_Icon/Icons/IconBlankTxtOutline.js';
@@ -10,42 +10,42 @@ var getFileIcon = function getFileIcon(extension, size) {
   var iconSize = size === 'xs' ? 'xs' : 's';
   switch (extension) {
     case 'pdf':
-      return /*#__PURE__*/React.createElement(IconBlankPdfOutline, {
+      return /*#__PURE__*/React__default.createElement(IconBlankPdfOutline, {
         size: iconSize,
         color: "inherit"
       });
     case 'doc':
-      return /*#__PURE__*/React.createElement(IconBlankDocOutline, {
+      return /*#__PURE__*/React__default.createElement(IconBlankDocOutline, {
         size: iconSize,
         color: "inherit"
       });
     case 'docx':
-      return /*#__PURE__*/React.createElement(IconBlankDocOutline, {
+      return /*#__PURE__*/React__default.createElement(IconBlankDocOutline, {
         size: iconSize,
         color: "inherit"
       });
     case 'xls':
-      return /*#__PURE__*/React.createElement(IconBlankXlsOutline, {
+      return /*#__PURE__*/React__default.createElement(IconBlankXlsOutline, {
         size: iconSize,
         color: "inherit"
       });
     case 'xlsx':
-      return /*#__PURE__*/React.createElement(IconBlankXlsOutline, {
+      return /*#__PURE__*/React__default.createElement(IconBlankXlsOutline, {
         size: iconSize,
         color: "inherit"
       });
     case 'txt':
-      return /*#__PURE__*/React.createElement(IconBlankTxtOutline, {
+      return /*#__PURE__*/React__default.createElement(IconBlankTxtOutline, {
         size: iconSize,
         color: "inherit"
       });
     case 'csv':
-      return /*#__PURE__*/React.createElement(IconBlankCsvOutline, {
+      return /*#__PURE__*/React__default.createElement(IconBlankCsvOutline, {
         size: iconSize,
         color: "inherit"
       });
     default:
-      return /*#__PURE__*/React.createElement(IconBlankOutline, {
+      return /*#__PURE__*/React__default.createElement(IconBlankOutline, {
         size: iconSize,
         color: "inherit"
       });

package/dist/css/es/components/Attach/utils/getFileicon.js.map

@@ -1 +1 @@
-{"version":3,"file":"getFileicon.js","sources":["../../../../../../src/components/Attach/utils/getFileicon.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n    IconBlankCsvOutline,\n    IconBlankDocOutline,\n    IconBlankOutline,\n    IconBlankPdfOutline,\n    IconBlankTxtOutline,\n    IconBlankXlsOutline,\n} from '../../_Icon';\n\nexport const getFileIcon = (extension?: string, size?: string) => {\n    const iconSize = size === 'xs' ? 'xs' : 's';\n\n    switch (extension) {\n        case 'pdf':\n            return <IconBlankPdfOutline size={iconSize} color=\"inherit\" />;\n        case 'doc':\n            return <IconBlankDocOutline size={iconSize} color=\"inherit\" />;\n        case 'docx':\n            return <IconBlankDocOutline size={iconSize} color=\"inherit\" />;\n        case 'xls':\n            return <IconBlankXlsOutline size={iconSize} color=\"inherit\" />;\n        case 'xlsx':\n            return <IconBlankXlsOutline size={iconSize} color=\"inherit\" />;\n        case 'txt':\n            return <IconBlankTxtOutline size={iconSize} color=\"inherit\" />;\n        case 'csv':\n            return <IconBlankCsvOutline size={iconSize} color=\"inherit\" />;\n        default:\n            return <IconBlankOutline size={iconSize} color=\"inherit\" />;\n    }\n};\n"],"names":["getFileIcon","extension","size","iconSize","React","createElement","IconBlankPdfOutline","color","IconBlankDocOutline","IconBlankXlsOutline","IconBlankTxtOutline","IconBlankCsvOutline","IconBlankOutline"],"mappings":";;;;;;;;AAWO,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAIC,SAAkB,EAAEC,IAAa,EAAK;EAC9D,IAAMC,QAAQ,GAAGD,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,GAAG,CAAA;AAE3C,EAAA,QAAQD,SAAS;AACb,IAAA,KAAK,KAAK;AACN,MAAA,oBAAOG,KAAA,CAAAC,aAAA,CAACC,mBAAmB,EAAA;AAACJ,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA,KAAK,KAAK;AACN,MAAA,oBAAOH,KAAA,CAAAC,aAAA,CAACG,mBAAmB,EAAA;AAACN,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA,KAAK,MAAM;AACP,MAAA,oBAAOH,KAAA,CAAAC,aAAA,CAACG,mBAAmB,EAAA;AAACN,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA,KAAK,KAAK;AACN,MAAA,oBAAOH,KAAA,CAAAC,aAAA,CAACI,mBAAmB,EAAA;AAACP,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA,KAAK,MAAM;AACP,MAAA,oBAAOH,KAAA,CAAAC,aAAA,CAACI,mBAAmB,EAAA;AAACP,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA,KAAK,KAAK;AACN,MAAA,oBAAOH,KAAA,CAAAC,aAAA,CAACK,mBAAmB,EAAA;AAACR,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA,KAAK,KAAK;AACN,MAAA,oBAAOH,KAAA,CAAAC,aAAA,CAACM,mBAAmB,EAAA;AAACT,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA;AACI,MAAA,oBAAOH,KAAA,CAAAC,aAAA,CAACO,gBAAgB,EAAA;AAACV,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AACnE,GAAA;AACJ;;;;"}
+{"version":3,"file":"getFileicon.js","sources":["../../../../../../src/components/Attach/utils/getFileicon.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n    IconBlankCsvOutline,\n    IconBlankDocOutline,\n    IconBlankOutline,\n    IconBlankPdfOutline,\n    IconBlankTxtOutline,\n    IconBlankXlsOutline,\n} from '../../_Icon';\n\nexport const getFileIcon = (extension?: string, size?: string) => {\n    const iconSize = size === 'xs' ? 'xs' : 's';\n\n    switch (extension) {\n        case 'pdf':\n            return <IconBlankPdfOutline size={iconSize} color=\"inherit\" />;\n        case 'doc':\n            return <IconBlankDocOutline size={iconSize} color=\"inherit\" />;\n        case 'docx':\n            return <IconBlankDocOutline size={iconSize} color=\"inherit\" />;\n        case 'xls':\n            return <IconBlankXlsOutline size={iconSize} color=\"inherit\" />;\n        case 'xlsx':\n            return <IconBlankXlsOutline size={iconSize} color=\"inherit\" />;\n        case 'txt':\n            return <IconBlankTxtOutline size={iconSize} color=\"inherit\" />;\n        case 'csv':\n            return <IconBlankCsvOutline size={iconSize} color=\"inherit\" />;\n        default:\n            return <IconBlankOutline size={iconSize} color=\"inherit\" />;\n    }\n};\n"],"names":["getFileIcon","extension","size","iconSize","React","createElement","IconBlankPdfOutline","color","IconBlankDocOutline","IconBlankXlsOutline","IconBlankTxtOutline","IconBlankCsvOutline","IconBlankOutline"],"mappings":";;;;;;;;AAWO,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAIC,SAAkB,EAAEC,IAAa,EAAK;EAC9D,IAAMC,QAAQ,GAAGD,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,GAAG,CAAA;AAE3C,EAAA,QAAQD,SAAS;AACb,IAAA,KAAK,KAAK;AACN,MAAA,oBAAOG,cAAA,CAAAC,aAAA,CAACC,mBAAmB,EAAA;AAACJ,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA,KAAK,KAAK;AACN,MAAA,oBAAOH,cAAA,CAAAC,aAAA,CAACG,mBAAmB,EAAA;AAACN,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA,KAAK,MAAM;AACP,MAAA,oBAAOH,cAAA,CAAAC,aAAA,CAACG,mBAAmB,EAAA;AAACN,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA,KAAK,KAAK;AACN,MAAA,oBAAOH,cAAA,CAAAC,aAAA,CAACI,mBAAmB,EAAA;AAACP,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA,KAAK,MAAM;AACP,MAAA,oBAAOH,cAAA,CAAAC,aAAA,CAACI,mBAAmB,EAAA;AAACP,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA,KAAK,KAAK;AACN,MAAA,oBAAOH,cAAA,CAAAC,aAAA,CAACK,mBAAmB,EAAA;AAACR,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA,KAAK,KAAK;AACN,MAAA,oBAAOH,cAAA,CAAAC,aAAA,CAACM,mBAAmB,EAAA;AAACT,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AAClE,IAAA;AACI,MAAA,oBAAOH,cAAA,CAAAC,aAAA,CAACO,gBAAgB,EAAA;AAACV,QAAAA,IAAI,EAAEC,QAAS;AAACI,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AACnE,GAAA;AACJ;;;;"}

package/dist/css/es/components/Autocomplete/Autocomplete.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useReducer, useState, useRef } from 'react';
+import React__default, { forwardRef, useReducer, useState, useRef } from 'react';
 import { FloatingPopover } from './FloatingPopover.js';
 import { focusedReducer } from './reducers/focusedReducer.js';
 import { ListWrapper, Ul, InfiniteLoaderWrapper, base, StyledLeftHelper } from './Autocomplete.styles.js';
@@ -130,7 +130,7 @@ var autocompleteRoot = function autocompleteRoot(Root) {
         type: 'reset'
       });
     }, [value]);
-    return /*#__PURE__*/React.createElement(Root, {
+    return /*#__PURE__*/React__default.createElement(Root, {
       view: view,
       size: size,
       labelPlacement: labelPlacement,
@@ -138,7 +138,7 @@ var autocompleteRoot = function autocompleteRoot(Root) {
       readOnly: readOnly,
       hintView: hintView,
       hintSize: hintSize
-    }, /*#__PURE__*/React.createElement(FloatingPopover, {
+    }, /*#__PURE__*/React__default.createElement(FloatingPopover, {
       ref: floatingPopoverRef,
       opened: isOpen,
       portal: portal,
@@ -147,7 +147,7 @@ var autocompleteRoot = function autocompleteRoot(Root) {
       offset: _offset,
       flip: flip,
       target: function target(referenceRef) {
-        return /*#__PURE__*/React.createElement(StyledTextField, _extends({
+        return /*#__PURE__*/React__default.createElement(StyledTextField, _extends({
           ref: ref,
           inputWrapperRef: referenceRef,
           value: value,
@@ -173,35 +173,35 @@ var autocompleteRoot = function autocompleteRoot(Root) {
           hintText: String(hintText || ''),
           labelPlacement: labelPlacement,
           keepPlaceholder: keepPlaceholder,
-          leftHelper: leftHelper && (_StyledLeftHelper || (_StyledLeftHelper = /*#__PURE__*/React.createElement(StyledLeftHelper, {
+          leftHelper: leftHelper && (_StyledLeftHelper || (_StyledLeftHelper = /*#__PURE__*/React__default.createElement(StyledLeftHelper, {
             onClick: helperTextStopPropagation
           }, leftHelper)))
         }, rest));
       }
-    }, renderList && renderList(finalResults) || Boolean(finalResults.length) && /*#__PURE__*/React.createElement(Root, {
+    }, renderList && renderList(finalResults) || Boolean(finalResults.length) && /*#__PURE__*/React__default.createElement(Root, {
       view: view,
       size: size,
       labelPlacement: labelPlacement,
       disabled: disabled,
       readOnly: readOnly
-    }, /*#__PURE__*/React.createElement(ListWrapper, {
+    }, /*#__PURE__*/React__default.createElement(ListWrapper, {
       ref: listWrapperRef
-    }, /*#__PURE__*/React.createElement(Ul, {
+    }, /*#__PURE__*/React__default.createElement(Ul, {
       id: listId,
       role: "listbox",
       "aria-label": label,
       onScroll: virtual ? undefined : onScroll,
       listMaxHeight: listMaxHeight,
       virtual: virtual
-    }, virtual ? /*#__PURE__*/React.createElement(VirtualList, {
+    }, virtual ? /*#__PURE__*/React__default.createElement(VirtualList, {
       items: finalResults,
       onClick: handleItemClick,
       listId: listId,
       listMaxHeight: listMaxHeight,
       onScroll: onScroll,
       renderItem: renderItem
-    }) : /*#__PURE__*/React.createElement(React.Fragment, null, beforeList, finalResults.map(function (suggestion, index) {
-      return /*#__PURE__*/React.createElement(SuggestionItem, {
+    }) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, beforeList, finalResults.map(function (suggestion, index) {
+      return /*#__PURE__*/React__default.createElement(SuggestionItem, {
         key: index,
         item: suggestion,
         onClick: handleItemClick,
@@ -209,7 +209,7 @@ var autocompleteRoot = function autocompleteRoot(Root) {
         focused: focused === index,
         renderItem: renderItem
       });
-    }), afterList), renderListEnd && /*#__PURE__*/React.createElement(InfiniteLoaderWrapper, null, renderListEnd()))))));
+    }), afterList), renderListEnd && /*#__PURE__*/React__default.createElement(InfiniteLoaderWrapper, null, renderListEnd()))))));
   });
 };
 var autocompleteConfig = {