@webiny/app-admin 0.0.0-mt-3 → 0.0.0-unstable.2af142b57e

package/components/FileManager/FileManagerView.js.map

@@ -0,0 +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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"}

package/components/FileManager/LeftSidebar.d.ts

@@ -1,8 +1,10 @@
-/// <reference types="react" />
-declare function LeftSidebar({ toggleTag, queryParams: { tags } }: {
-    toggleTag: any;
+import React from "react";
+interface LeftSidebarProps {
+    toggleTag: (item: string) => void;
     queryParams: {
-        tags: any;
+        tags: string[];
+        scope: string;
     };
-}): JSX.Element;
+}
+declare const LeftSidebar: React.FC<LeftSidebarProps>;
 export default LeftSidebar;

package/components/FileManager/LeftSidebar.js

@@ -1,14 +1,23 @@
-import React from "react";
-import { useQuery } from "@apollo/react-hooks";
-import get from "lodash/get";
-import sortBy from "lodash/sortBy";
-import { css } from "emotion";
-import styled from "@emotion/styled";
-import { Icon } from "@webiny/ui/Icon";
-import { ReactComponent as TagIcon } from "@svgr/webpack!./icons/round-label-24px.svg";
-import { LIST_TAGS } from "./graphql";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactHooks = require("@apollo/react-hooks");
+var _get = _interopRequireDefault(require("lodash/get"));
+var _sortBy = _interopRequireDefault(require("lodash/sortBy"));
+var _emotion = require("emotion");
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _Icon = require("@webiny/ui/Icon");
+var _roundLabel24px = require("./icons/round-label-24px.svg");
+var _graphql = require("./graphql");
+var _FileManagerContext = require("./FileManagerContext");
+var _Tags = require("./FileDetails/Tags");
 var style = {
-  leftDrawer: /*#__PURE__*/css({
+  leftDrawer: /*#__PURE__*/(0, _emotion.css)({
     float: "left",
     display: "inline-block",
     width: 250,
@@ -16,20 +25,20 @@ var style = {
     backgroundColor: "var(--mdc-theme-surface)",
     padding: 10
   }, "label:leftDrawer;"),
-  noTagged: /*#__PURE__*/css({
+  noTagged: /*#__PURE__*/(0, _emotion.css)({
     paddingTop: 100,
     textAlign: "center",
     color: "var(--mdc-theme-on-surface)"
   }, "label:noTagged;")
 };
-var TagList = /*#__PURE__*/styled("div", {
+var TagList = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e1tgxgqn0",
   label: "TagList"
 })({
   display: "flex",
   flexDirection: "column"
 });
-var Tag = /*#__PURE__*/styled("div", {
+var Tag = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e1tgxgqn1",
   label: "Tag"
 })({
@@ -53,43 +62,47 @@ var Tag = /*#__PURE__*/styled("div", {
     }
   }
 });
-
-function LeftSidebar(_ref) {
-  var toggleTag = _ref.toggleTag,
-      tags = _ref.queryParams.tags;
+var LeftSidebar = function LeftSidebar(props) {
+  var toggleTag = props.toggleTag,
+    _props$queryParams = props.queryParams,
+    tags = _props$queryParams.tags,
+    scope = _props$queryParams.scope;
   var activeTags = Array.isArray(tags) ? tags : [];
-
-  var _useQuery = useQuery(LIST_TAGS),
-      data = _useQuery.data;
-
-  var list = get(data, "fileManager.listTags") || [];
-
+  var _useQuery = (0, _reactHooks.useQuery)(_graphql.LIST_TAGS, {
+      variables: {
+        where: (0, _FileManagerContext.getWhere)(scope)
+      }
+    }),
+    data = _useQuery.data;
+  var list = (0, _get.default)(data, "fileManager.listTags", []);
   if (list.length === 0) {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: style.leftDrawer,
       "data-testid": "fm.left-drawer.empty-tag"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: style.noTagged
     }, "Once you tag an image, the tag will be displayed here."));
-  } // Sort "tags" list in "ASC" order.
-
-
-  var tagList = sortBy(list);
-  return /*#__PURE__*/React.createElement("div", {
+  }
+  // Sort "tags" list in "ASC" order.
+  var tagList = (0, _sortBy.default)(list);
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: style.leftDrawer
-  }, /*#__PURE__*/React.createElement(TagList, {
+  }, /*#__PURE__*/_react.default.createElement(TagList, {
     "data-testid": "fm.left-drawer.tag-list"
-  }, tagList.map(function (item, index) {
-    return /*#__PURE__*/React.createElement(Tag, {
-      className: activeTags.includes(item) && "active",
+  }, tagList.filter(function (tag) {
+    return tag !== scope;
+  }).map(function (item, index) {
+    var className = activeTags.includes(item) ? "active" : "";
+    return /*#__PURE__*/_react.default.createElement(Tag, {
+      className: className,
       key: item + index,
       onClick: function onClick() {
         return toggleTag(item);
       }
-    }, /*#__PURE__*/React.createElement(Icon, {
-      icon: /*#__PURE__*/React.createElement(TagIcon, null)
-    }), " ", item);
+    }, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+      icon: /*#__PURE__*/_react.default.createElement(_roundLabel24px.ReactComponent, null)
+    }), " ", (0, _Tags.formatTagAsLabel)(item, scope));
   })));
-}
-
-export default LeftSidebar;
+};
+var _default = LeftSidebar;
+exports.default = _default;

package/components/FileManager/LeftSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["style","leftDrawer","css","float","display","width","height","backgroundColor","padding","noTagged","paddingTop","textAlign","color","TagList","styled","flexDirection","Tag","alignItems","cursor","paddingLeft","svg","marginRight","LeftSidebar","props","toggleTag","queryParams","tags","scope","activeTags","Array","isArray","useQuery","LIST_TAGS","variables","where","getWhere","data","list","get","length","tagList","sortBy","filter","tag","map","item","index","className","includes","formatTagAsLabel"],"sources":["LeftSidebar.tsx"],"sourcesContent":["import React from \"react\";\nimport { useQuery } from \"@apollo/react-hooks\";\nimport get from \"lodash/get\";\nimport sortBy from \"lodash/sortBy\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { ReactComponent as TagIcon } from \"./icons/round-label-24px.svg\";\nimport { LIST_TAGS } from \"./graphql\";\nimport { getWhere } from \"./FileManagerContext\";\nimport { formatTagAsLabel } from \"./FileDetails/Tags\";\n\nconst style = {\n    leftDrawer: css({\n        float: \"left\",\n        display: \"inline-block\",\n        width: 250,\n        height: \"100%\",\n        backgroundColor: \"var(--mdc-theme-surface)\",\n        padding: 10\n    }),\n    noTagged: css({\n        paddingTop: 100,\n        textAlign: \"center\",\n        color: \"var(--mdc-theme-on-surface)\"\n    })\n};\n\nconst TagList = styled(\"div\")({\n    display: \"flex\",\n    flexDirection: \"column\"\n});\n\nconst Tag = styled(\"div\")({\n    display: \"flex\",\n    flexDirection: \"row\",\n    height: 40,\n    alignItems: \"center\",\n    cursor: \"pointer\",\n    paddingLeft: 15,\n    color: \"var(--mdc-theme-on-surface)\",\n    svg: {\n        color: \"var(--mdc-theme-on-surface)\",\n        marginRight: 10\n    },\n    \"&:hover\": {\n        backgroundColor: \"var(--mdc-theme-background)\"\n    },\n    \"&.active\": {\n        svg: {\n            color: \"var(--mdc-theme-secondary)\"\n        }\n    }\n});\n\ninterface LeftSidebarProps {\n    toggleTag: (item: string) => void;\n    queryParams: {\n        tags: string[];\n        scope: string;\n    };\n}\nconst LeftSidebar: React.FC<LeftSidebarProps> = props => {\n    const {\n        toggleTag,\n        queryParams: { tags, scope }\n    } = props;\n    const activeTags = Array.isArray(tags) ? tags : [];\n\n    const { data } = useQuery(LIST_TAGS, { variables: { where: getWhere(scope) } });\n\n    const list = get(data, \"fileManager.listTags\", []);\n\n    if (list.length === 0) {\n        return (\n            <div className={style.leftDrawer} data-testid={\"fm.left-drawer.empty-tag\"}>\n                <div className={style.noTagged}>\n                    Once you tag an image, the tag will be displayed here.\n                </div>\n            </div>\n        );\n    }\n    // Sort \"tags\" list in \"ASC\" order.\n    const tagList = sortBy(list);\n\n    return (\n        <div className={style.leftDrawer}>\n            <TagList data-testid={\"fm.left-drawer.tag-list\"}>\n                {tagList\n                    .filter(tag => tag !== scope)\n                    .map((item, index) => {\n                        const className = activeTags.includes(item) ? \"active\" : \"\";\n                        return (\n                            <Tag\n                                className={className}\n                                key={item + index}\n                                onClick={() => toggleTag(item)}\n                            >\n                                <Icon icon={<TagIcon />} /> {formatTagAsLabel(item, scope)}\n                            </Tag>\n                        );\n                    })}\n            </TagList>\n        </div>\n    );\n};\n\nexport default LeftSidebar;\n"],"mappings":"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"}

package/components/FileManager/NoPermissionView.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const NoPermissionView: () => JSX.Element;
+import React from "react";
+declare const NoPermissionView: React.FC;
 export default NoPermissionView;

package/components/FileManager/NoPermissionView.js

@@ -1,15 +1,20 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _emotion = require("emotion");
+var _Icon = require("@webiny/ui/Icon");
+var _i18n = require("@webiny/app/i18n");
+var _privacy_tip24px = require("./icons/privacy_tip-24px.svg");
+var _Typography = require("@webiny/ui/Typography");
 var _templateObject, _templateObject2;
-
-import React from "react";
-import { css } from "emotion";
-import { Icon } from "@webiny/ui/Icon";
-import { i18n } from "@webiny/app/i18n";
-import { ReactComponent as PermissionIcon } from "@svgr/webpack!./icons/privacy_tip-24px.svg";
-import { Typography } from "@webiny/ui/Typography";
-var t = i18n.ns("app-admin/file-manager/file-manager-view/no-permission");
-var styles = /*#__PURE__*/css({
+var t = _i18n.i18n.ns("app-admin/file-manager/file-manager-view/no-permission");
+var styles = /*#__PURE__*/(0, _emotion.css)({
   margin: "0 auto",
   paddingTop: 0,
   height: "100%",
@@ -48,23 +53,22 @@ var styles = /*#__PURE__*/css({
     }
   }
 }, "label:styles;");
-
 var NoPermissionView = function NoPermissionView() {
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: styles
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "outer-container"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "inner-container"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    icon: /*#__PURE__*/React.createElement(PermissionIcon, null)
-  }), /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    icon: /*#__PURE__*/_react.default.createElement(_privacy_tip24px.ReactComponent, null)
+  }), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     className: "title",
     use: "subtitle1"
-  }, t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Permission needed"])))), /*#__PURE__*/React.createElement(Typography, {
+  }, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Permission needed"])))), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     className: "body",
     use: "body2"
-  }, t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["You're missing required permission to access files. Please contact the administrator."])))))));
+  }, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["You're missing required permission to access files. Please contact the administrator."])))))));
 };
-
-export default NoPermissionView;
+var _default = NoPermissionView;
+exports.default = _default;

package/components/FileManager/NoPermissionView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","styles","css","margin","paddingTop","height","zIndex","width","position","backgroundColor","textAlign","borderRadius","left","top","transform","display","flexDirection","alignItems","color","marginTop","NoPermissionView"],"sources":["NoPermissionView.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as PermissionIcon } from \"./icons/privacy_tip-24px.svg\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nconst t = i18n.ns(\"app-admin/file-manager/file-manager-view/no-permission\");\n\nconst styles = css({\n    margin: \"0 auto\",\n    paddingTop: 0,\n    height: \"100%\",\n    zIndex: 2,\n    width: \"100%\",\n    position: \"absolute\",\n    backgroundColor: \"transparent\",\n    \"& .outer-container\": {\n        textAlign: \"center\",\n        width: 300,\n        height: 300,\n        backgroundColor: \"var(--mdc-theme-surface)\",\n        borderRadius: \"50%\",\n        position: \"absolute\",\n        left: \"50%\",\n        top: \"50%\",\n        transform: \"translateX(-50%) translateY(-100%)\",\n        \"& .inner-container\": {\n            display: \"flex\",\n            flexDirection: \"column\",\n            alignItems: \"center\",\n            paddingTop: 35,\n            width: 300,\n            color: \"var(--mdc-theme-on-surface)\",\n            \"svg.mdc-button__icon\": {\n                width: 100,\n                display: \"inline-block\",\n                color: \"var(--mdc-theme-on-surface)\"\n            },\n            \"& .title\": {\n                marginTop: 8\n            },\n            \"& .body\": {\n                color: \"var(--mdc-theme-text-secondary-on-background)\"\n            }\n        }\n    }\n});\n\nconst NoPermissionView: React.FC = () => {\n    return (\n        <div className={styles}>\n            <div className={\"outer-container\"}>\n                <div className={\"inner-container\"}>\n                    <Icon icon={<PermissionIcon />} />\n                    <Typography\n                        className={\"title\"}\n                        use={\"subtitle1\"}\n                    >{t`Permission needed`}</Typography>\n                    <Typography className={\"body\"} use={\"body2\"}>\n                        {t`You're missing required permission to access files. Please contact the administrator.`}\n                    </Typography>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default NoPermissionView;\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAAmD;AAEnD,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,wDAAwD,CAAC;AAE3E,IAAMC,MAAM,gBAAG,IAAAC,YAAG,EAAC;EACfC,MAAM,EAAE,QAAQ;EAChBC,UAAU,EAAE,CAAC;EACbC,MAAM,EAAE,MAAM;EACdC,MAAM,EAAE,CAAC;EACTC,KAAK,EAAE,MAAM;EACbC,QAAQ,EAAE,UAAU;EACpBC,eAAe,EAAE,aAAa;EAC9B,oBAAoB,EAAE;IAClBC,SAAS,EAAE,QAAQ;IACnBH,KAAK,EAAE,GAAG;IACVF,MAAM,EAAE,GAAG;IACXI,eAAe,EAAE,0BAA0B;IAC3CE,YAAY,EAAE,KAAK;IACnBH,QAAQ,EAAE,UAAU;IACpBI,IAAI,EAAE,KAAK;IACXC,GAAG,EAAE,KAAK;IACVC,SAAS,EAAE,oCAAoC;IAC/C,oBAAoB,EAAE;MAClBC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE,QAAQ;MACvBC,UAAU,EAAE,QAAQ;MACpBb,UAAU,EAAE,EAAE;MACdG,KAAK,EAAE,GAAG;MACVW,KAAK,EAAE,6BAA6B;MACpC,sBAAsB,EAAE;QACpBX,KAAK,EAAE,GAAG;QACVQ,OAAO,EAAE,cAAc;QACvBG,KAAK,EAAE;MACX,CAAC;MACD,UAAU,EAAE;QACRC,SAAS,EAAE;MACf,CAAC;MACD,SAAS,EAAE;QACPD,KAAK,EAAE;MACX;IACJ;EACJ;AACJ,CAAC,kBAAC;AAEF,IAAME,gBAA0B,GAAG,SAA7BA,gBAA0B,GAAS;EACrC,oBACI;IAAK,SAAS,EAAEnB;EAAO,gBACnB;IAAK,SAAS,EAAE;EAAkB,gBAC9B;IAAK,SAAS,EAAE;EAAkB,gBAC9B,6BAAC,UAAI;IAAC,IAAI,eAAE,6BAAC,+BAAc;EAAI,EAAG,eAClC,6BAAC,sBAAU;IACP,SAAS,EAAE,OAAQ;IACnB,GAAG,EAAE;EAAY,GACnBH,CAAC,qGAAiC,eACpC,6BAAC,sBAAU;IAAC,SAAS,EAAE,MAAO;IAAC,GAAG,EAAE;EAAQ,GACvCA,CAAC,2KACO,CACX,CACJ,CACJ;AAEd,CAAC;AAAC,eAEasB,gBAAgB;AAAA"}

package/components/FileManager/NoResults.d.ts

@@ -1,2 +1,3 @@
-/// <reference types="react" />
-export default function DropFilesHere(): JSX.Element;
+import React from "react";
+declare const DropFilesHere: React.FC;
+export default DropFilesHere;

package/components/FileManager/NoResults.js

@@ -1,13 +1,22 @@
-import React from "react";
-import { css } from "emotion";
-var styles = /*#__PURE__*/css({
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _emotion = require("emotion");
+var styles = /*#__PURE__*/(0, _emotion.css)({
   padding: "100px 0px",
   textAlign: "center",
   position: "absolute",
   width: "100%"
 }, "label:styles;");
-export default function DropFilesHere() {
-  return /*#__PURE__*/React.createElement("div", {
+var DropFilesHere = function DropFilesHere() {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: styles
-  }, /*#__PURE__*/React.createElement("div", null, "No results found."));
-}
+  }, /*#__PURE__*/_react.default.createElement("div", null, "No results found."));
+};
+var _default = DropFilesHere;
+exports.default = _default;

package/components/FileManager/NoResults.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styles","css","padding","textAlign","position","width","DropFilesHere"],"sources":["NoResults.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\n\nconst styles = css({\n    padding: \"100px 0px\",\n    textAlign: \"center\",\n    position: \"absolute\",\n    width: \"100%\"\n});\n\nconst DropFilesHere: React.FC = () => {\n    return (\n        <div className={styles}>\n            <div>No results found.</div>\n        </div>\n    );\n};\nexport default DropFilesHere;\n"],"mappings":";;;;;;;AAAA;AACA;AAEA,IAAMA,MAAM,gBAAG,IAAAC,YAAG,EAAC;EACfC,OAAO,EAAE,WAAW;EACpBC,SAAS,EAAE,QAAQ;EACnBC,QAAQ,EAAE,UAAU;EACpBC,KAAK,EAAE;AACX,CAAC,kBAAC;AAEF,IAAMC,aAAuB,GAAG,SAA1BA,aAAuB,GAAS;EAClC,oBACI;IAAK,SAAS,EAAEN;EAAO,gBACnB,0CAAK,mBAAiB,CAAM,CAC1B;AAEd,CAAC;AAAC,eACaM,aAAa;AAAA"}

package/components/FileManager/getFileTypePlugin.d.ts

@@ -1 +1,4 @@
-export default function getFileTypePlugin(file: any): any;
+import { AdminFileManagerFileTypePlugin } from "../../types";
+import { FileManagerFileTypePlugin } from "../../plugins/FileManagerFileTypePlugin";
+import { FileItem } from "./types";
+export default function getFileTypePlugin(file: FileItem): AdminFileManagerFileTypePlugin | FileManagerFileTypePlugin | null;

package/components/FileManager/getFileTypePlugin.js

@@ -1,27 +1,51 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import invariant from "invariant";
-import minimatch from "minimatch";
-import { plugins } from "@webiny/plugins";
-import { FileManagerFileTypePlugin } from "../../plugins/FileManagerFileTypePlugin";
-export default function getFileTypePlugin(file) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getFileTypePlugin;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _invariant = _interopRequireDefault(require("invariant"));
+var _minimatch = _interopRequireDefault(require("minimatch"));
+var _plugins = require("@webiny/plugins");
+var _FileManagerFileTypePlugin = require("../../plugins/FileManagerFileTypePlugin");
+function getFileTypePlugin(file) {
   if (!file) {
     return null;
   }
+  var fileTypePlugins = [].concat((0, _toConsumableArray2.default)(_plugins.plugins.byType("admin-file-manager-file-type")), (0, _toConsumableArray2.default)(_plugins.plugins.byType(_FileManagerFileTypePlugin.FileManagerFileTypePlugin.type))).filter(function (value, index, self) {
+    return self.indexOf(value) === index;
+  });
 
-  var fileTypePlugins = [].concat(_toConsumableArray(plugins.byType("admin-file-manager-file-type")), _toConsumableArray(plugins.byType(FileManagerFileTypePlugin.type)));
-  var plugin = null;
-
-  for (var i = 0; i < fileTypePlugins.length; i++) {
-    // We don't want to include the global wildcard in this check.
-    var types = fileTypePlugins[i].types;
+  // Group by types, but only one plugin per group. Last in wins. This allows you to add plugins to the system
+  // and not worry about the order of plugin registration.
+  var byTypes = fileTypePlugins.reduce(function (acc, plugin) {
+    plugin.types.forEach(function (type) {
+      return acc[type] = plugin;
+    });
+    return acc;
+  }, {});
 
-    if (types.find(function (t) {
-      return minimatch(file.type, t);
-    })) {
-      plugin = fileTypePlugins[i];
+  // Sort by type and by priority. More occurrences of `*` means lower priority.
+  var regExMatch = /\*/g;
+  var types = Object.keys(byTypes).sort(function (a, b) {
+    var countA = (a.match(regExMatch) || []).length;
+    var countB = (b.match(regExMatch) || []).length;
+    if (countB > countA) {
+      return -1;
+    } else if (countB < countA) {
+      return 1;
     }
-  }
+    return 0;
+  });
+
+  // Find first matching type
+  var type = types.find(function (type) {
+    return (0, _minimatch.default)(file.type, type);
+  });
+  (0, _invariant.default)(type, "Missing plugin to handle \"".concat(file.type, "\"!"));
 
-  invariant(plugin, "Missing plugin to handle \"".concat(file.type, "\"!"));
-  return plugin;
+  // return the plugin
+  return byTypes[type];
 }

package/components/FileManager/getFileTypePlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getFileTypePlugin","file","fileTypePlugins","plugins","byType","FileManagerFileTypePlugin","type","filter","value","index","self","indexOf","byTypes","reduce","acc","plugin","types","forEach","regExMatch","Object","keys","sort","a","b","countA","match","length","countB","find","minimatch","invariant"],"sources":["getFileTypePlugin.ts"],"sourcesContent":["import invariant from \"invariant\";\nimport minimatch from \"minimatch\";\nimport { plugins } from \"@webiny/plugins\";\nimport { AdminFileManagerFileTypePlugin } from \"~/types\";\nimport { FileManagerFileTypePlugin } from \"~/plugins/FileManagerFileTypePlugin\";\nimport { FileItem } from \"./types\";\n\nexport default function getFileTypePlugin(\n    file: FileItem\n): AdminFileManagerFileTypePlugin | FileManagerFileTypePlugin | null {\n    if (!file) {\n        return null;\n    }\n\n    const fileTypePlugins = [\n        ...plugins.byType<AdminFileManagerFileTypePlugin>(\"admin-file-manager-file-type\"),\n        ...plugins.byType<FileManagerFileTypePlugin>(FileManagerFileTypePlugin.type)\n    ].filter((value, index, self) => self.indexOf(value) === index);\n\n    // Group by types, but only one plugin per group. Last in wins. This allows you to add plugins to the system\n    // and not worry about the order of plugin registration.\n    const byTypes = fileTypePlugins.reduce<\n        Record<string, AdminFileManagerFileTypePlugin | FileManagerFileTypePlugin>\n    >((acc, plugin) => {\n        plugin.types.forEach(type => (acc[type] = plugin));\n        return acc;\n    }, {});\n\n    // Sort by type and by priority. More occurrences of `*` means lower priority.\n    const regExMatch = /\\*/g;\n    const types = Object.keys(byTypes).sort((a, b) => {\n        const countA = (a.match(regExMatch) || []).length;\n        const countB = (b.match(regExMatch) || []).length;\n        if (countB > countA) {\n            return -1;\n        } else if (countB < countA) {\n            return 1;\n        }\n        return 0;\n    });\n\n    // Find first matching type\n    const type = types.find(type => minimatch(file.type, type));\n\n    invariant(type, `Missing plugin to handle \"${file.type}\"!`);\n\n    // return the plugin\n    return byTypes[type];\n}\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AAEA;AAGe,SAASA,iBAAiB,CACrCC,IAAc,EACmD;EACjE,IAAI,CAACA,IAAI,EAAE;IACP,OAAO,IAAI;EACf;EAEA,IAAMC,eAAe,GAAG,2CACjBC,gBAAO,CAACC,MAAM,CAAiC,8BAA8B,CAAC,oCAC9ED,gBAAO,CAACC,MAAM,CAA4BC,oDAAyB,CAACC,IAAI,CAAC,GAC9EC,MAAM,CAAC,UAACC,KAAK,EAAEC,KAAK,EAAEC,IAAI;IAAA,OAAKA,IAAI,CAACC,OAAO,CAACH,KAAK,CAAC,KAAKC,KAAK;EAAA,EAAC;;EAE/D;EACA;EACA,IAAMG,OAAO,GAAGV,eAAe,CAACW,MAAM,CAEpC,UAACC,GAAG,EAAEC,MAAM,EAAK;IACfA,MAAM,CAACC,KAAK,CAACC,OAAO,CAAC,UAAAX,IAAI;MAAA,OAAKQ,GAAG,CAACR,IAAI,CAAC,GAAGS,MAAM;IAAA,CAAC,CAAC;IAClD,OAAOD,GAAG;EACd,CAAC,EAAE,CAAC,CAAC,CAAC;;EAEN;EACA,IAAMI,UAAU,GAAG,KAAK;EACxB,IAAMF,KAAK,GAAGG,MAAM,CAACC,IAAI,CAACR,OAAO,CAAC,CAACS,IAAI,CAAC,UAACC,CAAC,EAAEC,CAAC,EAAK;IAC9C,IAAMC,MAAM,GAAG,CAACF,CAAC,CAACG,KAAK,CAACP,UAAU,CAAC,IAAI,EAAE,EAAEQ,MAAM;IACjD,IAAMC,MAAM,GAAG,CAACJ,CAAC,CAACE,KAAK,CAACP,UAAU,CAAC,IAAI,EAAE,EAAEQ,MAAM;IACjD,IAAIC,MAAM,GAAGH,MAAM,EAAE;MACjB,OAAO,CAAC,CAAC;IACb,CAAC,MAAM,IAAIG,MAAM,GAAGH,MAAM,EAAE;MACxB,OAAO,CAAC;IACZ;IACA,OAAO,CAAC;EACZ,CAAC,CAAC;;EAEF;EACA,IAAMlB,IAAI,GAAGU,KAAK,CAACY,IAAI,CAAC,UAAAtB,IAAI;IAAA,OAAI,IAAAuB,kBAAS,EAAC5B,IAAI,CAACK,IAAI,EAAEA,IAAI,CAAC;EAAA,EAAC;EAE3D,IAAAwB,kBAAS,EAACxB,IAAI,uCAA+BL,IAAI,CAACK,IAAI,SAAK;;EAE3D;EACA,OAAOM,OAAO,CAACN,IAAI,CAAC;AACxB"}

package/components/FileManager/getFileUploader.d.ts

@@ -1,2 +1,3 @@
-declare const _default: () => (file: File, options: import("@webiny/app/types").UploadOptions) => Promise<any>;
+import { AppFileManagerStoragePlugin } from "@webiny/app/types";
+declare const _default: () => AppFileManagerStoragePlugin["upload"];
 export default _default;

package/components/FileManager/getFileUploader.js

@@ -1,10 +1,15 @@
-import { plugins } from "@webiny/plugins";
-export default (function () {
-  var fileStoragePlugin = plugins.byName("app-file-manager-storage");
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _plugins = require("@webiny/plugins");
+var _default = function _default() {
+  var fileStoragePlugin = _plugins.plugins.byName("app-file-manager-storage");
   if (!fileStoragePlugin) {
     throw Error('Missing plugin: "app-file-manager-storage".');
   }
-
   return fileStoragePlugin.upload;
-});
+};
+exports.default = _default;

package/components/FileManager/getFileUploader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["fileStoragePlugin","plugins","byName","Error","upload"],"sources":["getFileUploader.ts"],"sourcesContent":["import { plugins } from \"@webiny/plugins\";\nimport { AppFileManagerStoragePlugin } from \"@webiny/app/types\";\n\nexport default (): AppFileManagerStoragePlugin[\"upload\"] => {\n    const fileStoragePlugin = plugins.byName<AppFileManagerStoragePlugin>(\n        \"app-file-manager-storage\"\n    );\n\n    if (!fileStoragePlugin) {\n        throw Error('Missing plugin: \"app-file-manager-storage\".');\n    }\n\n    return fileStoragePlugin.upload;\n};\n"],"mappings":";;;;;;AAAA;AAA0C,eAG3B,oBAA6C;EACxD,IAAMA,iBAAiB,GAAGC,gBAAO,CAACC,MAAM,CACpC,0BAA0B,CAC7B;EAED,IAAI,CAACF,iBAAiB,EAAE;IACpB,MAAMG,KAAK,CAAC,6CAA6C,CAAC;EAC9D;EAEA,OAAOH,iBAAiB,CAACI,MAAM;AACnC,CAAC;AAAA"}

package/components/FileManager/graphql.d.ts

@@ -1,6 +1,96 @@
+import { FileItem } from "./types";
+/**
+ * ##################
+ * List Files Query Response
+ */
+export interface ListFilesListFilesResponse {
+    data: FileItem[];
+    error?: Error | null;
+    meta: {
+        hasMoreItems: boolean;
+        totalItem: number;
+        cursor: string | null;
+    };
+}
+export interface ListFilesQueryResponse {
+    fileManager: {
+        listFiles: ListFilesListFilesResponse;
+    };
+}
+export interface ListFilesQueryVariables {
+    types?: string[];
+    tags?: string[];
+    limit?: number;
+    search?: string;
+    after?: string;
+}
 export declare const LIST_FILES: import("graphql").DocumentNode;
+/**
+ * ##################
+ * List File Tags Query Response
+ */
+export interface ListFileTagsQueryResponse {
+    fileManager: {
+        listTags: string[];
+        error: Error | null;
+    };
+}
 export declare const LIST_TAGS: import("graphql").DocumentNode;
+/**
+ * ##################
+ * Create File Mutation Response
+ */
+export interface CreateFileMutationResponse {
+    fileManager: {
+        createFile: {
+            data: FileItem;
+            error?: Error | null;
+        };
+    };
+}
+export interface FileInput {
+    key: string;
+    name: string;
+    size: number;
+    type: string;
+    tags: string;
+    meta: Record<string, any>;
+}
+export interface CreateFileMutationVariables {
+    data: FileInput;
+}
 export declare const CREATE_FILE: import("graphql").DocumentNode;
+/**
+ * ##################
+ * Update File Mutation Response
+ */
+export interface UpdateFileMutationResponse {
+    fileManager: {
+        updateFile: {
+            data: FileItem;
+            error?: Error | null;
+        };
+    };
+}
+export interface UpdateFileMutationVariables {
+    id: string;
+    data: Partial<FileInput>;
+}
 export declare const UPDATE_FILE: import("graphql").DocumentNode;
+/**
+ * ##################
+ * Delete File Mutation Response
+ */
+export interface DeleteFileMutationResponse {
+    fileManager: {
+        updateFile: {
+            data: boolean;
+            error?: Error | null;
+        };
+    };
+}
+export interface DeleteFileMutationVariables {
+    id: string;
+}
 export declare const DELETE_FILE: import("graphql").DocumentNode;
 export declare const GET_FILE_SETTINGS: import("graphql").DocumentNode;