@webiny/app-admin 0.0.0-unstable.d7f521b032 → 0.0.0-unstable.ecd8734205

package/components/FileManager/FileDetails.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","fileDetailsSidebar","css","width","style","wrapper","height","overflowY","header","textAlign","marginBottom","paddingTop","textTransform","color","fontWeight","preview","boxSizing","display","justifyContent","alignItems","position","margin","img","objectFit","maxHeight","maxWidth","transform","backgroundColor","download","list","li","padding","lineHeight","minHeight","marginRight","flex","whiteSpace","overflow","textOverflow","drawerContent","isImage","file","fileType","mime","getType","name","includes","FileDetails","props","uploadFile","validateFiles","filePlugin","getFileTypePlugin","actions","get","useFileManager","hideFileDetails","queryParams","useState","darkImageBackground","setDarkImageBackground","useSecurity","identity","getPermission","fmFilePermission","useMemo","canDelete","useCallback","item","own","identityId","id","login","rwd","useHotkeys","zIndex","disabled","keys","esc","useMutation","DELETE_FILE","update","cache","data","cloneDeep","readQuery","query","LIST_FILES","variables","fileManager","listFiles","error","meta","hasMoreItems","cursor","totalItem","filteredList","filter","selectedFile","find","writeQuery","set","Array","isArray","tags","tagCountMap","forEach","tag","listTagsData","LIST_TAGS","where","getWhere","scope","filteredTags","listTags","deleteFile","useSnackbar","showSnackbar","renderDeleteImageAction","fileDeleteConfirmationProps","title","message","showConfirmation","fileTypeIcon","type","Boolean","classNames","dark","render","navigator","clipboard","writeText","src","map","Component","index","bytes","format","size","unitSeparator","dayjs","createdOn"],"sources":["FileDetails.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport bytes from \"bytes\";\nimport classNames from \"classnames\";\nimport { css } from \"emotion\";\nimport { Drawer, DrawerContent } from \"@webiny/ui/Drawer\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport getFileTypePlugin from \"./getFileTypePlugin\";\nimport dayjs from \"dayjs\";\nimport get from \"lodash/get\";\nimport set from \"lodash/set\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport Tags from \"./FileDetails/Tags\";\nimport Name from \"./FileDetails/Name\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { Typography } from \"@webiny/ui/Typography\";\n/**\n * Package react-hotkeyz has no types.\n */\n// @ts-ignore\nimport { useHotkeys } from \"react-hotkeyz\";\nimport { ReactComponent as CopyContentIcon } from \"./icons/content_copy-black-24px.svg\";\nimport { ReactComponent as DeleteIcon } from \"./icons/delete.svg\";\nimport { ReactComponent as ImageIcon } from \"../../assets/icons/insert_photo-24px.svg\";\nimport { ReactComponent as FileIcon } from \"../../assets/icons/insert_drive_file-24px.svg\";\nimport { ReactComponent as CalendarIcon } from \"../../assets/icons/today-24px.svg\";\nimport { ReactComponent as HighlightIcon } from \"../../assets/icons/highlight-24px.svg\";\nimport { getWhere, useFileManager } from \"./FileManagerContext\";\nimport { useMutation } from \"@apollo/react-hooks\";\nimport { useSnackbar } from \"~/hooks/useSnackbar\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport { ConfirmationDialog } from \"@webiny/ui/ConfirmationDialog\";\nimport {\n    DELETE_FILE,\n    DeleteFileMutationResponse,\n    DeleteFileMutationVariables,\n    LIST_FILES,\n    LIST_TAGS,\n    ListFilesQueryResponse,\n    ListFileTagsQueryResponse\n} from \"./graphql\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport mime from \"mime\";\nimport { FileItem, FileManagerSecurityPermission } from \"./types\";\nimport { FilesRenderChildren } from \"react-butterfiles\";\n\nconst t = i18n.ns(\"app-admin/file-manager/file-details\");\n\nconst fileDetailsSidebar = css({\n    \"&.mdc-drawer\": {\n        width: 360\n    }\n});\n\ndeclare global {\n    // eslint-disable-next-line\n    namespace JSX {\n        interface IntrinsicElements {\n            \"li-title\": {\n                children?: React.ReactNode;\n            };\n\n            \"li-content\": {\n                children?: React.ReactNode;\n            };\n        }\n    }\n}\n\nconst style: any = {\n    wrapper: css({\n        height: \"100vh\",\n        overflowY: \"auto\"\n    }),\n    header: css({\n        textAlign: \"center\",\n        marginBottom: 24,\n        paddingTop: 16,\n        \"& span\": {\n            textTransform: \"capitalize\",\n            color: \"var(--mdc-theme-on-surface)\",\n            fontWeight: 600\n        }\n    }),\n    preview: css({\n        boxSizing: \"border-box\",\n        display: \"flex\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        position: \"relative\",\n        width: \"100%\",\n        height: 300,\n        margin: \"0 auto 24px\",\n        img: {\n            objectFit: \"contain\",\n            maxHeight: 300,\n            maxWidth: 300,\n            width: \"100%\",\n            position: \"static\",\n            transform: \"none\"\n        },\n        \"&.dark\": {\n            backgroundColor: \"var(--mdc-theme-background)\"\n        }\n    }),\n    download: css({\n        textAlign: \"center\",\n        margin: \"0 auto\",\n        width: \"100%\",\n        \"& .icon--active\": {\n            \"&.mdc-icon-button\": {\n                color: \"var(--mdc-theme-text-on-primary)\"\n            }\n        }\n    }),\n    list: css({\n        textAlign: \"left\",\n        color: \"var(--mdc-theme-on-surface)\",\n        li: {\n            padding: \"12px 16px\",\n            lineHeight: \"22px\",\n            \"li-title\": {\n                display: \"flex\",\n                alignItems: \"center\",\n                justifyContent: \"flex-start\",\n                minHeight: 48,\n                \"& .list-item__title\": {\n                    fontWeight: 600\n                },\n                \"& .list-item__icon\": {\n                    marginRight: 24\n                },\n                \"& .list-item__content\": {\n                    flex: \"1 0 200px\"\n                }\n            },\n            \"li-content\": {\n                width: \"100%\",\n                display: \"block\",\n                \"& .list-item__truncate\": {\n                    display: \"block\",\n                    width: \"100%\",\n                    whiteSpace: \"nowrap\",\n                    overflow: \"hidden\",\n                    textOverflow: \"ellipsis\"\n                }\n            }\n        }\n    }),\n    drawerContent: css({\n        \"&.mdc-drawer__content\": {\n            height: \"auto\",\n            overflowY: \"inherit\"\n        }\n    })\n};\ninterface FileDetailsProps {\n    canEdit: (item: any) => boolean;\n    file: FileItem;\n    uploadFile: (files: FileItem[] | FileItem) => Promise<number | null>;\n    validateFiles: FilesRenderChildren[\"validateFiles\"];\n    [key: string]: any;\n}\n\nconst isImage = (file: FileItem) => {\n    const fileType = mime.getType(file && file.name);\n\n    if (fileType && typeof fileType === \"string\") {\n        return fileType.includes(\"image\");\n    }\n\n    return false;\n};\n\nconst FileDetails: React.FC<FileDetailsProps> = props => {\n    const { file, uploadFile, validateFiles } = props;\n\n    const filePlugin = getFileTypePlugin(file);\n    const actions: React.FC[] =\n        get(filePlugin, \"fileDetails.actions\") || get(filePlugin, \"actions\") || [];\n\n    const { hideFileDetails, queryParams } = useFileManager();\n    const [darkImageBackground, setDarkImageBackground] = useState(false);\n\n    const { identity, getPermission } = useSecurity();\n    const fmFilePermission = useMemo((): FileManagerSecurityPermission | null => {\n        return getPermission(\"fm.file\");\n    }, [identity]);\n    const canDelete = useCallback(\n        item => {\n            // Bail out early if no access\n            if (!fmFilePermission) {\n                return false;\n            }\n            if (fmFilePermission.own) {\n                const identityId = identity ? identity.id || identity.login : null;\n                if (!identityId) {\n                    return false;\n                }\n                return get(item, \"createdBy.id\") === identityId;\n            }\n            if (typeof fmFilePermission.rwd === \"string\") {\n                return fmFilePermission.rwd.includes(\"d\");\n            }\n            return true;\n        },\n        [fmFilePermission]\n    );\n\n    useHotkeys({\n        zIndex: 55,\n        disabled: !file,\n        keys: {\n            esc: hideFileDetails\n        }\n    });\n\n    const [deleteFile] = useMutation<DeleteFileMutationResponse, DeleteFileMutationVariables>(\n        DELETE_FILE,\n        {\n            update: cache => {\n                // 1. Update files list cache\n                let data = cloneDeep(\n                    cache.readQuery<ListFilesQueryResponse>({\n                        query: LIST_FILES,\n                        variables: queryParams\n                    })\n                );\n                if (!data) {\n                    data = {\n                        fileManager: {\n                            listFiles: {\n                                data: [],\n                                error: null,\n                                meta: {\n                                    hasMoreItems: false,\n                                    cursor: null,\n                                    totalItem: 0\n                                }\n                            }\n                        }\n                    };\n                }\n                const filteredList = data.fileManager.listFiles.data.filter(\n                    (item: FileItem) => item.id !== file.id\n                );\n                const selectedFile = data.fileManager.listFiles.data.find(\n                    (item: FileItem) => item.id === file.id\n                );\n\n                cache.writeQuery({\n                    query: LIST_FILES,\n                    variables: queryParams,\n                    data: set(data, \"fileManager.listFiles.data\", filteredList)\n                });\n                // 2. Update \"ListTags\" cache\n                if (!selectedFile || Array.isArray(selectedFile.tags) === false) {\n                    return;\n                }\n                const tagCountMap: Record<string, number> = {};\n                // Prepare \"tag\" count map\n                data.fileManager.listFiles.data.forEach((file: FileItem) => {\n                    if (!Array.isArray(file.tags)) {\n                        return;\n                    }\n                    file.tags.forEach(tag => {\n                        if (tagCountMap[tag]) {\n                            tagCountMap[tag] += 1;\n                        } else {\n                            tagCountMap[tag] = 1;\n                        }\n                    });\n                });\n\n                // Get tags from cache\n                const listTagsData = cloneDeep(\n                    cache.readQuery<ListFileTagsQueryResponse>({\n                        query: LIST_TAGS,\n                        variables: { where: getWhere(queryParams.scope) }\n                    })\n                );\n                // Remove selected file tags from list.\n                const filteredTags = (listTagsData?.fileManager?.listTags || []).filter(\n                    (tag: string) => {\n                        if (!selectedFile.tags.includes(tag)) {\n                            return true;\n                        }\n                        return tagCountMap[tag] > 1;\n                    }\n                );\n\n                // Write it to cache\n                cache.writeQuery({\n                    query: LIST_TAGS,\n                    variables: { where: getWhere(queryParams.scope) },\n                    data: set(data, \"fileManager.listTags\", filteredTags)\n                });\n            }\n        }\n    );\n    const { showSnackbar } = useSnackbar();\n\n    const renderDeleteImageAction = useCallback(file => {\n        if (!canDelete(file)) {\n            return null;\n        }\n        const fileDeleteConfirmationProps = {\n            title: t`Delete file`,\n            message: file && (\n                <span>\n                    {t`You're about to delete file {name}. Are you sure you want to continue?`({\n                        name: file.name\n                    })}\n                </span>\n            )\n        };\n        return (\n            <ConfirmationDialog\n                {...fileDeleteConfirmationProps}\n                data-testid={\"fm-delete-file-confirmation-dialog\"}\n                style={{ zIndex: 100 }}\n            >\n                {({ showConfirmation }) => {\n                    return (\n                        <Tooltip\n                            content={\n                                isImage(file) ? (\n                                    <span>{t`Delete image`}</span>\n                                ) : (\n                                    <span>{t`Delete file`}</span>\n                                )\n                            }\n                            placement={\"bottom\"}\n                        >\n                            <IconButton\n                                data-testid={\"fm-delete-file-button\"}\n                                icon={<DeleteIcon style={{ margin: \"0 8px 0 0\" }} />}\n                                onClick={() =>\n                                    showConfirmation(async () => {\n                                        await deleteFile({\n                                            variables: {\n                                                id: file.id\n                                            }\n                                        });\n                                        showSnackbar(t`File deleted successfully.`);\n                                    })\n                                }\n                            />\n                        </Tooltip>\n                    );\n                }}\n            </ConfirmationDialog>\n        );\n    }, []);\n\n    const fileTypeIcon = useMemo(() => {\n        if (file && typeof file.type === \"string\") {\n            return file.type.includes(\"image\") ? <ImageIcon /> : <FileIcon />;\n        }\n        return <ImageIcon />;\n    }, [file]);\n\n    return (\n        <Drawer\n            className={fileDetailsSidebar}\n            dir=\"rtl\"\n            modal\n            open={Boolean(file)}\n            onClose={hideFileDetails}\n            data-testid={\"fm.file-details.drawer\"}\n        >\n            {file && (\n                <div className={style.wrapper} dir=\"ltr\">\n                    <div className={style.header}>\n                        <Typography use={\"headline5\"}>{t`File details`}</Typography>\n                    </div>\n                    <div\n                        className={classNames(style.preview, {\n                            dark: darkImageBackground\n                        })}\n                    >\n                        {filePlugin &&\n                            filePlugin.render({\n                                /**\n                                 * TODO: @ts-refactor\n                                 * Figure out which type is the file\n                                 */\n                                // @ts-ignore\n                                file,\n                                uploadFile,\n                                validateFiles\n                            })}\n                    </div>\n                    <div className={style.download}>\n                        <>\n                            <Tooltip content={<span>{t`Copy URL`}</span>} placement={\"bottom\"}>\n                                <IconButton\n                                    onClick={() => {\n                                        navigator.clipboard.writeText(file.src);\n                                        showSnackbar(t`URL copied successfully.`);\n                                    }}\n                                    icon={<CopyContentIcon style={{ margin: \"0 8px 0 0\" }} />}\n                                />\n                            </Tooltip>\n\n                            {actions.map((Component: React.FC, index: number) => (\n                                <Component key={index} {...props} />\n                            ))}\n                            {renderDeleteImageAction(file)}\n                            {/* Render background switcher */}\n                            <Tooltip content={t`Toggle background`} placement={\"bottom\"}>\n                                <IconButton\n                                    icon={<HighlightIcon />}\n                                    onClick={() => setDarkImageBackground(!darkImageBackground)}\n                                    className={classNames({ \"icon--active\": darkImageBackground })}\n                                />\n                            </Tooltip>\n                        </>\n                    </div>\n                    <DrawerContent dir=\"ltr\" className={style.drawerContent}>\n                        <ul className={style.list}>\n                            <li>\n                                <Name {...props} />\n                            </li>\n                            <li>\n                                <li-title>\n                                    <Icon className={\"list-item__icon\"} icon={fileTypeIcon} />\n                                    <div>\n                                        <Typography use={\"subtitle1\"}>{file.type}</Typography>{\" \"}\n                                        {\" - \"}\n                                        <Typography use={\"subtitle1\"}>\n                                            {bytes.format(file.size, { unitSeparator: \" \" })}\n                                        </Typography>\n                                    </div>\n                                </li-title>\n                            </li>\n                            <li>\n                                <li-title>\n                                    <Icon className={\"list-item__icon\"} icon={<CalendarIcon />} />\n                                    <div>\n                                        <Typography use={\"subtitle1\"}>\n                                            {dayjs(file.createdOn).format(\"DD MMM YYYY [at] HH:mm\")}\n                                        </Typography>\n                                    </div>\n                                </li-title>\n                            </li>\n                            <li>\n                                <Tags key={props.file.id} {...props} />\n                            </li>\n                        </ul>\n                    </DrawerContent>\n                </div>\n            )}\n        </Drawer>\n    );\n};\n\nexport default FileDetails;\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AASA;AACA;AAAwB;AAIxB,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,qCAAqC,CAAC;AAExD,IAAMC,kBAAkB,gBAAG,IAAAC,YAAG,EAAC;EAC3B,cAAc,EAAE;IACZC,KAAK,EAAE;EACX;AACJ,CAAC,8BAAC;AAiBF,IAAMC,KAAU,GAAG;EACfC,OAAO,eAAE,IAAAH,YAAG,EAAC;IACTI,MAAM,EAAE,OAAO;IACfC,SAAS,EAAE;EACf,CAAC,mBAAC;EACFC,MAAM,eAAE,IAAAN,YAAG,EAAC;IACRO,SAAS,EAAE,QAAQ;IACnBC,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE,EAAE;IACd,QAAQ,EAAE;MACNC,aAAa,EAAE,YAAY;MAC3BC,KAAK,EAAE,6BAA6B;MACpCC,UAAU,EAAE;IAChB;EACJ,CAAC,kBAAC;EACFC,OAAO,eAAE,IAAAb,YAAG,EAAC;IACTc,SAAS,EAAE,YAAY;IACvBC,OAAO,EAAE,MAAM;IACfC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,QAAQ,EAAE,UAAU;IACpBjB,KAAK,EAAE,MAAM;IACbG,MAAM,EAAE,GAAG;IACXe,MAAM,EAAE,aAAa;IACrBC,GAAG,EAAE;MACDC,SAAS,EAAE,SAAS;MACpBC,SAAS,EAAE,GAAG;MACdC,QAAQ,EAAE,GAAG;MACbtB,KAAK,EAAE,MAAM;MACbiB,QAAQ,EAAE,QAAQ;MAClBM,SAAS,EAAE;IACf,CAAC;IACD,QAAQ,EAAE;MACNC,eAAe,EAAE;IACrB;EACJ,CAAC,mBAAC;EACFC,QAAQ,eAAE,IAAA1B,YAAG,EAAC;IACVO,SAAS,EAAE,QAAQ;IACnBY,MAAM,EAAE,QAAQ;IAChBlB,KAAK,EAAE,MAAM;IACb,iBAAiB,EAAE;MACf,mBAAmB,EAAE;QACjBU,KAAK,EAAE;MACX;IACJ;EACJ,CAAC,oBAAC;EACFgB,IAAI,eAAE,IAAA3B,YAAG,EAAC;IACNO,SAAS,EAAE,MAAM;IACjBI,KAAK,EAAE,6BAA6B;IACpCiB,EAAE,EAAE;MACAC,OAAO,EAAE,WAAW;MACpBC,UAAU,EAAE,MAAM;MAClB,UAAU,EAAE;QACRf,OAAO,EAAE,MAAM;QACfE,UAAU,EAAE,QAAQ;QACpBD,cAAc,EAAE,YAAY;QAC5Be,SAAS,EAAE,EAAE;QACb,qBAAqB,EAAE;UACnBnB,UAAU,EAAE;QAChB,CAAC;QACD,oBAAoB,EAAE;UAClBoB,WAAW,EAAE;QACjB,CAAC;QACD,uBAAuB,EAAE;UACrBC,IAAI,EAAE;QACV;MACJ,CAAC;MACD,YAAY,EAAE;QACVhC,KAAK,EAAE,MAAM;QACbc,OAAO,EAAE,OAAO;QAChB,wBAAwB,EAAE;UACtBA,OAAO,EAAE,OAAO;UAChBd,KAAK,EAAE,MAAM;UACbiC,UAAU,EAAE,QAAQ;UACpBC,QAAQ,EAAE,QAAQ;UAClBC,YAAY,EAAE;QAClB;MACJ;IACJ;EACJ,CAAC,gBAAC;EACFC,aAAa,eAAE,IAAArC,YAAG,EAAC;IACf,uBAAuB,EAAE;MACrBI,MAAM,EAAE,MAAM;MACdC,SAAS,EAAE;IACf;EACJ,CAAC;AACL,CAAC;AASD,IAAMiC,OAAO,GAAG,SAAVA,OAAO,CAAIC,IAAc,EAAK;EAChC,IAAMC,QAAQ,GAAGC,aAAI,CAACC,OAAO,CAACH,IAAI,IAAIA,IAAI,CAACI,IAAI,CAAC;EAEhD,IAAIH,QAAQ,IAAI,OAAOA,QAAQ,KAAK,QAAQ,EAAE;IAC1C,OAAOA,QAAQ,CAACI,QAAQ,CAAC,OAAO,CAAC;EACrC;EAEA,OAAO,KAAK;AAChB,CAAC;AAED,IAAMC,WAAuC,GAAG,SAA1CA,WAAuC,CAAGC,KAAK,EAAI;EACrD,IAAQP,IAAI,GAAgCO,KAAK,CAAzCP,IAAI;IAAEQ,UAAU,GAAoBD,KAAK,CAAnCC,UAAU;IAAEC,aAAa,GAAKF,KAAK,CAAvBE,aAAa;EAEvC,IAAMC,UAAU,GAAG,IAAAC,0BAAiB,EAACX,IAAI,CAAC;EAC1C,IAAMY,OAAmB,GACrB,IAAAC,YAAG,EAACH,UAAU,EAAE,qBAAqB,CAAC,IAAI,IAAAG,YAAG,EAACH,UAAU,EAAE,SAAS,CAAC,IAAI,EAAE;EAE9E,sBAAyC,IAAAI,kCAAc,GAAE;IAAjDC,eAAe,mBAAfA,eAAe;IAAEC,WAAW,mBAAXA,WAAW;EACpC,gBAAsD,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAA;IAA9DC,mBAAmB;IAAEC,sBAAsB;EAElD,mBAAoC,IAAAC,wBAAW,GAAE;IAAzCC,QAAQ,gBAARA,QAAQ;IAAEC,aAAa,gBAAbA,aAAa;EAC/B,IAAMC,gBAAgB,GAAG,IAAAC,cAAO,EAAC,YAA4C;IACzE,OAAOF,aAAa,CAAC,SAAS,CAAC;EACnC,CAAC,EAAE,CAACD,QAAQ,CAAC,CAAC;EACd,IAAMI,SAAS,GAAG,IAAAC,kBAAW,EACzB,UAAAC,IAAI,EAAI;IACJ;IACA,IAAI,CAACJ,gBAAgB,EAAE;MACnB,OAAO,KAAK;IAChB;IACA,IAAIA,gBAAgB,CAACK,GAAG,EAAE;MACtB,IAAMC,UAAU,GAAGR,QAAQ,GAAGA,QAAQ,CAACS,EAAE,IAAIT,QAAQ,CAACU,KAAK,GAAG,IAAI;MAClE,IAAI,CAACF,UAAU,EAAE;QACb,OAAO,KAAK;MAChB;MACA,OAAO,IAAAhB,YAAG,EAACc,IAAI,EAAE,cAAc,CAAC,KAAKE,UAAU;IACnD;IACA,IAAI,OAAON,gBAAgB,CAACS,GAAG,KAAK,QAAQ,EAAE;MAC1C,OAAOT,gBAAgB,CAACS,GAAG,CAAC3B,QAAQ,CAAC,GAAG,CAAC;IAC7C;IACA,OAAO,IAAI;EACf,CAAC,EACD,CAACkB,gBAAgB,CAAC,CACrB;EAED,IAAAU,wBAAU,EAAC;IACPC,MAAM,EAAE,EAAE;IACVC,QAAQ,EAAE,CAACnC,IAAI;IACfoC,IAAI,EAAE;MACFC,GAAG,EAAEtB;IACT;EACJ,CAAC,CAAC;EAEF,mBAAqB,IAAAuB,uBAAW,EAC5BC,oBAAW,EACX;MACIC,MAAM,EAAE,gBAAAC,KAAK,EAAI;QAAA;QACb;QACA,IAAIC,IAAI,GAAG,IAAAC,kBAAS,EAChBF,KAAK,CAACG,SAAS,CAAyB;UACpCC,KAAK,EAAEC,mBAAU;UACjBC,SAAS,EAAE/B;QACf,CAAC,CAAC,CACL;QACD,IAAI,CAAC0B,IAAI,EAAE;UACPA,IAAI,GAAG;YACHM,WAAW,EAAE;cACTC,SAAS,EAAE;gBACPP,IAAI,EAAE,EAAE;gBACRQ,KAAK,EAAE,IAAI;gBACXC,IAAI,EAAE;kBACFC,YAAY,EAAE,KAAK;kBACnBC,MAAM,EAAE,IAAI;kBACZC,SAAS,EAAE;gBACf;cACJ;YACJ;UACJ,CAAC;QACL;QACA,IAAMC,YAAY,GAAGb,IAAI,CAACM,WAAW,CAACC,SAAS,CAACP,IAAI,CAACc,MAAM,CACvD,UAAC7B,IAAc;UAAA,OAAKA,IAAI,CAACG,EAAE,KAAK9B,IAAI,CAAC8B,EAAE;QAAA,EAC1C;QACD,IAAM2B,YAAY,GAAGf,IAAI,CAACM,WAAW,CAACC,SAAS,CAACP,IAAI,CAACgB,IAAI,CACrD,UAAC/B,IAAc;UAAA,OAAKA,IAAI,CAACG,EAAE,KAAK9B,IAAI,CAAC8B,EAAE;QAAA,EAC1C;QAEDW,KAAK,CAACkB,UAAU,CAAC;UACbd,KAAK,EAAEC,mBAAU;UACjBC,SAAS,EAAE/B,WAAW;UACtB0B,IAAI,EAAE,IAAAkB,YAAG,EAAClB,IAAI,EAAE,4BAA4B,EAAEa,YAAY;QAC9D,CAAC,CAAC;QACF;QACA,IAAI,CAACE,YAAY,IAAII,KAAK,CAACC,OAAO,CAACL,YAAY,CAACM,IAAI,CAAC,KAAK,KAAK,EAAE;UAC7D;QACJ;QACA,IAAMC,WAAmC,GAAG,CAAC,CAAC;QAC9C;QACAtB,IAAI,CAACM,WAAW,CAACC,SAAS,CAACP,IAAI,CAACuB,OAAO,CAAC,UAACjE,IAAc,EAAK;UACxD,IAAI,CAAC6D,KAAK,CAACC,OAAO,CAAC9D,IAAI,CAAC+D,IAAI,CAAC,EAAE;YAC3B;UACJ;UACA/D,IAAI,CAAC+D,IAAI,CAACE,OAAO,CAAC,UAAAC,GAAG,EAAI;YACrB,IAAIF,WAAW,CAACE,GAAG,CAAC,EAAE;cAClBF,WAAW,CAACE,GAAG,CAAC,IAAI,CAAC;YACzB,CAAC,MAAM;cACHF,WAAW,CAACE,GAAG,CAAC,GAAG,CAAC;YACxB;UACJ,CAAC,CAAC;QACN,CAAC,CAAC;;QAEF;QACA,IAAMC,YAAY,GAAG,IAAAxB,kBAAS,EAC1BF,KAAK,CAACG,SAAS,CAA4B;UACvCC,KAAK,EAAEuB,kBAAS;UAChBrB,SAAS,EAAE;YAAEsB,KAAK,EAAE,IAAAC,4BAAQ,EAACtD,WAAW,CAACuD,KAAK;UAAE;QACpD,CAAC,CAAC,CACL;QACD;QACA,IAAMC,YAAY,GAAG,CAAC,CAAAL,YAAY,aAAZA,YAAY,gDAAZA,YAAY,CAAEnB,WAAW,0DAAzB,sBAA2ByB,QAAQ,KAAI,EAAE,EAAEjB,MAAM,CACnE,UAACU,GAAW,EAAK;UACb,IAAI,CAACT,YAAY,CAACM,IAAI,CAAC1D,QAAQ,CAAC6D,GAAG,CAAC,EAAE;YAClC,OAAO,IAAI;UACf;UACA,OAAOF,WAAW,CAACE,GAAG,CAAC,GAAG,CAAC;QAC/B,CAAC,CACJ;;QAED;QACAzB,KAAK,CAACkB,UAAU,CAAC;UACbd,KAAK,EAAEuB,kBAAS;UAChBrB,SAAS,EAAE;YAAEsB,KAAK,EAAE,IAAAC,4BAAQ,EAACtD,WAAW,CAACuD,KAAK;UAAE,CAAC;UACjD7B,IAAI,EAAE,IAAAkB,YAAG,EAAClB,IAAI,EAAE,sBAAsB,EAAE8B,YAAY;QACxD,CAAC,CAAC;MACN;IACJ,CAAC,CACJ;IAAA;IAlFME,UAAU;EAmFjB,mBAAyB,IAAAC,yBAAW,GAAE;IAA9BC,YAAY,gBAAZA,YAAY;EAEpB,IAAMC,uBAAuB,GAAG,IAAAnD,kBAAW,EAAC,UAAA1B,IAAI,EAAI;IAChD,IAAI,CAACyB,SAAS,CAACzB,IAAI,CAAC,EAAE;MAClB,OAAO,IAAI;IACf;IACA,IAAM8E,2BAA2B,GAAG;MAChCC,KAAK,EAAE1H,CAAC,8FAAa;MACrB2H,OAAO,EAAEhF,IAAI,iBACT,2CACK3C,CAAC,4JAAyE;QACvE+C,IAAI,EAAEJ,IAAI,CAACI;MACf,CAAC,CAAC;IAGd,CAAC;IACD,oBACI,6BAAC,sCAAkB,oBACX0E,2BAA2B;MAC/B,eAAa,oCAAqC;MAClD,KAAK,EAAE;QAAE5C,MAAM,EAAE;MAAI;IAAE,IAEtB,gBAA0B;MAAA,IAAvB+C,gBAAgB,QAAhBA,gBAAgB;MAChB,oBACI,6BAAC,gBAAO;QACJ,OAAO,EACHlF,OAAO,CAACC,IAAI,CAAC,gBACT,2CAAO3C,CAAC,kGAAsB,gBAE9B,2CAAOA,CAAC,iGAEf;QACD,SAAS,EAAE;MAAS,gBAEpB,6BAAC,kBAAU;QACP,eAAa,uBAAwB;QACrC,IAAI,eAAE,6BAAC,sBAAU;UAAC,KAAK,EAAE;YAAEuB,MAAM,EAAE;UAAY;QAAE,EAAI;QACrD,OAAO,EAAE;UAAA,OACLqG,gBAAgB,sGAAC;YAAA;cAAA;gBAAA;kBAAA;kBAAA,OACPP,UAAU,CAAC;oBACb3B,SAAS,EAAE;sBACPjB,EAAE,EAAE9B,IAAI,CAAC8B;oBACb;kBACJ,CAAC,CAAC;gBAAA;kBACF8C,YAAY,CAACvH,CAAC,gHAA6B;gBAAC;gBAAA;kBAAA;cAAA;YAAA;UAAA,CAC/C,GAAC;QAAA;MACL,EACH,CACI;IAElB,CAAC,CACgB;EAE7B,CAAC,EAAE,EAAE,CAAC;EAEN,IAAM6H,YAAY,GAAG,IAAA1D,cAAO,EAAC,YAAM;IAC/B,IAAIxB,IAAI,IAAI,OAAOA,IAAI,CAACmF,IAAI,KAAK,QAAQ,EAAE;MACvC,OAAOnF,IAAI,CAACmF,IAAI,CAAC9E,QAAQ,CAAC,OAAO,CAAC,gBAAG,6BAAC,gCAAS,OAAG,gBAAG,6BAAC,qCAAQ,OAAG;IACrE;IACA,oBAAO,6BAAC,gCAAS,OAAG;EACxB,CAAC,EAAE,CAACL,IAAI,CAAC,CAAC;EAEV,oBACI,6BAAC,cAAM;IACH,SAAS,EAAExC,kBAAmB;IAC9B,GAAG,EAAC,KAAK;IACT,KAAK;IACL,IAAI,EAAE4H,OAAO,CAACpF,IAAI,CAAE;IACpB,OAAO,EAAEe,eAAgB;IACzB,eAAa;EAAyB,GAErCf,IAAI,iBACD;IAAK,SAAS,EAAErC,KAAK,CAACC,OAAQ;IAAC,GAAG,EAAC;EAAK,gBACpC;IAAK,SAAS,EAAED,KAAK,CAACI;EAAO,gBACzB,6BAAC,sBAAU;IAAC,GAAG,EAAE;EAAY,GAAEV,CAAC,kGAA4B,CAC1D,eACN;IACI,SAAS,EAAE,IAAAgI,mBAAU,EAAC1H,KAAK,CAACW,OAAO,EAAE;MACjCgH,IAAI,EAAEpE;IACV,CAAC;EAAE,GAEFR,UAAU,IACPA,UAAU,CAAC6E,MAAM,CAAC;IACd;AAChC;AACA;AACA;IACgC;IACAvF,IAAI,EAAJA,IAAI;IACJQ,UAAU,EAAVA,UAAU;IACVC,aAAa,EAAbA;EACJ,CAAC,CAAC,CACJ,eACN;IAAK,SAAS,EAAE9C,KAAK,CAACwB;EAAS,gBAC3B,yEACI,6BAAC,gBAAO;IAAC,OAAO,eAAE,2CAAO9B,CAAC,8FAAmB;IAAC,SAAS,EAAE;EAAS,gBAC9D,6BAAC,kBAAU;IACP,OAAO,EAAE,mBAAM;MACXmI,SAAS,CAACC,SAAS,CAACC,SAAS,CAAC1F,IAAI,CAAC2F,GAAG,CAAC;MACvCf,YAAY,CAACvH,CAAC,8GAA2B;IAC7C,CAAE;IACF,IAAI,eAAE,6BAAC,qCAAe;MAAC,KAAK,EAAE;QAAEuB,MAAM,EAAE;MAAY;IAAE;EAAI,EAC5D,CACI,EAETgC,OAAO,CAACgF,GAAG,CAAC,UAACC,SAAmB,EAAEC,KAAa;IAAA,oBAC5C,6BAAC,SAAS;MAAC,GAAG,EAAEA;IAAM,GAAKvF,KAAK,EAAI;EAAA,CACvC,CAAC,EACDsE,uBAAuB,CAAC7E,IAAI,CAAC,eAE9B,6BAAC,gBAAO;IAAC,OAAO,EAAE3C,CAAC,sGAAoB;IAAC,SAAS,EAAE;EAAS,gBACxD,6BAAC,kBAAU;IACP,IAAI,eAAE,6BAAC,6BAAa,OAAI;IACxB,OAAO,EAAE;MAAA,OAAM8D,sBAAsB,CAAC,CAACD,mBAAmB,CAAC;IAAA,CAAC;IAC5D,SAAS,EAAE,IAAAmE,mBAAU,EAAC;MAAE,cAAc,EAAEnE;IAAoB,CAAC;EAAE,EACjE,CACI,CACX,CACD,eACN,6BAAC,qBAAa;IAAC,GAAG,EAAC,KAAK;IAAC,SAAS,EAAEvD,KAAK,CAACmC;EAAc,gBACpD;IAAI,SAAS,EAAEnC,KAAK,CAACyB;EAAK,gBACtB,sDACI,6BAAC,aAAI,EAAKmB,KAAK,CAAI,CAClB,eACL,sDACI,4DACI,6BAAC,UAAI;IAAC,SAAS,EAAE,iBAAkB;IAAC,IAAI,EAAE2E;EAAa,EAAG,eAC1D,uDACI,6BAAC,sBAAU;IAAC,GAAG,EAAE;EAAY,GAAElF,IAAI,CAACmF,IAAI,CAAc,EAAC,GAAG,EACzD,KAAK,eACN,6BAAC,sBAAU;IAAC,GAAG,EAAE;EAAY,GACxBY,cAAK,CAACC,MAAM,CAAChG,IAAI,CAACiG,IAAI,EAAE;IAAEC,aAAa,EAAE;EAAI,CAAC,CAAC,CACvC,CACX,CACC,CACV,eACL,sDACI,4DACI,6BAAC,UAAI;IAAC,SAAS,EAAE,iBAAkB;IAAC,IAAI,eAAE,6BAAC,yBAAY;EAAI,EAAG,eAC9D,uDACI,6BAAC,sBAAU;IAAC,GAAG,EAAE;EAAY,GACxB,IAAAC,cAAK,EAACnG,IAAI,CAACoG,SAAS,CAAC,CAACJ,MAAM,CAAC,wBAAwB,CAAC,CAC9C,CACX,CACC,CACV,eACL,sDACI,6BAAC,aAAI;IAAC,GAAG,EAAEzF,KAAK,CAACP,IAAI,CAAC8B;EAAG,GAAKvB,KAAK,EAAI,CACtC,CACJ,CACO,CAEvB,CACI;AAEjB,CAAC;AAAC,eAEaD,WAAW;AAAA"}
+{"version":3,"names":["t","i18n","ns","fileDetailsSidebar","css","width","style","wrapper","height","overflowY","header","textAlign","marginBottom","paddingTop","textTransform","color","fontWeight","preview","boxSizing","display","justifyContent","alignItems","position","margin","img","objectFit","maxHeight","maxWidth","transform","backgroundColor","download","list","li","padding","lineHeight","minHeight","marginRight","flex","whiteSpace","overflow","textOverflow","drawerContent","isImage","file","fileType","mime","getType","name","includes","FileDetails","props","filePlugin","getFileTypePlugin","actions","get","useFileManager","hideFileDetails","queryParams","useState","darkImageBackground","setDarkImageBackground","useSecurity","identity","getPermission","fmFilePermission","useMemo","canDelete","useCallback","item","own","identityId","id","login","rwd","useHotkeys","zIndex","disabled","keys","esc","useMutation","DELETE_FILE","update","cache","data","cloneDeep","readQuery","query","LIST_FILES","variables","fileManager","listFiles","error","meta","hasMoreItems","cursor","totalItem","filteredList","filter","selectedFile","find","writeQuery","set","Array","isArray","tags","tagCountMap","forEach","tag","listTagsData","LIST_TAGS","where","getWhere","scope","filteredTags","listTags","deleteFile","useSnackbar","showSnackbar","renderDeleteImageAction","fileDeleteConfirmationProps","title","message","showConfirmation","fileTypeIcon","type","Boolean","canEdit","classNames","dark","render","navigator","clipboard","writeText","src","map","Component","index","bytes","format","size","unitSeparator","dayjs","createdOn"],"sources":["FileDetails.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport bytes from \"bytes\";\nimport classNames from \"classnames\";\nimport { css } from \"emotion\";\nimport { Drawer, DrawerContent } from \"@webiny/ui/Drawer\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport getFileTypePlugin from \"./getFileTypePlugin\";\nimport dayjs from \"dayjs\";\nimport get from \"lodash/get\";\nimport set from \"lodash/set\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport Tags from \"./FileDetails/Tags\";\nimport Name from \"./FileDetails/Name\";\nimport { Aliases } from \"./FileDetails/Aliases\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { Typography } from \"@webiny/ui/Typography\";\n/**\n * Package react-hotkeyz has no types.\n */\n// @ts-ignore\nimport { useHotkeys } from \"react-hotkeyz\";\nimport { ReactComponent as CopyContentIcon } from \"./icons/content_copy-black-24px.svg\";\nimport { ReactComponent as DeleteIcon } from \"./icons/delete.svg\";\nimport { ReactComponent as ImageIcon } from \"../../assets/icons/insert_photo-24px.svg\";\nimport { ReactComponent as FileIcon } from \"../../assets/icons/insert_drive_file-24px.svg\";\nimport { ReactComponent as CalendarIcon } from \"../../assets/icons/today-24px.svg\";\nimport { ReactComponent as HighlightIcon } from \"../../assets/icons/highlight-24px.svg\";\nimport { getWhere, useFileManager } from \"./FileManagerContext\";\nimport { useMutation } from \"@apollo/react-hooks\";\nimport { useSnackbar } from \"~/hooks/useSnackbar\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport { ConfirmationDialog } from \"@webiny/ui/ConfirmationDialog\";\nimport {\n    DELETE_FILE,\n    DeleteFileMutationResponse,\n    DeleteFileMutationVariables,\n    LIST_FILES,\n    LIST_TAGS,\n    ListFilesQueryResponse,\n    ListFileTagsQueryResponse\n} from \"./graphql\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport mime from \"mime\";\nimport { FileItem, FileManagerSecurityPermission } from \"./types\";\nimport { FilesRenderChildren } from \"react-butterfiles\";\nimport { FileProvider } from \"./FileDetails/FileProvider\";\n\nconst t = i18n.ns(\"app-admin/file-manager/file-details\");\n\nconst fileDetailsSidebar = css({\n    \"&.mdc-drawer\": {\n        width: 360\n    }\n});\n\ndeclare global {\n    // eslint-disable-next-line\n    namespace JSX {\n        interface IntrinsicElements {\n            \"li-title\": {\n                children?: React.ReactNode;\n            };\n\n            \"li-content\": {\n                children?: React.ReactNode;\n            };\n        }\n    }\n}\n\nconst style: any = {\n    wrapper: css({\n        height: \"100vh\",\n        overflowY: \"auto\"\n    }),\n    header: css({\n        textAlign: \"center\",\n        marginBottom: 24,\n        paddingTop: 16,\n        \"& span\": {\n            textTransform: \"capitalize\",\n            color: \"var(--mdc-theme-on-surface)\",\n            fontWeight: 600\n        }\n    }),\n    preview: css({\n        boxSizing: \"border-box\",\n        display: \"flex\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        position: \"relative\",\n        width: \"100%\",\n        height: 300,\n        margin: \"0 auto 24px\",\n        img: {\n            objectFit: \"contain\",\n            maxHeight: 300,\n            maxWidth: 300,\n            width: \"100%\",\n            position: \"static\",\n            transform: \"none\"\n        },\n        \"&.dark\": {\n            backgroundColor: \"var(--mdc-theme-background)\"\n        }\n    }),\n    download: css({\n        textAlign: \"center\",\n        margin: \"0 auto\",\n        width: \"100%\",\n        \"& .icon--active\": {\n            \"&.mdc-icon-button\": {\n                color: \"var(--mdc-theme-text-on-primary)\"\n            }\n        }\n    }),\n    list: css({\n        textAlign: \"left\",\n        color: \"var(--mdc-theme-on-surface)\",\n        li: {\n            padding: \"12px 16px\",\n            lineHeight: \"22px\",\n            \"li-title\": {\n                display: \"flex\",\n                alignItems: \"center\",\n                justifyContent: \"flex-start\",\n                minHeight: 48,\n                \"& .list-item__title\": {\n                    fontWeight: 600\n                },\n                \"& .list-item__icon\": {\n                    marginRight: 24\n                },\n                \"& .list-item__content\": {\n                    flex: \"1 0 200px\"\n                }\n            },\n            \"li-content\": {\n                width: \"100%\",\n                display: \"block\",\n                \"& .list-item__truncate\": {\n                    display: \"block\",\n                    width: \"100%\",\n                    whiteSpace: \"nowrap\",\n                    overflow: \"hidden\",\n                    textOverflow: \"ellipsis\"\n                }\n            }\n        }\n    }),\n    drawerContent: css({\n        \"&.mdc-drawer__content\": {\n            height: \"auto\",\n            overflowY: \"inherit\"\n        }\n    })\n};\nexport interface FileDetailsProps {\n    canEdit: (item: any) => boolean;\n    file: FileItem;\n    uploadFile: (files: FileItem[] | FileItem) => Promise<number | null>;\n    validateFiles: FilesRenderChildren[\"validateFiles\"];\n    [key: string]: any;\n}\n\nconst isImage = (file: FileItem) => {\n    const fileType = mime.getType(file && file.name);\n\n    if (fileType && typeof fileType === \"string\") {\n        return fileType.includes(\"image\");\n    }\n\n    return false;\n};\n\nconst FileDetails: React.FC<FileDetailsProps> = props => {\n    const { file } = props;\n\n    const filePlugin = getFileTypePlugin(file);\n    const actions: React.FC[] =\n        get(filePlugin, \"fileDetails.actions\") || get(filePlugin, \"actions\") || [];\n\n    const { hideFileDetails, queryParams } = useFileManager();\n    const [darkImageBackground, setDarkImageBackground] = useState(false);\n\n    const { identity, getPermission } = useSecurity();\n    const fmFilePermission = useMemo((): FileManagerSecurityPermission | null => {\n        return getPermission(\"fm.file\");\n    }, [identity]);\n    const canDelete = useCallback(\n        item => {\n            // Bail out early if no access\n            if (!fmFilePermission) {\n                return false;\n            }\n            if (fmFilePermission.own) {\n                const identityId = identity ? identity.id || identity.login : null;\n                if (!identityId) {\n                    return false;\n                }\n                return get(item, \"createdBy.id\") === identityId;\n            }\n            if (typeof fmFilePermission.rwd === \"string\") {\n                return fmFilePermission.rwd.includes(\"d\");\n            }\n            return true;\n        },\n        [fmFilePermission]\n    );\n\n    useHotkeys({\n        zIndex: 55,\n        disabled: !file,\n        keys: {\n            esc: hideFileDetails\n        }\n    });\n\n    const [deleteFile] = useMutation<DeleteFileMutationResponse, DeleteFileMutationVariables>(\n        DELETE_FILE,\n        {\n            update: cache => {\n                // 1. Update files list cache\n                let data = cloneDeep(\n                    cache.readQuery<ListFilesQueryResponse>({\n                        query: LIST_FILES,\n                        variables: queryParams\n                    })\n                );\n                if (!data) {\n                    data = {\n                        fileManager: {\n                            listFiles: {\n                                data: [],\n                                error: null,\n                                meta: {\n                                    hasMoreItems: false,\n                                    cursor: null,\n                                    totalItem: 0\n                                }\n                            }\n                        }\n                    };\n                }\n                const filteredList = data.fileManager.listFiles.data.filter(\n                    (item: FileItem) => item.id !== file.id\n                );\n                const selectedFile = data.fileManager.listFiles.data.find(\n                    (item: FileItem) => item.id === file.id\n                );\n\n                cache.writeQuery({\n                    query: LIST_FILES,\n                    variables: queryParams,\n                    data: set(data, \"fileManager.listFiles.data\", filteredList)\n                });\n                // 2. Update \"ListTags\" cache\n                if (!selectedFile || Array.isArray(selectedFile.tags) === false) {\n                    return;\n                }\n                const tagCountMap: Record<string, number> = {};\n                // Prepare \"tag\" count map\n                data.fileManager.listFiles.data.forEach((file: FileItem) => {\n                    if (!Array.isArray(file.tags)) {\n                        return;\n                    }\n                    file.tags.forEach(tag => {\n                        if (tagCountMap[tag]) {\n                            tagCountMap[tag] += 1;\n                        } else {\n                            tagCountMap[tag] = 1;\n                        }\n                    });\n                });\n\n                // Get tags from cache\n                const listTagsData = cloneDeep(\n                    cache.readQuery<ListFileTagsQueryResponse>({\n                        query: LIST_TAGS,\n                        variables: { where: getWhere(queryParams.scope) }\n                    })\n                );\n                // Remove selected file tags from list.\n                const filteredTags = (listTagsData?.fileManager?.listTags || []).filter(\n                    (tag: string) => {\n                        if (!selectedFile.tags.includes(tag)) {\n                            return true;\n                        }\n                        return tagCountMap[tag] > 1;\n                    }\n                );\n\n                // Write it to cache\n                cache.writeQuery({\n                    query: LIST_TAGS,\n                    variables: { where: getWhere(queryParams.scope) },\n                    data: set(data, \"fileManager.listTags\", filteredTags)\n                });\n            }\n        }\n    );\n    const { showSnackbar } = useSnackbar();\n\n    const renderDeleteImageAction = useCallback(file => {\n        if (!canDelete(file)) {\n            return null;\n        }\n        const fileDeleteConfirmationProps = {\n            title: t`Delete file`,\n            message: file && (\n                <span>\n                    {t`You're about to delete file {name}. Are you sure you want to continue?`({\n                        name: file.name\n                    })}\n                </span>\n            )\n        };\n        return (\n            <ConfirmationDialog\n                {...fileDeleteConfirmationProps}\n                data-testid={\"fm-delete-file-confirmation-dialog\"}\n                style={{ zIndex: 100 }}\n            >\n                {({ showConfirmation }) => {\n                    return (\n                        <Tooltip\n                            content={\n                                isImage(file) ? (\n                                    <span>{t`Delete image`}</span>\n                                ) : (\n                                    <span>{t`Delete file`}</span>\n                                )\n                            }\n                            placement={\"bottom\"}\n                        >\n                            <IconButton\n                                data-testid={\"fm-delete-file-button\"}\n                                icon={<DeleteIcon style={{ margin: \"0 8px 0 0\" }} />}\n                                onClick={() =>\n                                    showConfirmation(async () => {\n                                        await deleteFile({\n                                            variables: {\n                                                id: file.id\n                                            }\n                                        });\n                                        showSnackbar(t`File deleted successfully.`);\n                                    })\n                                }\n                            />\n                        </Tooltip>\n                    );\n                }}\n            </ConfirmationDialog>\n        );\n    }, []);\n\n    const fileTypeIcon = useMemo(() => {\n        if (file && typeof file.type === \"string\") {\n            return file.type.includes(\"image\") ? <ImageIcon /> : <FileIcon />;\n        }\n        return <ImageIcon />;\n    }, [file]);\n\n    return (\n        <Drawer\n            className={fileDetailsSidebar}\n            dir=\"rtl\"\n            modal\n            open={Boolean(file)}\n            onClose={hideFileDetails}\n            data-testid={\"fm.file-details.drawer\"}\n        >\n            {file && (\n                <FileProvider file={file} canEdit={props.canEdit}>\n                    <div className={style.wrapper} dir=\"ltr\">\n                        <div className={style.header}>\n                            <Typography use={\"headline5\"}>{t`File details`}</Typography>\n                        </div>\n                        <div\n                            className={classNames(style.preview, {\n                                dark: darkImageBackground\n                            })}\n                        >\n                            {filePlugin && filePlugin.render({ file })}\n                        </div>\n                        <div className={style.download}>\n                            <>\n                                <Tooltip content={<span>{t`Copy URL`}</span>} placement={\"bottom\"}>\n                                    <IconButton\n                                        onClick={() => {\n                                            navigator.clipboard.writeText(file.src);\n                                            showSnackbar(t`URL copied successfully.`);\n                                        }}\n                                        icon={<CopyContentIcon style={{ margin: \"0 8px 0 0\" }} />}\n                                    />\n                                </Tooltip>\n\n                                {actions.map((Component: React.FC, index: number) => (\n                                    <Component key={index} {...props} />\n                                ))}\n                                {renderDeleteImageAction(file)}\n                                {/* Render background switcher */}\n                                <Tooltip content={t`Toggle background`} placement={\"bottom\"}>\n                                    <IconButton\n                                        icon={<HighlightIcon />}\n                                        onClick={() => setDarkImageBackground(!darkImageBackground)}\n                                        className={classNames({\n                                            \"icon--active\": darkImageBackground\n                                        })}\n                                    />\n                                </Tooltip>\n                            </>\n                        </div>\n                        <DrawerContent dir=\"ltr\" className={style.drawerContent}>\n                            <ul className={style.list}>\n                                <li>\n                                    <Name {...props} />\n                                </li>\n                                <li>\n                                    <li-title>\n                                        <Icon className={\"list-item__icon\"} icon={fileTypeIcon} />\n                                        <div>\n                                            <Typography use={\"subtitle1\"}>{file.type}</Typography>{\" \"}\n                                            {\" - \"}\n                                            <Typography use={\"subtitle1\"}>\n                                                {bytes.format(file.size, { unitSeparator: \" \" })}\n                                            </Typography>\n                                        </div>\n                                    </li-title>\n                                </li>\n                                <li>\n                                    <li-title>\n                                        <Icon\n                                            className={\"list-item__icon\"}\n                                            icon={<CalendarIcon />}\n                                        />\n                                        <div>\n                                            <Typography use={\"subtitle1\"}>\n                                                {dayjs(file.createdOn).format(\n                                                    \"DD MMM YYYY [at] HH:mm\"\n                                                )}\n                                            </Typography>\n                                        </div>\n                                    </li-title>\n                                </li>\n                                <li>\n                                    <Tags key={props.file.id} {...props} />\n                                </li>\n                                <li>\n                                    <Aliases key={props.file.id} {...props} />\n                                </li>\n                            </ul>\n                        </DrawerContent>\n                    </div>\n                </FileProvider>\n            )}\n        </Drawer>\n    );\n};\n\nexport default FileDetails;\n"],"mappings":"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"}

package/components/FileManager/FileManagerView.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","style","draggingFeedback","css","position","top","left","width","height","opacity","background","zIndex","leftDrawer","header","textAlign","fontSize","padding","fontWeight","color","InputSearch","styled","backgroundColor","borderRadius","border","marginLeft","outline","searchIcon","FileListWrapper","float","display","FileList","gridTemplateColumns","marginBottom","renderFile","props","file","plugin","getFileTypePlugin","id","render","renderEmpty","hasPreviouslyUploadedFiles","browseFiles","fmFilePermission","FileManagerView","onClose","onChange","accept","multiple","maxSize","multipleMaxCount","multipleMaxSize","onUploadCompletion","useFileManager","selected","toggleSelected","dragging","setDragging","uploading","setUploading","showFileDetails","showingFileDetails","queryParams","setQueryParams","setHasPreviouslyUploadedFiles","useSnackbar","showSnackbar","useSecurity","identity","getPermission","useMemo","canCreate","own","rwd","includes","canEdit","useCallback","item","creatorId","get","identityId","login","searchOnChange","debounce","search","toggleTag","tag","finalTags","Array","isArray","tags","splice","indexOf","push","getFileUploadErrorMessage","e","match","message","updateCacheAfterCreateFile","cache","newFile","newFileData","data","readQuery","query","LIST_FILES","variables","writeQuery","fileManager","listFiles","getFileDetailsFile","src","list","find","useHotkeys","keys","esc","searchInput","useRef","apolloClient","useApolloClient","gqlQuery","useQuery","onCompleted","response","length","refreshOnScroll","scrollFrame","fetchMore","cursor","after","updateQuery","prev","result","fetchMoreResult","next","loading","useMutation","CREATE_FILE","update","createFile","uploadFile","files","errors","uploadedFiles","Promise","all","map","getFileUploader","scope","createFileResponse","setTimeout","name","renderUploadFileAction","settingsQuery","GET_FILE_SETTINGS","settings","uploadMaxFileSize","filter","Boolean","console","log","outputFileSelectionError","getDropZoneProps","validateFiles","onDragEnter","onExited","target","value","current","onSelect","defaultProps"],"sources":["FileManagerView.tsx"],"sourcesContent":["import React, { useRef, useCallback, useMemo } from \"react\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport Files, { FilesRenderChildren } from \"react-butterfiles\";\nimport { ButtonPrimary, ButtonIcon } from \"@webiny/ui/Button\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport File, { FileProps } from \"./File\";\nimport { useQuery, useMutation, useApolloClient } from \"@apollo/react-hooks\";\nimport { FilesRules } from \"react-butterfiles\";\nimport {\n    LIST_FILES,\n    CREATE_FILE,\n    GET_FILE_SETTINGS,\n    CreateFileMutationVariables,\n    CreateFileMutationResponse,\n    ListFilesQueryResponse,\n    ListFilesQueryVariables\n} from \"./graphql\";\nimport getFileTypePlugin from \"./getFileTypePlugin\";\nimport get from \"lodash/get\";\nimport debounce from \"lodash/debounce\";\nimport getFileUploader from \"./getFileUploader\";\nimport { outputFileSelectionError } from \"./outputFileSelectionError\";\nimport DropFilesHere from \"./DropFilesHere\";\nimport NoResults from \"./NoResults\";\nimport FileDetails from \"./FileDetails\";\nimport LeftSidebar from \"./LeftSidebar\";\nimport BottomInfoBar from \"./BottomInfoBar\";\nimport { OverlayLayout } from \"../OverlayLayout\";\nimport { useSnackbar } from \"~/hooks/useSnackbar\";\nimport { Scrollbar } from \"@webiny/ui/Scrollbar\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useSecurity } from \"@webiny/app-security\";\n/**\n * Package react-hotkeyz is missing types.\n */\n// @ts-ignore\nimport { useHotkeys } from \"react-hotkeyz\";\nimport { useFileManager } from \"./FileManagerContext\";\nimport { ReactComponent as SearchIcon } from \"./icons/round-search-24px.svg\";\nimport { ReactComponent as UploadIcon } from \"./icons/round-cloud_upload-24px.svg\";\nimport NoPermissionView from \"./NoPermissionView\";\nimport { FileItem, FileManagerSecurityPermission } from \"~/components/FileManager/types\";\nimport { MutationUpdaterFn } from \"apollo-client/core/watchQueryOptions\";\nimport { SecurityPermission } from \"@webiny/app-security/types\";\nimport { ObservableQueryFields } from \"@apollo/react-common/lib/types/types\";\n\nconst t = i18n.ns(\"app-admin/file-manager/file-manager-view\");\n\nconst style = {\n    draggingFeedback: css({\n        position: \"fixed\",\n        top: 0,\n        left: 0,\n        width: \"100%\",\n        height: \"100%\",\n        opacity: 0.5,\n        background: \"white\",\n        zIndex: 100\n    }),\n    leftDrawer: {\n        header: css({\n            textAlign: \"center\",\n            fontSize: 18,\n            padding: 10,\n            fontWeight: 600,\n            color: \"var(--mdc-theme-on-surface)\"\n        })\n    }\n};\n\nconst InputSearch = styled(\"div\")({\n    backgroundColor: \"var(--mdc-theme-on-background)\",\n    position: \"relative\",\n    height: 32,\n    padding: 3,\n    width: \"100%\",\n    borderRadius: 2,\n    \"> input\": {\n        border: \"none\",\n        fontSize: 14,\n        width: \"calc(100% - 10px)\",\n        height: \"100%\",\n        marginLeft: 50,\n        backgroundColor: \"transparent\",\n        outline: \"none\",\n        color: \"var(--mdc-theme-text-primary-on-background)\"\n    }\n});\n\nconst searchIcon = css({\n    \"&.mdc-button__icon\": {\n        color: \"var(--mdc-theme-text-secondary-on-background)\",\n        position: \"absolute\",\n        width: 24,\n        height: 24,\n        left: 15,\n        top: 7\n    }\n});\n\nconst FileListWrapper = styled(\"div\")({\n    float: \"right\",\n    display: \"inline-block\",\n    width: \"calc(100vw - 270px)\",\n    height: \"100%\"\n});\n\nconst FileList = styled(\"div\")({\n    width: \"100%\",\n    display: \"grid\",\n    /* define the number of grid columns */\n    gridTemplateColumns: \"repeat( auto-fill, minmax(220px, 1fr) )\",\n    marginBottom: 95\n});\n\nexport interface FileManagerViewProps {\n    onChange?: Function;\n    onClose?: Function;\n    files?: FilesRules;\n    multiple?: boolean; // Does not affect <Files> component, it always allows multiple selection.\n    accept: Array<string>;\n    maxSize?: number | string;\n    multipleMaxCount?: number;\n    multipleMaxSize?: number | string;\n    onUploadCompletion?: Function;\n    tags?: string[];\n    scope?: string;\n    own?: boolean;\n}\n\ninterface RenderFileProps extends Omit<FileProps, \"children\"> {\n    file: FileItem;\n    children?: React.ReactNode;\n}\nconst renderFile: React.FC<RenderFileProps> = props => {\n    const { file } = props;\n    const plugin = getFileTypePlugin(file);\n    if (!plugin) {\n        return null;\n    }\n    return (\n        <File {...props} key={file.id}>\n            {plugin.render({\n                /**\n                 * TODO @ts-refactor\n                 */\n                // @ts-ignore\n                file\n            })}\n        </File>\n    );\n};\ninterface RenderEmptyProps {\n    hasPreviouslyUploadedFiles: boolean;\n    browseFiles: FilesRenderChildren[\"browseFiles\"];\n    fmFilePermission: SecurityPermission | null;\n}\nconst renderEmpty: React.FC<RenderEmptyProps> = ({\n    hasPreviouslyUploadedFiles,\n    browseFiles,\n    fmFilePermission\n}) => {\n    if (!fmFilePermission) {\n        return <NoPermissionView />;\n    }\n    if (hasPreviouslyUploadedFiles) {\n        return <NoResults />;\n    }\n    return <DropFilesHere empty onClick={() => browseFiles()} />;\n};\n\ninterface RefreshOnScrollParams {\n    fetchMore: ObservableQueryFields<ListFilesQueryResponse, ListFilesQueryVariables>[\"fetchMore\"];\n    scrollFrame: {\n        top: number;\n    };\n}\n\ninterface FileError {\n    file: FileItem;\n    e: Error;\n}\n\ninterface GetFileDetailsFileParams {\n    src: string;\n    list: FileItem[];\n}\n\nconst FileManagerView: React.FC<FileManagerViewProps> = props => {\n    const {\n        onClose,\n        onChange,\n        accept,\n        multiple = false,\n        maxSize,\n        multipleMaxCount,\n        multipleMaxSize,\n        onUploadCompletion\n    } = props;\n\n    const {\n        selected,\n        toggleSelected,\n        dragging,\n        setDragging,\n        uploading,\n        setUploading,\n        showFileDetails,\n        showingFileDetails,\n        queryParams,\n        setQueryParams,\n        hasPreviouslyUploadedFiles,\n        setHasPreviouslyUploadedFiles\n    } = useFileManager();\n    const { showSnackbar } = useSnackbar();\n\n    const { identity, getPermission } = useSecurity();\n    const fmFilePermission = useMemo((): FileManagerSecurityPermission | null => {\n        return getPermission<FileManagerSecurityPermission>(\"fm.file\");\n    }, [identity]);\n    const canCreate = useMemo(() => {\n        // Bail out early if no access\n        if (!fmFilePermission) {\n            return false;\n        }\n\n        if (fmFilePermission.own) {\n            return true;\n        }\n\n        if (typeof fmFilePermission.rwd === \"string\") {\n            return fmFilePermission.rwd.includes(\"w\");\n        }\n\n        return true;\n    }, [fmFilePermission]);\n    const canEdit = useCallback(\n        item => {\n            // Bail out early if no access\n            if (!fmFilePermission) {\n                return false;\n            }\n            const creatorId = get(item, \"createdBy.id\");\n\n            if (fmFilePermission.own && creatorId) {\n                const identityId = identity ? identity.id || identity.login : null;\n                return creatorId === identityId;\n            }\n\n            if (typeof fmFilePermission.rwd === \"string\") {\n                return fmFilePermission.rwd.includes(\"w\");\n            }\n\n            return true;\n        },\n        [fmFilePermission]\n    );\n\n    const searchOnChange = useCallback(\n        // @ts-ignore\n        debounce(search => setQueryParams({ search }), 500),\n        []\n    );\n\n    const toggleTag = useCallback(async ({ tag, queryParams }) => {\n        const finalTags = Array.isArray(queryParams.tags) ? [...queryParams.tags] : [];\n\n        if (finalTags.includes(tag)) {\n            finalTags.splice(finalTags.indexOf(tag), 1);\n        } else {\n            finalTags.push(tag);\n        }\n\n        setQueryParams({ ...queryParams, tags: finalTags });\n    }, []);\n\n    const getFileUploadErrorMessage = useCallback(e => {\n        if (typeof e === \"string\") {\n            const match = e.match(/Message>(.*?)<\\/Message/);\n            if (match) {\n                const [, message] = match;\n                return message;\n            }\n\n            return e;\n        }\n        return e.message;\n    }, []);\n\n    const updateCacheAfterCreateFile: MutationUpdaterFn<CreateFileMutationResponse> = (\n        cache,\n        newFile\n    ) => {\n        const newFileData = get(newFile, \"data.fileManager.createFile.data\");\n\n        const data = cache.readQuery<ListFilesQueryResponse>({\n            query: LIST_FILES,\n            variables: queryParams\n        });\n\n        cache.writeQuery({\n            query: LIST_FILES,\n            variables: queryParams,\n            data: {\n                fileManager: {\n                    ...(data?.fileManager || {}),\n                    listFiles: {\n                        ...(data?.fileManager || {}).listFiles,\n                        data: [newFileData, ...((data?.fileManager?.listFiles || {}).data || [])]\n                    }\n                }\n            }\n        });\n    };\n\n    const getFileDetailsFile = useCallback(({ src, list }: GetFileDetailsFileParams): FileItem => {\n        return list.find(item => item.src === src) as FileItem;\n    }, []);\n\n    useHotkeys({\n        zIndex: 50,\n        keys: {\n            esc: onClose\n        }\n    });\n\n    const searchInput = useRef<HTMLInputElement>(null);\n\n    const apolloClient = useApolloClient();\n\n    const gqlQuery = useQuery<ListFilesQueryResponse, ListFilesQueryVariables>(LIST_FILES, {\n        variables: queryParams,\n        onCompleted: response => {\n            const list = get(response, \"fileManager.listFiles.data\") || [];\n            if (hasPreviouslyUploadedFiles === null) {\n                setHasPreviouslyUploadedFiles(list.length > 0);\n            }\n        }\n    });\n\n    const refreshOnScroll = useCallback(\n        debounce(({ scrollFrame, fetchMore }: RefreshOnScrollParams) => {\n            if (scrollFrame.top > 0.9) {\n                const cursor = get(gqlQuery.data, \"fileManager.listFiles.meta.cursor\");\n                if (cursor) {\n                    fetchMore({\n                        variables: { after: cursor },\n                        updateQuery: (\n                            prev: ListFilesQueryResponse,\n                            result: { fetchMoreResult?: ListFilesQueryResponse }\n                        ) => {\n                            const { fetchMoreResult } = result;\n                            if (!fetchMoreResult) {\n                                return prev;\n                            }\n\n                            const next = { ...fetchMoreResult };\n\n                            next.fileManager.listFiles.data = [\n                                ...prev.fileManager.listFiles.data,\n                                ...fetchMoreResult.fileManager.listFiles.data\n                            ];\n\n                            return next;\n                        }\n                    });\n                }\n            }\n        }, 500),\n        [gqlQuery]\n    );\n\n    const { data, fetchMore, loading } = gqlQuery;\n\n    const list: FileItem[] = get(data, \"fileManager.listFiles.data\") || [];\n    const [createFile] = useMutation<CreateFileMutationResponse, CreateFileMutationVariables>(\n        CREATE_FILE,\n        {\n            update: updateCacheAfterCreateFile\n        }\n    );\n    const uploadFile = async (files: FileItem[] | FileItem): Promise<number | null> => {\n        setUploading(true);\n        const list: FileItem[] = Array.isArray(files) ? files : [files];\n\n        const errors: FileError[] = [];\n        const uploadedFiles: FileItem[] = [];\n        await Promise.all(\n            list.map(async file => {\n                try {\n                    const response = await getFileUploader()(file, { apolloClient });\n                    /**\n                     * Add \"tags\" while creating the new file.\n                     */\n                    const createFileResponse = await createFile({\n                        variables: {\n                            data: {\n                                ...response,\n                                tags: queryParams.scope ? [queryParams.scope] : []\n                            }\n                        }\n                    });\n                    // Save create file data for later\n                    uploadedFiles.push(\n                        get(\n                            createFileResponse,\n                            \"data.fileManager.createFile.data\"\n                        ) as unknown as FileItem\n                    );\n                } catch (e) {\n                    errors.push({ file, e });\n                }\n            })\n        );\n\n        if (!hasPreviouslyUploadedFiles) {\n            setHasPreviouslyUploadedFiles(true);\n        }\n\n        setUploading(false);\n\n        if (errors.length > 0) {\n            // We wait 750ms, just for everything to settle down a bit.\n            return setTimeout(() => {\n                showSnackbar(\n                    <>\n                        {t`One or more files were not uploaded successfully:`}\n                        <ol>\n                            {errors.map(({ file, e }) => (\n                                <li key={file.name}>\n                                    <strong>{file.name}</strong>: {getFileUploadErrorMessage(e)}\n                                </li>\n                            ))}\n                        </ol>\n                    </>\n                );\n                // TODO @ts-refactor\n            }, 750) as unknown as number;\n        }\n\n        // We wait 750ms, just for everything to settle down a bit.\n        setTimeout(() => showSnackbar(t`File upload complete.`), 750);\n        if (typeof onUploadCompletion === \"function\") {\n            // We wait 750ms, just for everything to settle down a bit.\n            return setTimeout(() => {\n                onUploadCompletion(uploadedFiles);\n                onClose && onClose();\n                // TODO @ts-refactor\n            }, 750) as unknown as number;\n        }\n        return null;\n    };\n\n    const renderUploadFileAction = useCallback(\n        ({ browseFiles }) => {\n            if (!canCreate) {\n                return null;\n            }\n            return (\n                <ButtonPrimary onClick={browseFiles} disabled={uploading}>\n                    <ButtonIcon icon={<UploadIcon />} />\n                    {t`Upload...`}\n                </ButtonPrimary>\n            );\n        },\n        [uploading, canCreate]\n    );\n\n    const settingsQuery = useQuery(GET_FILE_SETTINGS);\n    const settings = get(settingsQuery.data, \"fileManager.getSettings.data\") || {};\n    return (\n        <Files\n            multiple\n            maxSize={settings.uploadMaxFileSize ? settings.uploadMaxFileSize + \"b\" : maxSize}\n            multipleMaxSize={multipleMaxSize}\n            multipleMaxCount={multipleMaxCount}\n            accept={accept}\n            onSuccess={files => {\n                uploadFile(files.map(file => file.src.file as FileItem).filter(Boolean));\n            }}\n            onError={errors => {\n                console.log(\"onError\", errors);\n                /**\n                 * TODO @ts-refactor\n                 * Figure out if incoming errors var is wrong or the one in the outputFileSelectionError\n                 */\n                // @ts-ignore\n                const message = outputFileSelectionError(errors);\n                showSnackbar(message);\n            }}\n        >\n            {({ getDropZoneProps, browseFiles, validateFiles }) => (\n                <OverlayLayout\n                    {...getDropZoneProps({\n                        onDragEnter: () => hasPreviouslyUploadedFiles && setDragging(true),\n                        onExited: onClose\n                    })}\n                    barLeft={\n                        <InputSearch>\n                            <Icon className={searchIcon} icon={<SearchIcon />} />\n                            <input\n                                ref={searchInput}\n                                onChange={e => searchOnChange(e.target.value)}\n                                placeholder={t`Search by filename or tags`}\n                                disabled={!fmFilePermission}\n                                data-testid={\"file-manager.search-input\"}\n                            />\n                        </InputSearch>\n                    }\n                    barRight={\n                        selected.length > 0 ? (\n                            <ButtonPrimary\n                                disabled={uploading}\n                                onClick={() => {\n                                    (async () => {\n                                        if (typeof onChange === \"function\") {\n                                            await onChange(multiple ? selected : selected[0]);\n\n                                            onClose && onClose();\n                                        }\n                                    })();\n                                }}\n                            >\n                                {t`Select`} {multiple && `(${selected.length})`}\n                            </ButtonPrimary>\n                        ) : (\n                            renderUploadFileAction({ browseFiles })\n                        )\n                    }\n                >\n                    <>\n                        {dragging && hasPreviouslyUploadedFiles && (\n                            <DropFilesHere\n                                // @ts-ignore TODO: @adrian - className is never rendered?!\n                                className={style.draggingFeedback}\n                                onDragLeave={() => setDragging(false)}\n                                onDrop={() => setDragging(false)}\n                            />\n                        )}\n\n                        <FileDetails\n                            validateFiles={validateFiles}\n                            uploadFile={uploadFile}\n                            file={getFileDetailsFile({\n                                list,\n                                src: showingFileDetails\n                            })}\n                            canEdit={canEdit}\n                        />\n\n                        <LeftSidebar\n                            queryParams={queryParams}\n                            toggleTag={tag => toggleTag({ tag, queryParams })}\n                        />\n\n                        <FileListWrapper data-testid={\"fm-list-wrapper\"}>\n                            {loading && (\n                                <CircularProgress\n                                    label={t`Loading Files...`}\n                                    style={{ opacity: 1 }}\n                                />\n                            )}\n                            <Scrollbar\n                                onScrollFrame={scrollFrame =>\n                                    refreshOnScroll({\n                                        scrollFrame,\n                                        fetchMore\n                                    })\n                                }\n                            >\n                                <FileList>\n                                    {list.length\n                                        ? list.map(file =>\n                                              renderFile({\n                                                  uploadFile,\n                                                  file,\n                                                  showFileDetails: () => showFileDetails(file.src),\n                                                  selected: selected.find(\n                                                      (current: FileItem) =>\n                                                          current.src === file.src\n                                                  ),\n                                                  onSelect: async () => {\n                                                      if (typeof onChange === \"function\") {\n                                                          if (multiple) {\n                                                              toggleSelected(file);\n                                                              return;\n                                                          }\n\n                                                          await onChange(file);\n                                                          onClose && onClose();\n                                                      }\n                                                  }\n                                              })\n                                          )\n                                        : renderEmpty({\n                                              hasPreviouslyUploadedFiles,\n                                              browseFiles,\n                                              fmFilePermission\n                                          })}\n                                </FileList>\n                            </Scrollbar>\n                            <BottomInfoBar accept={accept} uploading={uploading} />\n                        </FileListWrapper>\n                    </>\n                </OverlayLayout>\n            )}\n        </Files>\n    );\n};\n\nFileManagerView.defaultProps = {\n    multiple: false,\n    maxSize: \"1000mb\",\n    multipleMaxSize: \"1000mb\",\n    multipleMaxCount: 100\n};\n\nexport default FileManagerView;\n"],"mappings":"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"}
+{"version":3,"names":["t","i18n","ns","style","draggingFeedback","css","position","top","left","width","height","opacity","background","zIndex","leftDrawer","header","textAlign","fontSize","padding","fontWeight","color","InputSearch","styled","backgroundColor","borderRadius","border","marginLeft","outline","searchIcon","FileListWrapper","float","display","FileList","gridTemplateColumns","marginBottom","renderFile","props","file","plugin","getFileTypePlugin","id","render","renderEmpty","hasPreviouslyUploadedFiles","browseFiles","fmFilePermission","FileManagerView","onClose","onChange","accept","multiple","maxSize","multipleMaxCount","multipleMaxSize","onUploadCompletion","useFileManager","selected","toggleSelected","dragging","setDragging","uploading","setUploading","showFileDetails","showingFileDetails","queryParams","setQueryParams","setHasPreviouslyUploadedFiles","useSnackbar","showSnackbar","useSecurity","identity","getPermission","useMemo","canCreate","own","rwd","includes","canEdit","useCallback","item","creatorId","get","identityId","login","searchOnChange","debounce","search","toggleTag","tag","finalTags","Array","isArray","tags","splice","indexOf","push","getFileUploadErrorMessage","e","match","message","updateCacheAfterCreateFile","cache","newFile","newFileData","data","readQuery","query","LIST_FILES","variables","writeQuery","fileManager","listFiles","getFileDetailsFile","src","list","find","useHotkeys","keys","esc","searchInput","useRef","apolloClient","useApolloClient","gqlQuery","useQuery","onCompleted","response","length","refreshOnScroll","scrollFrame","fetchMore","cursor","after","updateQuery","prev","result","fetchMoreResult","next","loading","useMutation","CREATE_FILE","update","createFile","uploadFile","files","errors","uploadedFiles","Promise","all","map","getFileUploader","scope","createFileResponse","setTimeout","name","renderUploadFileAction","settingsQuery","GET_FILE_SETTINGS","settings","uploadMaxFileSize","filter","Boolean","console","log","outputFileSelectionError","getDropZoneProps","validateFiles","onDragEnter","onExited","target","value","current","onSelect","defaultProps"],"sources":["FileManagerView.tsx"],"sourcesContent":["import React, { useRef, useCallback, useMemo } from \"react\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport Files, { FilesRenderChildren } from \"react-butterfiles\";\nimport { ButtonPrimary, ButtonIcon } from \"@webiny/ui/Button\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport File, { FileProps } from \"./File\";\nimport { useQuery, useMutation, useApolloClient } from \"@apollo/react-hooks\";\nimport { FilesRules } from \"react-butterfiles\";\nimport {\n    LIST_FILES,\n    CREATE_FILE,\n    GET_FILE_SETTINGS,\n    CreateFileMutationVariables,\n    CreateFileMutationResponse,\n    ListFilesQueryResponse,\n    ListFilesQueryVariables\n} from \"./graphql\";\nimport getFileTypePlugin from \"./getFileTypePlugin\";\nimport get from \"lodash/get\";\nimport debounce from \"lodash/debounce\";\nimport getFileUploader from \"./getFileUploader\";\nimport { outputFileSelectionError } from \"./outputFileSelectionError\";\nimport DropFilesHere from \"./DropFilesHere\";\nimport NoResults from \"./NoResults\";\nimport FileDetails from \"./FileDetails\";\nimport LeftSidebar from \"./LeftSidebar\";\nimport BottomInfoBar from \"./BottomInfoBar\";\nimport { OverlayLayout } from \"../OverlayLayout\";\nimport { useSnackbar } from \"~/hooks/useSnackbar\";\nimport { Scrollbar } from \"@webiny/ui/Scrollbar\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useSecurity } from \"@webiny/app-security\";\n/**\n * Package react-hotkeyz is missing types.\n */\n// @ts-ignore\nimport { useHotkeys } from \"react-hotkeyz\";\nimport { useFileManager } from \"./FileManagerContext\";\nimport { ReactComponent as SearchIcon } from \"./icons/round-search-24px.svg\";\nimport { ReactComponent as UploadIcon } from \"./icons/round-cloud_upload-24px.svg\";\nimport NoPermissionView from \"./NoPermissionView\";\nimport { FileItem, FileManagerSecurityPermission } from \"~/components/FileManager/types\";\nimport { MutationUpdaterFn } from \"apollo-client/core/watchQueryOptions\";\nimport { SecurityPermission } from \"@webiny/app-security/types\";\nimport { ObservableQueryFields } from \"@apollo/react-common/lib/types/types\";\n\nconst t = i18n.ns(\"app-admin/file-manager/file-manager-view\");\n\nconst style = {\n    draggingFeedback: css({\n        position: \"fixed\",\n        top: 0,\n        left: 0,\n        width: \"100%\",\n        height: \"100%\",\n        opacity: 0.5,\n        background: \"white\",\n        zIndex: 100\n    }),\n    leftDrawer: {\n        header: css({\n            textAlign: \"center\",\n            fontSize: 18,\n            padding: 10,\n            fontWeight: 600,\n            color: \"var(--mdc-theme-on-surface)\"\n        })\n    }\n};\n\nconst InputSearch = styled(\"div\")({\n    backgroundColor: \"var(--mdc-theme-on-background)\",\n    position: \"relative\",\n    height: 32,\n    padding: 3,\n    width: \"100%\",\n    borderRadius: 2,\n    \"> input\": {\n        border: \"none\",\n        fontSize: 14,\n        width: \"calc(100% - 10px)\",\n        height: \"100%\",\n        marginLeft: 50,\n        backgroundColor: \"transparent\",\n        outline: \"none\",\n        color: \"var(--mdc-theme-text-primary-on-background)\"\n    }\n});\n\nconst searchIcon = css({\n    \"&.mdc-button__icon\": {\n        color: \"var(--mdc-theme-text-secondary-on-background)\",\n        position: \"absolute\",\n        width: 24,\n        height: 24,\n        left: 15,\n        top: 7\n    }\n});\n\nconst FileListWrapper = styled(\"div\")({\n    float: \"right\",\n    display: \"inline-block\",\n    width: \"calc(100vw - 270px)\",\n    height: \"100%\"\n});\n\nconst FileList = styled(\"div\")({\n    width: \"100%\",\n    display: \"grid\",\n    /* define the number of grid columns */\n    gridTemplateColumns: \"repeat( auto-fill, minmax(220px, 1fr) )\",\n    marginBottom: 95\n});\n\nexport interface FileManagerViewProps {\n    onChange?: Function;\n    onClose?: Function;\n    files?: FilesRules;\n    multiple?: boolean; // Does not affect <Files> component, it always allows multiple selection.\n    accept: Array<string>;\n    maxSize?: number | string;\n    multipleMaxCount?: number;\n    multipleMaxSize?: number | string;\n    onUploadCompletion?: Function;\n    tags?: string[];\n    scope?: string;\n    own?: boolean;\n}\n\ninterface RenderFileProps extends Omit<FileProps, \"children\"> {\n    file: FileItem;\n    children?: React.ReactNode;\n}\nconst renderFile: React.FC<RenderFileProps> = props => {\n    const { file } = props;\n    const plugin = getFileTypePlugin(file);\n    if (!plugin) {\n        return null;\n    }\n    return (\n        <File {...props} key={file.id}>\n            {plugin.render({\n                /**\n                 * TODO @ts-refactor\n                 */\n                // @ts-ignore\n                file\n            })}\n        </File>\n    );\n};\ninterface RenderEmptyProps {\n    hasPreviouslyUploadedFiles: boolean;\n    browseFiles: FilesRenderChildren[\"browseFiles\"];\n    fmFilePermission: SecurityPermission | null;\n}\nconst renderEmpty: React.FC<RenderEmptyProps> = ({\n    hasPreviouslyUploadedFiles,\n    browseFiles,\n    fmFilePermission\n}) => {\n    if (!fmFilePermission) {\n        return <NoPermissionView />;\n    }\n    if (hasPreviouslyUploadedFiles) {\n        return <NoResults />;\n    }\n    return <DropFilesHere empty onClick={() => browseFiles()} />;\n};\n\ninterface RefreshOnScrollParams {\n    fetchMore: ObservableQueryFields<ListFilesQueryResponse, ListFilesQueryVariables>[\"fetchMore\"];\n    scrollFrame: {\n        top: number;\n    };\n}\n\ninterface FileError {\n    file: FileItem;\n    e: Error;\n}\n\ninterface GetFileDetailsFileParams {\n    src: string;\n    list: FileItem[];\n}\n\nconst FileManagerView: React.FC<FileManagerViewProps> = props => {\n    const {\n        onClose,\n        onChange,\n        accept,\n        multiple = false,\n        maxSize,\n        multipleMaxCount,\n        multipleMaxSize,\n        onUploadCompletion\n    } = props;\n\n    const {\n        selected,\n        toggleSelected,\n        dragging,\n        setDragging,\n        uploading,\n        setUploading,\n        showFileDetails,\n        showingFileDetails,\n        queryParams,\n        setQueryParams,\n        hasPreviouslyUploadedFiles,\n        setHasPreviouslyUploadedFiles\n    } = useFileManager();\n    const { showSnackbar } = useSnackbar();\n\n    const { identity, getPermission } = useSecurity();\n    const fmFilePermission = useMemo((): FileManagerSecurityPermission | null => {\n        return getPermission<FileManagerSecurityPermission>(\"fm.file\");\n    }, [identity]);\n    const canCreate = useMemo(() => {\n        // Bail out early if no access\n        if (!fmFilePermission) {\n            return false;\n        }\n\n        if (fmFilePermission.own) {\n            return true;\n        }\n\n        if (typeof fmFilePermission.rwd === \"string\") {\n            return fmFilePermission.rwd.includes(\"w\");\n        }\n\n        return true;\n    }, [fmFilePermission]);\n    const canEdit = useCallback(\n        item => {\n            // Bail out early if no access\n            if (!fmFilePermission) {\n                return false;\n            }\n            const creatorId = get(item, \"createdBy.id\");\n\n            if (fmFilePermission.own && creatorId) {\n                const identityId = identity ? identity.id || identity.login : null;\n                return creatorId === identityId;\n            }\n\n            if (typeof fmFilePermission.rwd === \"string\") {\n                return fmFilePermission.rwd.includes(\"w\");\n            }\n\n            return true;\n        },\n        [fmFilePermission]\n    );\n\n    const searchOnChange = useCallback(\n        // @ts-ignore\n        debounce(search => setQueryParams({ search }), 500),\n        []\n    );\n\n    const toggleTag = useCallback(async ({ tag, queryParams }) => {\n        const finalTags = Array.isArray(queryParams.tags) ? [...queryParams.tags] : [];\n\n        if (finalTags.includes(tag)) {\n            finalTags.splice(finalTags.indexOf(tag), 1);\n        } else {\n            finalTags.push(tag);\n        }\n\n        setQueryParams({ ...queryParams, tags: finalTags });\n    }, []);\n\n    const getFileUploadErrorMessage = useCallback(e => {\n        if (typeof e === \"string\") {\n            const match = e.match(/Message>(.*?)<\\/Message/);\n            if (match) {\n                const [, message] = match;\n                return message;\n            }\n\n            return e;\n        }\n        return e.message;\n    }, []);\n\n    const updateCacheAfterCreateFile: MutationUpdaterFn<CreateFileMutationResponse> = (\n        cache,\n        newFile\n    ) => {\n        const newFileData = get(newFile, \"data.fileManager.createFile.data\");\n\n        const data = cache.readQuery<ListFilesQueryResponse>({\n            query: LIST_FILES,\n            variables: queryParams\n        });\n\n        cache.writeQuery({\n            query: LIST_FILES,\n            variables: queryParams,\n            data: {\n                fileManager: {\n                    ...(data?.fileManager || {}),\n                    listFiles: {\n                        ...(data?.fileManager || {}).listFiles,\n                        data: [newFileData, ...((data?.fileManager?.listFiles || {}).data || [])]\n                    }\n                }\n            }\n        });\n    };\n\n    const getFileDetailsFile = useCallback(({ src, list }: GetFileDetailsFileParams): FileItem => {\n        return list.find(item => item.src === src) as FileItem;\n    }, []);\n\n    useHotkeys({\n        zIndex: 50,\n        keys: {\n            esc: onClose\n        }\n    });\n\n    const searchInput = useRef<HTMLInputElement>(null);\n\n    const apolloClient = useApolloClient();\n\n    const gqlQuery = useQuery<ListFilesQueryResponse, ListFilesQueryVariables>(LIST_FILES, {\n        variables: queryParams,\n        onCompleted: response => {\n            const list = get(response, \"fileManager.listFiles.data\") || [];\n            if (hasPreviouslyUploadedFiles === null) {\n                setHasPreviouslyUploadedFiles(list.length > 0);\n            }\n        }\n    });\n\n    const refreshOnScroll = useCallback(\n        debounce(({ scrollFrame, fetchMore }: RefreshOnScrollParams) => {\n            if (scrollFrame.top > 0.9) {\n                const cursor = get(gqlQuery.data, \"fileManager.listFiles.meta.cursor\");\n                if (cursor) {\n                    fetchMore({\n                        variables: { after: cursor },\n                        updateQuery: (\n                            prev: ListFilesQueryResponse,\n                            result: { fetchMoreResult?: ListFilesQueryResponse }\n                        ) => {\n                            const { fetchMoreResult } = result;\n                            if (!fetchMoreResult) {\n                                return prev;\n                            }\n\n                            const next = { ...fetchMoreResult };\n\n                            next.fileManager.listFiles.data = [\n                                ...prev.fileManager.listFiles.data,\n                                ...fetchMoreResult.fileManager.listFiles.data\n                            ];\n\n                            return next;\n                        }\n                    });\n                }\n            }\n        }, 500),\n        [gqlQuery]\n    );\n\n    const { data, fetchMore, loading } = gqlQuery;\n\n    const list: FileItem[] = get(data, \"fileManager.listFiles.data\") || [];\n    const [createFile] = useMutation<CreateFileMutationResponse, CreateFileMutationVariables>(\n        CREATE_FILE,\n        {\n            update: updateCacheAfterCreateFile\n        }\n    );\n    const uploadFile = async (files: FileItem | FileItem[]): Promise<number | null> => {\n        setUploading(true);\n        const list: FileItem[] = Array.isArray(files) ? files : [files];\n\n        const errors: FileError[] = [];\n        const uploadedFiles: FileItem[] = [];\n        await Promise.all(\n            list.map(async file => {\n                try {\n                    const response = await getFileUploader()(file, { apolloClient });\n                    /**\n                     * Add \"tags\" while creating the new file.\n                     */\n                    const createFileResponse = await createFile({\n                        variables: {\n                            data: {\n                                ...response,\n                                tags: queryParams.scope ? [queryParams.scope] : []\n                            }\n                        }\n                    });\n                    // Save create file data for later\n                    uploadedFiles.push(\n                        get(\n                            createFileResponse,\n                            \"data.fileManager.createFile.data\"\n                        ) as unknown as FileItem\n                    );\n                } catch (e) {\n                    errors.push({ file, e });\n                }\n            })\n        );\n\n        if (!hasPreviouslyUploadedFiles) {\n            setHasPreviouslyUploadedFiles(true);\n        }\n\n        setUploading(false);\n\n        if (errors.length > 0) {\n            // We wait 750ms, just for everything to settle down a bit.\n            return setTimeout(() => {\n                showSnackbar(\n                    <>\n                        {t`One or more files were not uploaded successfully:`}\n                        <ol>\n                            {errors.map(({ file, e }) => (\n                                <li key={file.name}>\n                                    <strong>{file.name}</strong>: {getFileUploadErrorMessage(e)}\n                                </li>\n                            ))}\n                        </ol>\n                    </>\n                );\n                // TODO @ts-refactor\n            }, 750) as unknown as number;\n        }\n\n        // We wait 750ms, just for everything to settle down a bit.\n        setTimeout(() => showSnackbar(t`File upload complete.`), 750);\n        if (typeof onUploadCompletion === \"function\") {\n            // We wait 750ms, just for everything to settle down a bit.\n            return setTimeout(() => {\n                onUploadCompletion(uploadedFiles);\n                onClose && onClose();\n                // TODO @ts-refactor\n            }, 750) as unknown as number;\n        }\n        return null;\n    };\n\n    const renderUploadFileAction = useCallback(\n        ({ browseFiles }) => {\n            if (!canCreate) {\n                return null;\n            }\n            return (\n                <ButtonPrimary onClick={browseFiles} disabled={uploading}>\n                    <ButtonIcon icon={<UploadIcon />} />\n                    {t`Upload...`}\n                </ButtonPrimary>\n            );\n        },\n        [uploading, canCreate]\n    );\n\n    const settingsQuery = useQuery(GET_FILE_SETTINGS);\n    const settings = get(settingsQuery.data, \"fileManager.getSettings.data\") || {};\n    return (\n        <Files\n            multiple\n            maxSize={settings.uploadMaxFileSize ? settings.uploadMaxFileSize + \"b\" : maxSize}\n            multipleMaxSize={multipleMaxSize}\n            multipleMaxCount={multipleMaxCount}\n            accept={accept}\n            onSuccess={files => {\n                uploadFile(files.map(file => file.src.file as FileItem).filter(Boolean));\n            }}\n            onError={errors => {\n                console.log(\"onError\", errors);\n                /**\n                 * TODO @ts-refactor\n                 * Figure out if incoming errors var is wrong or the one in the outputFileSelectionError\n                 */\n                // @ts-ignore\n                const message = outputFileSelectionError(errors);\n                showSnackbar(message);\n            }}\n        >\n            {({ getDropZoneProps, browseFiles, validateFiles }) => (\n                <OverlayLayout\n                    {...getDropZoneProps({\n                        onDragEnter: () => hasPreviouslyUploadedFiles && setDragging(true),\n                        onExited: onClose\n                    })}\n                    barLeft={\n                        <InputSearch>\n                            <Icon className={searchIcon} icon={<SearchIcon />} />\n                            <input\n                                ref={searchInput}\n                                onChange={e => searchOnChange(e.target.value)}\n                                placeholder={t`Search by filename or tags`}\n                                disabled={!fmFilePermission}\n                                data-testid={\"file-manager.search-input\"}\n                            />\n                        </InputSearch>\n                    }\n                    barRight={\n                        selected.length > 0 ? (\n                            <ButtonPrimary\n                                disabled={uploading}\n                                onClick={() => {\n                                    (async () => {\n                                        if (typeof onChange === \"function\") {\n                                            await onChange(multiple ? selected : selected[0]);\n\n                                            onClose && onClose();\n                                        }\n                                    })();\n                                }}\n                            >\n                                {t`Select`} {multiple && `(${selected.length})`}\n                            </ButtonPrimary>\n                        ) : (\n                            renderUploadFileAction({ browseFiles })\n                        )\n                    }\n                >\n                    <>\n                        {dragging && hasPreviouslyUploadedFiles && (\n                            <DropFilesHere\n                                // @ts-ignore TODO: @adrian - className is never rendered?!\n                                className={style.draggingFeedback}\n                                onDragLeave={() => setDragging(false)}\n                                onDrop={() => setDragging(false)}\n                            />\n                        )}\n\n                        <FileDetails\n                            validateFiles={validateFiles}\n                            uploadFile={uploadFile}\n                            file={getFileDetailsFile({\n                                list,\n                                src: showingFileDetails\n                            })}\n                            canEdit={canEdit}\n                        />\n\n                        <LeftSidebar\n                            queryParams={queryParams}\n                            toggleTag={tag => toggleTag({ tag, queryParams })}\n                        />\n\n                        <FileListWrapper data-testid={\"fm-list-wrapper\"}>\n                            {loading && (\n                                <CircularProgress\n                                    label={t`Loading Files...`}\n                                    style={{ opacity: 1 }}\n                                />\n                            )}\n                            <Scrollbar\n                                onScrollFrame={scrollFrame =>\n                                    refreshOnScroll({\n                                        scrollFrame,\n                                        fetchMore\n                                    })\n                                }\n                            >\n                                <FileList>\n                                    {list.length\n                                        ? list.map(file =>\n                                              renderFile({\n                                                  uploadFile,\n                                                  file,\n                                                  showFileDetails: () => showFileDetails(file.src),\n                                                  selected: selected.find(\n                                                      (current: FileItem) =>\n                                                          current.src === file.src\n                                                  ),\n                                                  onSelect: async () => {\n                                                      if (typeof onChange === \"function\") {\n                                                          if (multiple) {\n                                                              toggleSelected(file);\n                                                              return;\n                                                          }\n\n                                                          await onChange(file);\n                                                          onClose && onClose();\n                                                      }\n                                                  }\n                                              })\n                                          )\n                                        : renderEmpty({\n                                              hasPreviouslyUploadedFiles,\n                                              browseFiles,\n                                              fmFilePermission\n                                          })}\n                                </FileList>\n                            </Scrollbar>\n                            <BottomInfoBar accept={accept} uploading={uploading} />\n                        </FileListWrapper>\n                    </>\n                </OverlayLayout>\n            )}\n        </Files>\n    );\n};\n\nFileManagerView.defaultProps = {\n    multiple: false,\n    maxSize: \"1000mb\",\n    multipleMaxSize: \"1000mb\",\n    multipleMaxCount: 100\n};\n\nexport default FileManagerView;\n"],"mappings":"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"}

package/components/FileManager/graphql.js

@@ -8,7 +8,7 @@ exports.UPDATE_FILE = exports.LIST_TAGS = exports.LIST_FILES = exports.GET_FILE_
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-var FILE_FIELDS = /* GraphQL */"\n    {\n        __typename\n        id\n        name\n        key\n        src\n        size\n        type\n        tags\n        createdOn\n        createdBy {\n            id\n        }\n    }\n";
+var FILE_FIELDS = /* GraphQL */"\n    {\n        __typename\n        id\n        name\n        key\n        src\n        size\n        type\n        tags\n        aliases\n        createdOn\n        createdBy {\n            id\n        }\n    }\n";
 var ERROR_FIELDS = /* GraphQL */"\n    {\n        code\n        message\n        data\n    }\n";
 
 /**
@@ -28,13 +28,13 @@ var LIST_TAGS = (0, _graphqlTag.default)(_templateObject2 || (_templateObject2 =
  * Create File Mutation Response
  */
 exports.LIST_TAGS = LIST_TAGS;
-var CREATE_FILE = (0, _graphqlTag.default)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n    mutation CreateFile($data: FileInput!) {\n        fileManager {\n            createFile(data: $data) {\n                error ", "\n                data ", "\n            }\n        }\n    }\n"])), ERROR_FIELDS, FILE_FIELDS);
+var CREATE_FILE = (0, _graphqlTag.default)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n    mutation CreateFile($data: CreateFileInput!) {\n        fileManager {\n            createFile(data: $data) {\n                error ", "\n                data ", "\n            }\n        }\n    }\n"])), ERROR_FIELDS, FILE_FIELDS);
 /**
  * ##################
  * Update File Mutation Response
  */
 exports.CREATE_FILE = CREATE_FILE;
-var UPDATE_FILE = (0, _graphqlTag.default)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n    mutation UpdateFile($id: ID!, $data: FileInput!) {\n        fileManager {\n            updateFile(id: $id, data: $data) {\n                data {\n                    id\n                    src\n                    name\n                    tags\n                }\n                error ", "\n            }\n        }\n    }\n"])), ERROR_FIELDS);
+var UPDATE_FILE = (0, _graphqlTag.default)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n    mutation UpdateFile($id: ID!, $data: UpdateFileInput!) {\n        fileManager {\n            updateFile(id: $id, data: $data) {\n                data {\n                    id\n                    src\n                    name\n                    tags\n                }\n                error ", "\n            }\n        }\n    }\n"])), ERROR_FIELDS);
 
 /**
  * ##################

package/components/FileManager/graphql.js.map

@@ -1 +1 @@
-{"version":3,"names":["FILE_FIELDS","ERROR_FIELDS","LIST_FILES","gql","LIST_TAGS","CREATE_FILE","UPDATE_FILE","DELETE_FILE","GET_FILE_SETTINGS"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport { FileItem } from \"~/components/FileManager/types\";\n\nconst FILE_FIELDS = /* GraphQL */ `\n    {\n        __typename\n        id\n        name\n        key\n        src\n        size\n        type\n        tags\n        createdOn\n        createdBy {\n            id\n        }\n    }\n`;\n\nconst ERROR_FIELDS = /* GraphQL */ `\n    {\n        code\n        message\n        data\n    }\n`;\n\n/**\n * ##################\n * List Files Query Response\n */\nexport interface ListFilesListFilesResponse {\n    data: FileItem[];\n    error?: Error | null;\n    meta: {\n        hasMoreItems: boolean;\n        totalItem: number;\n        cursor: string | null;\n    };\n}\nexport interface ListFilesQueryResponse {\n    fileManager: {\n        listFiles: ListFilesListFilesResponse;\n    };\n}\nexport interface ListFilesQueryVariables {\n    types?: string[];\n    tags?: string[];\n    limit?: number;\n    search?: string;\n    after?: string;\n}\nexport const LIST_FILES = gql`\n    query ListFiles(\n        $types: [String],\n        $tags: [String],\n        $limit: Int,\n        $search: String,\n        $after: String,\n        $where: FileWhereInput\n    ) {\n        fileManager {\n            listFiles(\n                types: $types,\n                limit: $limit,\n                search: $search,\n                tags: $tags,\n                after: $after,\n                where: $where\n            ) {\n                data ${FILE_FIELDS}\n                meta {\n                    cursor\n                    totalCount\n                }\n            }\n        }\n    }\n`;\n/**\n * ##################\n * List File Tags Query Response\n */\nexport interface ListFileTagsQueryResponse {\n    fileManager: {\n        listTags: string[];\n        error: Error | null;\n    };\n}\nexport const LIST_TAGS = gql`\n    query ListTags($where: TagWhereInput) {\n        fileManager {\n            listTags(where: $where)\n        }\n    }\n`;\n/**\n * ##################\n * Create File Mutation Response\n */\nexport interface CreateFileMutationResponse {\n    fileManager: {\n        createFile: {\n            data: FileItem;\n            error?: Error | null;\n        };\n    };\n}\nexport interface FileInput {\n    key: string;\n    name: string;\n    size: number;\n    type: string;\n    tags: string;\n    meta: Record<string, any>;\n}\nexport interface CreateFileMutationVariables {\n    data: FileInput;\n}\nexport const CREATE_FILE = gql`\n    mutation CreateFile($data: FileInput!) {\n        fileManager {\n            createFile(data: $data) {\n                error ${ERROR_FIELDS}\n                data ${FILE_FIELDS}\n            }\n        }\n    }\n`;\n/**\n * ##################\n * Update File Mutation Response\n */\nexport interface UpdateFileMutationResponse {\n    fileManager: {\n        updateFile: {\n            data: FileItem;\n            error?: Error | null;\n        };\n    };\n}\nexport interface UpdateFileMutationVariables {\n    id: string;\n    data: Partial<FileInput>;\n}\nexport const UPDATE_FILE = gql`\n    mutation UpdateFile($id: ID!, $data: FileInput!) {\n        fileManager {\n            updateFile(id: $id, data: $data) {\n                data {\n                    id\n                    src\n                    name\n                    tags\n                }\n                error ${ERROR_FIELDS}\n            }\n        }\n    }\n`;\n\n/**\n * ##################\n * Delete File Mutation Response\n */\nexport interface DeleteFileMutationResponse {\n    fileManager: {\n        updateFile: {\n            data: boolean;\n            error?: Error | null;\n        };\n    };\n}\nexport interface DeleteFileMutationVariables {\n    id: string;\n}\nexport const DELETE_FILE = gql`\n    mutation deleteFile($id: ID!) {\n        fileManager {\n            deleteFile(id: $id) {\n                data\n                error ${ERROR_FIELDS}\n            }\n        }\n    }\n`;\n\nexport const GET_FILE_SETTINGS = gql`\n    query getSettings {\n        fileManager {\n            getSettings {\n                data {\n                    uploadMinFileSize\n                    uploadMaxFileSize\n                }\n                error ${ERROR_FIELDS}\n            }\n        }\n    }\n`;\n"],"mappings":";;;;;;;;AAAA;AAA8B;AAG9B,IAAMA,WAAW,GAAG,oNAenB;AAED,IAAMC,YAAY,GAAG,4EAMpB;;AAED;AACA;AACA;AACA;;AAsBO,IAAMC,UAAU,OAAGC,mBAAG,srBAkBNH,WAAW,CAQjC;AACD;AACA;AACA;AACA;AAHA;AAUO,IAAMI,SAAS,OAAGD,mBAAG,mNAM3B;AACD;AACA;AACA;AACA;AAHA;AAuBO,IAAME,WAAW,OAAGF,mBAAG,6RAINF,YAAY,EACbD,WAAW,CAIjC;AACD;AACA;AACA;AACA;AAHA;AAgBO,IAAMM,WAAW,OAAGH,mBAAG,qaAUNF,YAAY,CAInC;;AAED;AACA;AACA;AACA;AAHA;AAeO,IAAMM,WAAW,OAAGJ,mBAAG,2QAKNF,YAAY,CAInC;AAAC;AAEK,IAAMO,iBAAiB,OAAGL,mBAAG,0VAQZF,YAAY,CAInC;AAAC"}
+{"version":3,"names":["FILE_FIELDS","ERROR_FIELDS","LIST_FILES","gql","LIST_TAGS","CREATE_FILE","UPDATE_FILE","DELETE_FILE","GET_FILE_SETTINGS"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport { FileItem } from \"~/components/FileManager/types\";\n\nconst FILE_FIELDS = /* GraphQL */ `\n    {\n        __typename\n        id\n        name\n        key\n        src\n        size\n        type\n        tags\n        aliases\n        createdOn\n        createdBy {\n            id\n        }\n    }\n`;\n\nconst ERROR_FIELDS = /* GraphQL */ `\n    {\n        code\n        message\n        data\n    }\n`;\n\n/**\n * ##################\n * List Files Query Response\n */\nexport interface ListFilesListFilesResponse {\n    data: FileItem[];\n    error?: Error | null;\n    meta: {\n        hasMoreItems: boolean;\n        totalItem: number;\n        cursor: string | null;\n    };\n}\nexport interface ListFilesQueryResponse {\n    fileManager: {\n        listFiles: ListFilesListFilesResponse;\n    };\n}\nexport interface ListFilesQueryVariables {\n    types?: string[];\n    tags?: string[];\n    limit?: number;\n    search?: string;\n    after?: string;\n}\nexport const LIST_FILES = gql`\n    query ListFiles(\n        $types: [String],\n        $tags: [String],\n        $limit: Int,\n        $search: String,\n        $after: String,\n        $where: FileWhereInput\n    ) {\n        fileManager {\n            listFiles(\n                types: $types,\n                limit: $limit,\n                search: $search,\n                tags: $tags,\n                after: $after,\n                where: $where\n            ) {\n                data ${FILE_FIELDS}\n                meta {\n                    cursor\n                    totalCount\n                }\n            }\n        }\n    }\n`;\n/**\n * ##################\n * List File Tags Query Response\n */\nexport interface ListFileTagsQueryResponse {\n    fileManager: {\n        listTags: string[];\n        error: Error | null;\n    };\n}\nexport const LIST_TAGS = gql`\n    query ListTags($where: TagWhereInput) {\n        fileManager {\n            listTags(where: $where)\n        }\n    }\n`;\n/**\n * ##################\n * Create File Mutation Response\n */\nexport interface CreateFileMutationResponse {\n    fileManager: {\n        createFile: {\n            data: FileItem;\n            error?: Error | null;\n        };\n    };\n}\nexport interface FileInput {\n    key: string;\n    name: string;\n    size: number;\n    type: string;\n    tags: string;\n    meta: Record<string, any>;\n}\nexport interface CreateFileMutationVariables {\n    data: FileInput;\n}\nexport const CREATE_FILE = gql`\n    mutation CreateFile($data: CreateFileInput!) {\n        fileManager {\n            createFile(data: $data) {\n                error ${ERROR_FIELDS}\n                data ${FILE_FIELDS}\n            }\n        }\n    }\n`;\n/**\n * ##################\n * Update File Mutation Response\n */\nexport interface UpdateFileMutationResponse {\n    fileManager: {\n        updateFile: {\n            data: FileItem;\n            error?: Error | null;\n        };\n    };\n}\nexport interface UpdateFileMutationVariables {\n    id: string;\n    data: Partial<FileInput>;\n}\nexport const UPDATE_FILE = gql`\n    mutation UpdateFile($id: ID!, $data: UpdateFileInput!) {\n        fileManager {\n            updateFile(id: $id, data: $data) {\n                data {\n                    id\n                    src\n                    name\n                    tags\n                }\n                error ${ERROR_FIELDS}\n            }\n        }\n    }\n`;\n\n/**\n * ##################\n * Delete File Mutation Response\n */\nexport interface DeleteFileMutationResponse {\n    fileManager: {\n        updateFile: {\n            data: boolean;\n            error?: Error | null;\n        };\n    };\n}\nexport interface DeleteFileMutationVariables {\n    id: string;\n}\nexport const DELETE_FILE = gql`\n    mutation deleteFile($id: ID!) {\n        fileManager {\n            deleteFile(id: $id) {\n                data\n                error ${ERROR_FIELDS}\n            }\n        }\n    }\n`;\n\nexport const GET_FILE_SETTINGS = gql`\n    query getSettings {\n        fileManager {\n            getSettings {\n                data {\n                    uploadMinFileSize\n                    uploadMaxFileSize\n                }\n                error ${ERROR_FIELDS}\n            }\n        }\n    }\n`;\n"],"mappings":";;;;;;;;AAAA;AAA8B;AAG9B,IAAMA,WAAW,GAAG,qOAgBnB;AAED,IAAMC,YAAY,GAAG,4EAMpB;;AAED;AACA;AACA;AACA;;AAsBO,IAAMC,UAAU,OAAGC,mBAAG,srBAkBNH,WAAW,CAQjC;AACD;AACA;AACA;AACA;AAHA;AAUO,IAAMI,SAAS,OAAGD,mBAAG,mNAM3B;AACD;AACA;AACA;AACA;AAHA;AAuBO,IAAME,WAAW,OAAGF,mBAAG,mSAINF,YAAY,EACbD,WAAW,CAIjC;AACD;AACA;AACA;AACA;AAHA;AAgBO,IAAMM,WAAW,OAAGH,mBAAG,2aAUNF,YAAY,CAInC;;AAED;AACA;AACA;AACA;AAHA;AAeO,IAAMM,WAAW,OAAGJ,mBAAG,2QAKNF,YAAY,CAInC;AAAC;AAEK,IAAMO,iBAAiB,OAAGL,mBAAG,0VAQZF,YAAY,CAInC;AAAC"}

package/components/FileManager/types.d.ts

@@ -10,6 +10,7 @@ export interface FileItem {
     size: number;
     type: string;
     tags: string[];
+    aliases: string[];
     createdOn: string;
     createdBy: {
         id: string;

package/components/FileManager/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import { SecurityPermission } from \"@webiny/app-security/types\";\n\n/**\n * Represents a file as we receive from the GraphQL API.\n */\nexport interface FileItem {\n    id: string;\n    name: string;\n    key: string;\n    src: string;\n    size: number;\n    type: string;\n    tags: string[];\n    createdOn: string;\n    createdBy: {\n        id: string;\n    };\n}\n\nexport interface FileManagerSecurityPermission extends SecurityPermission {\n    rwd?: string;\n    own?: boolean;\n}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import { SecurityPermission } from \"@webiny/app-security/types\";\n\n/**\n * Represents a file as we receive from the GraphQL API.\n */\nexport interface FileItem {\n    id: string;\n    name: string;\n    key: string;\n    src: string;\n    size: number;\n    type: string;\n    tags: string[];\n    aliases: string[];\n    createdOn: string;\n    createdBy: {\n        id: string;\n    };\n}\n\nexport interface FileManagerSecurityPermission extends SecurityPermission {\n    rwd?: string;\n    own?: boolean;\n}\n"],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-admin",
-	"version": "0.0.0-unstable.d7f521b032",
+	"version": "0.0.0-unstable.ecd8734205",
 	"main": "index.js",
 	"description": "A collection of plugins that together form a complete admin interface, customizable and extensible with Webiny apps and plugins.",
 	"repository": {
@@ -17,20 +17,21 @@
 		"@editorjs/editorjs": "2.26.5",
 		"@emotion/core": "10.3.1",
 		"@emotion/styled": "10.3.0",
+		"@material-design-icons/svg": "0.14.3",
 		"@svgr/webpack": "6.5.1",
 		"@types/mime": "2.0.3",
 		"@types/react": "17.0.39",
-		"@webiny/app": "0.0.0-unstable.d7f521b032",
-		"@webiny/app-security": "0.0.0-unstable.d7f521b032",
-		"@webiny/app-wcp": "0.0.0-unstable.d7f521b032",
-		"@webiny/form": "0.0.0-unstable.d7f521b032",
-		"@webiny/plugins": "0.0.0-unstable.d7f521b032",
-		"@webiny/react-composition": "0.0.0-unstable.d7f521b032",
-		"@webiny/react-router": "0.0.0-unstable.d7f521b032",
-		"@webiny/telemetry": "0.0.0-unstable.d7f521b032",
-		"@webiny/ui": "0.0.0-unstable.d7f521b032",
-		"@webiny/ui-composer": "0.0.0-unstable.d7f521b032",
-		"@webiny/validation": "0.0.0-unstable.d7f521b032",
+		"@webiny/app": "0.0.0-unstable.ecd8734205",
+		"@webiny/app-security": "0.0.0-unstable.ecd8734205",
+		"@webiny/app-wcp": "0.0.0-unstable.ecd8734205",
+		"@webiny/form": "0.0.0-unstable.ecd8734205",
+		"@webiny/plugins": "0.0.0-unstable.ecd8734205",
+		"@webiny/react-composition": "0.0.0-unstable.ecd8734205",
+		"@webiny/react-router": "0.0.0-unstable.ecd8734205",
+		"@webiny/telemetry": "0.0.0-unstable.ecd8734205",
+		"@webiny/ui": "0.0.0-unstable.ecd8734205",
+		"@webiny/ui-composer": "0.0.0-unstable.ecd8734205",
+		"@webiny/validation": "0.0.0-unstable.ecd8734205",
 		"apollo-cache": "1.3.5",
 		"apollo-client": "2.6.10",
 		"apollo-link": "1.2.14",
@@ -57,7 +58,6 @@
 		"react-hotkeyz": "1.0.4",
 		"react-lazy-load": "3.1.14",
 		"react-transition-group": "4.4.5",
-		"semver": "7.3.8",
 		"store": "2.0.12"
 	},
 	"devDependencies": {
@@ -70,8 +70,8 @@
 		"@types/bytes": "^3.1.1",
 		"@types/graphlib": "^2.1.8",
 		"@types/store": "^2.0.2",
-		"@webiny/cli": "^0.0.0-unstable.d7f521b032",
-		"@webiny/project-utils": "^0.0.0-unstable.d7f521b032",
+		"@webiny/cli": "^0.0.0-unstable.ecd8734205",
+		"@webiny/project-utils": "^0.0.0-unstable.ecd8734205",
 		"babel-plugin-emotion": "^9.2.8",
 		"babel-plugin-lodash": "^3.3.4",
 		"rimraf": "^3.0.2",
@@ -98,5 +98,5 @@
 			]
 		}
 	},
-	"gitHead": "d7f521b0325964664dbeb6d2d07e2b6518e53841"
+	"gitHead": "ecd8734205e0e21ae04076c28ff9806dad07a730"
 }

package/plugins/FileManagerFileTypePlugin.d.ts

@@ -1,21 +1,8 @@
 import * as React from "react";
 import { Plugin } from "@webiny/plugins";
-interface File {
-    id: string;
-    name: string;
-    key: string;
-    src: string;
-    size: number;
-    type: string;
-    tags: string[];
-    createdOn: string;
-    createdBy: {
-        id: string;
-    };
-    [key: string]: any;
-}
+import { FileItem } from "../components/FileManager/types";
 export interface RenderParams {
-    file: File;
+    file: FileItem;
 }
 interface Config {
     types: string[];

package/plugins/FileManagerFileTypePlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["FileManagerFileTypePlugin","config","types","actions","params","render","Plugin"],"sources":["FileManagerFileTypePlugin.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Plugin } from \"@webiny/plugins\";\n\ninterface File {\n    id: string;\n    name: string;\n    key: string;\n    src: string;\n    size: number;\n    type: string;\n    tags: string[];\n    createdOn: string;\n    createdBy: {\n        id: string;\n    };\n    [key: string]: any;\n}\n\nexport interface RenderParams {\n    file: File;\n}\n\ninterface Config {\n    types: string[];\n    actions?: React.ComponentType<any>[];\n    render(params: RenderParams): React.ReactNode;\n}\n\nexport class FileManagerFileTypePlugin extends Plugin {\n    public static override readonly type: string = \"admin-file-manager-file-type\";\n    private readonly config: Partial<Config>;\n\n    public constructor(config?: Config) {\n        super();\n        this.config = config || {};\n    }\n\n    get types(): string[] {\n        return this.config.types || [];\n    }\n\n    get actions(): React.ComponentType[] {\n        return this.config.actions || [];\n    }\n\n    public render(params: RenderParams): React.ReactNode {\n        if (!this.config.render) {\n            return null;\n        }\n        return this.config.render(params);\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AACA;AAAyC,IA2B5BA,yBAAyB;EAAA;EAAA;EAIlC,mCAAmBC,MAAe,EAAE;IAAA;IAAA;IAChC;IAAQ;IACR,MAAKA,MAAM,GAAGA,MAAM,IAAI,CAAC,CAAC;IAAC;EAC/B;EAAC;IAAA;IAAA,KAED,eAAsB;MAClB,OAAO,IAAI,CAACA,MAAM,CAACC,KAAK,IAAI,EAAE;IAClC;EAAC;IAAA;IAAA,KAED,eAAqC;MACjC,OAAO,IAAI,CAACD,MAAM,CAACE,OAAO,IAAI,EAAE;IACpC;EAAC;IAAA;IAAA,OAED,gBAAcC,MAAoB,EAAmB;MACjD,IAAI,CAAC,IAAI,CAACH,MAAM,CAACI,MAAM,EAAE;QACrB,OAAO,IAAI;MACf;MACA,OAAO,IAAI,CAACJ,MAAM,CAACI,MAAM,CAACD,MAAM,CAAC;IACrC;EAAC;EAAA;AAAA,EAtB0CE,eAAM;AAAA;AAAA,8BAAxCN,yBAAyB,UACa,8BAA8B"}
+{"version":3,"names":["FileManagerFileTypePlugin","config","types","actions","params","render","Plugin"],"sources":["FileManagerFileTypePlugin.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Plugin } from \"@webiny/plugins\";\nimport { FileItem } from \"~/components/FileManager/types\";\n\nexport interface RenderParams {\n    file: FileItem;\n}\n\ninterface Config {\n    types: string[];\n    actions?: React.ComponentType<any>[];\n    render(params: RenderParams): React.ReactNode;\n}\n\nexport class FileManagerFileTypePlugin extends Plugin {\n    public static override readonly type: string = \"admin-file-manager-file-type\";\n    private readonly config: Partial<Config>;\n\n    public constructor(config?: Config) {\n        super();\n        this.config = config || {};\n    }\n\n    get types(): string[] {\n        return this.config.types || [];\n    }\n\n    get actions(): React.ComponentType[] {\n        return this.config.actions || [];\n    }\n\n    public render(params: RenderParams): React.ReactNode {\n        if (!this.config.render) {\n            return null;\n        }\n        return this.config.render(params);\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AACA;AAAyC,IAa5BA,yBAAyB;EAAA;EAAA;EAIlC,mCAAmBC,MAAe,EAAE;IAAA;IAAA;IAChC;IAAQ;IACR,MAAKA,MAAM,GAAGA,MAAM,IAAI,CAAC,CAAC;IAAC;EAC/B;EAAC;IAAA;IAAA,KAED,eAAsB;MAClB,OAAO,IAAI,CAACA,MAAM,CAACC,KAAK,IAAI,EAAE;IAClC;EAAC;IAAA;IAAA,KAED,eAAqC;MACjC,OAAO,IAAI,CAACD,MAAM,CAACE,OAAO,IAAI,EAAE;IACpC;EAAC;IAAA;IAAA,OAED,gBAAcC,MAAoB,EAAmB;MACjD,IAAI,CAAC,IAAI,CAACH,MAAM,CAACI,MAAM,EAAE;QACrB,OAAO,IAAI;MACf;MACA,OAAO,IAAI,CAACJ,MAAM,CAACI,MAAM,CAACD,MAAM,CAAC;IACrC;EAAC;EAAA;AAAA,EAtB0CE,eAAM;AAAA;AAAA,8BAAxCN,yBAAyB,UACa,8BAA8B"}

package/types.d.ts

@@ -2,9 +2,7 @@ import React, { ReactElement } from "react";
 import { Plugin } from "@webiny/plugins/types";
 import { ApolloClient } from "apollo-client";
 import { ItemProps, MenuProps, SectionProps } from "./plugins/MenuPlugin";
-declare type RenderParams = {
-    content: React.ReactNode;
-};
+import { FileItem } from "./components/FileManager/types";
 export declare type AdminGlobalSearchPlugin = Plugin & {
     type: "admin-global-search";
     label: string;
@@ -18,10 +16,6 @@ export declare type AdminGlobalSearchPreventHotkeyPlugin = Plugin & {
     type: "admin-global-search-prevent-hotkey";
     preventOpen(e: React.KeyboardEvent): boolean | void;
 };
-export declare type AdminDrawerFooterMenuPlugin = Plugin & {
-    type: "admin-drawer-footer-menu";
-    render(params: any): React.ReactElement;
-};
 /**
  * LEGACY TYPE. Only for backwards compatibility.
  */
@@ -30,10 +24,6 @@ export declare type AdminMenuLogoPlugin = Plugin & {
     type: "admin-menu-logo";
     render(): React.ReactElement;
 };
-export declare type AdminHeaderUserMenuPlugin = Plugin & {
-    type: "admin-header-user-menu";
-    render(): React.ReactElement;
-};
 /**
  * Enables adding custom menu sections and items in the main menu, located on the left side of the screen.
  * @see https://docs.webiny.com/docs/webiny-apps/admin/development/plugins-reference/app#admin-menu
@@ -47,16 +37,8 @@ export declare type AdminMenuPlugin = Plugin & {
     }): React.ReactNode;
     order?: number;
 };
-/**
- * Enables adding custom header elements to the right side of the top bar.
- * @see https://docs.webiny.com/docs/webiny-apps/admin/development/plugins-reference/app#admin-header-right
- */
-export declare type AdminHeaderRightPlugin = Plugin & {
-    type: "admin-header-right";
-    render(params: RenderParams): React.ReactNode;
-};
 export interface AdminFileManagerFileTypePluginRenderParams {
-    file: string;
+    file: FileItem;
 }
 export declare type AdminFileManagerFileTypePlugin = Plugin & {
     type: "admin-file-manager-file-type";
@@ -78,16 +60,9 @@ export declare type AdminInstallationPlugin = Plugin & {
     dependencies?: string[];
     secure: boolean;
     render(params: AdminInstallationPluginRenderParams): React.ReactNode;
-    upgrades?: {
-        version: string;
-        getComponent(): React.ComponentType<{
-            onInstalled: () => void;
-        }>;
-    }[];
 };
 export declare type AdminAppPermissionRendererPlugin = Plugin & {
     type: "admin-app-permissions-renderer";
     system?: boolean;
     render(params: any): ReactElement;
 };
-export {};

package/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport { Plugin } from \"@webiny/plugins/types\";\nimport { ApolloClient } from \"apollo-client\";\nimport { ItemProps, MenuProps, SectionProps } from \"~/plugins/MenuPlugin\";\n\ntype RenderParams = {\n    content: React.ReactNode;\n};\n\nexport type AdminGlobalSearchPlugin = Plugin & {\n    type: \"admin-global-search\";\n    label: string;\n    route: string;\n    search?: {\n        operator?: \"and\" | \"or\";\n        fields?: Array<string>;\n    };\n};\n\nexport type AdminGlobalSearchPreventHotkeyPlugin = Plugin & {\n    type: \"admin-global-search-prevent-hotkey\";\n    preventOpen(e: React.KeyboardEvent): boolean | void;\n};\n\nexport type AdminDrawerFooterMenuPlugin = Plugin & {\n    type: \"admin-drawer-footer-menu\";\n    render(params: any): React.ReactElement;\n};\n\n/**\n * LEGACY TYPE. Only for backwards compatibility.\n */\nexport type AdminMenuLogoPlugin = Plugin & {\n    name: \"admin-menu-logo\";\n    type: \"admin-menu-logo\";\n    render(): React.ReactElement;\n};\n\nexport type AdminHeaderUserMenuPlugin = Plugin & {\n    type: \"admin-header-user-menu\";\n    render(): React.ReactElement;\n};\n\n/**\n * Enables adding custom menu sections and items in the main menu, located on the left side of the screen.\n * @see https://docs.webiny.com/docs/webiny-apps/admin/development/plugins-reference/app#admin-menu\n */\nexport type AdminMenuPlugin = Plugin & {\n    type: \"admin-menu\";\n    render(props: {\n        Menu: React.ComponentType<MenuProps>;\n        Section: React.ComponentType<SectionProps>;\n        Item: React.ComponentType<ItemProps>;\n    }): React.ReactNode;\n    order?: number;\n};\n\n/**\n * Enables adding custom header elements to the right side of the top bar.\n * @see https://docs.webiny.com/docs/webiny-apps/admin/development/plugins-reference/app#admin-header-right\n */\nexport type AdminHeaderRightPlugin = Plugin & {\n    type: \"admin-header-right\";\n    render(params: RenderParams): React.ReactNode;\n};\n\nexport interface AdminFileManagerFileTypePluginRenderParams {\n    file: string;\n}\nexport type AdminFileManagerFileTypePlugin = Plugin & {\n    type: \"admin-file-manager-file-type\";\n    types: string[];\n    render(params: AdminFileManagerFileTypePluginRenderParams): React.ReactNode;\n    fileDetails?: {\n        actions: Array<React.FC | React.Component>;\n    };\n};\n\nexport interface AdminInstallationPluginRenderParams {\n    onInstalled: () => Promise<void>;\n}\nexport type AdminInstallationPlugin = Plugin & {\n    type: \"admin-installation\";\n    getInstalledVersion(params: { client: ApolloClient<object> }): Promise<string | null>;\n    title: string;\n    dependencies?: string[];\n    secure: boolean;\n    render(params: AdminInstallationPluginRenderParams): React.ReactNode;\n    upgrades?: {\n        version: string;\n        getComponent(): React.ComponentType<{ onInstalled: () => void }>;\n    }[];\n};\n\nexport type AdminAppPermissionRendererPlugin = Plugin & {\n    type: \"admin-app-permissions-renderer\";\n    system?: boolean;\n    render(params: any): ReactElement;\n};\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport { Plugin } from \"@webiny/plugins/types\";\nimport { ApolloClient } from \"apollo-client\";\nimport { ItemProps, MenuProps, SectionProps } from \"~/plugins/MenuPlugin\";\nimport { FileItem } from \"~/components/FileManager/types\";\n\nexport type AdminGlobalSearchPlugin = Plugin & {\n    type: \"admin-global-search\";\n    label: string;\n    route: string;\n    search?: {\n        operator?: \"and\" | \"or\";\n        fields?: Array<string>;\n    };\n};\n\nexport type AdminGlobalSearchPreventHotkeyPlugin = Plugin & {\n    type: \"admin-global-search-prevent-hotkey\";\n    preventOpen(e: React.KeyboardEvent): boolean | void;\n};\n\n/**\n * LEGACY TYPE. Only for backwards compatibility.\n */\nexport type AdminMenuLogoPlugin = Plugin & {\n    name: \"admin-menu-logo\";\n    type: \"admin-menu-logo\";\n    render(): React.ReactElement;\n};\n\n/**\n * Enables adding custom menu sections and items in the main menu, located on the left side of the screen.\n * @see https://docs.webiny.com/docs/webiny-apps/admin/development/plugins-reference/app#admin-menu\n */\nexport type AdminMenuPlugin = Plugin & {\n    type: \"admin-menu\";\n    render(props: {\n        Menu: React.ComponentType<MenuProps>;\n        Section: React.ComponentType<SectionProps>;\n        Item: React.ComponentType<ItemProps>;\n    }): React.ReactNode;\n    order?: number;\n};\n\nexport interface AdminFileManagerFileTypePluginRenderParams {\n    file: FileItem;\n}\nexport type AdminFileManagerFileTypePlugin = Plugin & {\n    type: \"admin-file-manager-file-type\";\n    types: string[];\n    render(params: AdminFileManagerFileTypePluginRenderParams): React.ReactNode;\n    fileDetails?: {\n        actions: Array<React.FC | React.Component>;\n    };\n};\n\nexport interface AdminInstallationPluginRenderParams {\n    onInstalled: () => Promise<void>;\n}\nexport type AdminInstallationPlugin = Plugin & {\n    type: \"admin-installation\";\n    getInstalledVersion(params: { client: ApolloClient<object> }): Promise<string | null>;\n    title: string;\n    dependencies?: string[];\n    secure: boolean;\n    render(params: AdminInstallationPluginRenderParams): React.ReactNode;\n};\n\nexport type AdminAppPermissionRendererPlugin = Plugin & {\n    type: \"admin-app-permissions-renderer\";\n    system?: boolean;\n    render(params: any): ReactElement;\n};\n"],"mappings":""}