@webiny/app-file-manager 5.36.2 → 5.37.0-beta.1

package/modules/FileManagerRenderer/DefaultRenderer/FileManagerView.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["t","i18n","ns","InputSearch","styled","backgroundColor","position","height","padding","width","borderRadius","border","fontSize","marginLeft","outline","color","searchIcon","css","left","top","FileListWrapper","float","display","FileList","gridTemplateColumns","marginBottom","renderFile","props","file","plugin","getFileTypePlugin","id","render","FileManagerView","onClose","onChange","accept","multiple","onUploadCompletion","useFileManagerView","files","loadingFiles","loadMore","selected","toggleSelected","dragging","setDragging","showFileDetails","hideFileDetails","showingFileDetails","queryParams","setQueryParams","hasPreviouslyUploadedFiles","setHasPreviouslyUploadedFiles","uploadFile","settings","useState","BatchFileUploader","uploader","fileManager","useFileManagerApi","useSnackbar","showSnackbar","searchOnChange","useCallback","debounce","search","toggleTag","tag","finalTags","Array","isArray","tags","includes","splice","indexOf","push","getFileUploadErrorMessage","e","match","message","useHotkeys","zIndex","keys","esc","searchInput","useRef","refreshOnScroll","scrollFrame","uploadFiles","addFiles","onUploadFinished","uploaded","errors","reset","length","setTimeout","map","name","renderUploadFileAction","browseFiles","canCreate","filesBeingUploaded","getJobs","progress","uploadMaxFileSize","filesToUpload","src","filter","Boolean","console","log","outputFileSelectionError","getDropZoneProps","onDragEnter","onExited","target","value","canRead","find","item","opacity","some","current","onSelect","defaultProps","observer"],"sources":["FileManagerView.tsx"],"sourcesContent":["import React, { useRef, useCallback, useState } from \"react\";\nimport Files from \"react-butterfiles\";\nimport { observer } from \"mobx-react-lite\";\nimport { css } from \"emotion\";\nimport debounce from \"lodash/debounce\";\nimport styled from \"@emotion/styled\";\n// @ts-ignore\nimport { useHotkeys } from \"react-hotkeyz\";\nimport { FilesRules } from \"react-butterfiles\";\nimport { ReactComponent as SearchIcon } from \"@material-design-icons/svg/outlined/search.svg\";\nimport { ReactComponent as UploadIcon } from \"@material-design-icons/svg/filled/cloud_upload.svg\";\nimport { ButtonPrimary, ButtonIcon } from \"@webiny/ui/Button\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { Scrollbar } from \"@webiny/ui/Scrollbar\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { FileItem } from \"@webiny/app-admin/types\";\nimport { OverlayLayout, useSnackbar } from \"@webiny/app-admin\";\nimport FileThumbnail, { FileProps } from \"./File\";\nimport getFileTypePlugin from \"~/getFileTypePlugin\";\nimport { outputFileSelectionError } from \"./outputFileSelectionError\";\nimport DropFilesHere from \"./DropFilesHere\";\nimport { FileDetails } from \"~/components/FileDetails\";\nimport LeftSidebar from \"./LeftSidebar\";\nimport BottomInfoBar from \"./BottomInfoBar\";\nimport { useFileManagerApi, useFileManagerView } from \"~/index\";\nimport { EmptyView } from \"./EmptyView\";\nimport UploadStatus from \"~/modules/FileManagerRenderer/DefaultRenderer/BottomInfoBar/UploadStatus\";\nimport SupportedFileTypes from \"~/modules/FileManagerRenderer/DefaultRenderer/BottomInfoBar/SupportedFileTypes\";\nimport { BatchFileUploader } from \"~/BatchFileUploader\";\n\nconst t = i18n.ns(\"app-admin/file-manager/file-manager-view\");\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}\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        <FileThumbnail {...props} key={file.id}>\n            {plugin.render({\n                /**\n                 * TODO @ts-refactor\n                 */\n                // @ts-ignore\n                file\n            })}\n        </FileThumbnail>\n    );\n};\n\ninterface RefreshOnScrollParams {\n    loadMore: () => void;\n    scrollFrame: {\n        top: number;\n    };\n}\n\nconst FileManagerView: React.FC<FileManagerViewProps> = props => {\n    const { onClose, onChange, accept, multiple = false, onUploadCompletion } = props;\n\n    const {\n        files,\n        loadingFiles,\n        loadMore,\n        selected,\n        toggleSelected,\n        dragging,\n        setDragging,\n        showFileDetails,\n        hideFileDetails,\n        showingFileDetails,\n        queryParams,\n        setQueryParams,\n        hasPreviouslyUploadedFiles,\n        setHasPreviouslyUploadedFiles,\n        uploadFile,\n        settings\n    } = useFileManagerView();\n\n    const [uploader] = useState<BatchFileUploader>(() => new BatchFileUploader(uploadFile));\n    const fileManager = useFileManagerApi();\n    const { showSnackbar } = useSnackbar();\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    useHotkeys({\n        zIndex: 50,\n        keys: {\n            esc: onClose\n        }\n    });\n\n    const searchInput = useRef<HTMLInputElement>(null);\n\n    const refreshOnScroll = useCallback(\n        debounce(({ scrollFrame, loadMore }: RefreshOnScrollParams) => {\n            if (scrollFrame.top > 0.9) {\n                loadMore();\n            }\n        }, 500),\n        [loadMore]\n    );\n\n    const uploadFiles = async (files: File[]) => {\n        uploader.addFiles(files);\n\n        uploader.onUploadFinished(({ uploaded, errors }) => {\n            uploader.reset();\n\n            if (!hasPreviouslyUploadedFiles) {\n                setHasPreviouslyUploadedFiles(true);\n            }\n\n            if (errors.length > 0) {\n                // We wait 750ms, just for everything to settle down a bit.\n                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                }, 750);\n\n                return;\n            }\n\n            // We wait 750ms, just for everything to settle down a bit.\n            setTimeout(() => showSnackbar(t`File upload complete.`), 750);\n\n            if (typeof onUploadCompletion === \"function\") {\n                // We wait 750ms, just for everything to settle down a bit.\n                setTimeout(() => {\n                    onUploadCompletion(uploaded);\n                    onClose && onClose();\n                }, 750);\n            }\n        });\n    };\n\n    const renderUploadFileAction = useCallback(\n        ({ browseFiles }) => {\n            if (!fileManager.canCreate) {\n                return null;\n            }\n            return (\n                <ButtonPrimary onClick={browseFiles}>\n                    <ButtonIcon icon={<UploadIcon />} />\n                    {t`Upload...`}\n                </ButtonPrimary>\n            );\n        },\n        [fileManager.canCreate]\n    );\n\n    const filesBeingUploaded = uploader.getJobs().length;\n    const progress = uploader.progress;\n\n    return (\n        <Files\n            multiple\n            maxSize={settings ? settings.uploadMaxFileSize + \"b\" : \"1TB\"}\n            multipleMaxSize={\"1TB\"}\n            accept={accept}\n            onSuccess={files => {\n                const filesToUpload = files.map(file => file.src.file).filter(Boolean) as File[];\n                uploadFiles(filesToUpload);\n            }}\n            onError={errors => {\n                console.log(\"onError\", errors);\n                const message = outputFileSelectionError(errors);\n                showSnackbar(message);\n            }}\n        >\n            {({ getDropZoneProps, browseFiles }) => (\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={!fileManager.canRead}\n                                data-testid={\"file-manager.search-input\"}\n                            />\n                        </InputSearch>\n                    }\n                    barRight={\n                        selected.length > 0 ? (\n                            <ButtonPrimary\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                                onDragLeave={() => setDragging(false)}\n                                onDrop={() => setDragging(false)}\n                            />\n                        )}\n\n                        {showingFileDetails ? (\n                            <FileDetails\n                                file={files.find(item => item.id === showingFileDetails)!}\n                                onClose={hideFileDetails}\n                                open={Boolean(showingFileDetails)}\n                                loading={false} // We don't need to show the loader here\n                            />\n                        ) : null}\n\n                        <LeftSidebar toggleTag={tag => toggleTag({ tag, queryParams })} />\n\n                        <FileListWrapper data-testid={\"fm-list-wrapper\"}>\n                            {loadingFiles && (\n                                <CircularProgress\n                                    label={t`Loading Files...`}\n                                    style={{ opacity: 1 }}\n                                />\n                            )}\n                            <Scrollbar\n                                onScrollFrame={scrollFrame =>\n                                    refreshOnScroll({ scrollFrame, loadMore })\n                                }\n                            >\n                                <FileList>\n                                    {files.length ? (\n                                        files.map(file =>\n                                            renderFile({\n                                                file,\n                                                showFileDetails: () => showFileDetails(file.id),\n                                                selected: selected.some(\n                                                    current => 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                                    ) : (\n                                        <EmptyView browseFiles={browseFiles} />\n                                    )}\n                                </FileList>\n                            </Scrollbar>\n                            <BottomInfoBar>\n                                <SupportedFileTypes accept={accept} />\n                                {filesBeingUploaded > 0 && (\n                                    <UploadStatus\n                                        numberOfFiles={filesBeingUploaded}\n                                        progress={progress}\n                                    />\n                                )}\n                            </BottomInfoBar>\n                        </FileListWrapper>\n                    </>\n                </OverlayLayout>\n            )}\n        </Files>\n    );\n};\n\nFileManagerView.defaultProps = {\n    multiple: false\n};\n\nexport default observer(FileManagerView);\n"],"mappings":"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"}

package/modules/FileManagerRenderer/DefaultRenderer/LeftSidebar.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-interface LeftSidebarProps {
-    toggleTag: (item: string) => void;
-}
-declare const LeftSidebar: ({ toggleTag }: LeftSidebarProps) => JSX.Element;
-export default LeftSidebar;

package/modules/FileManagerRenderer/DefaultRenderer/LeftSidebar.js

@@ -1,96 +0,0 @@
-"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 _sortBy = _interopRequireDefault(require("lodash/sortBy"));
-var _emotion = require("emotion");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _Icon = require("@webiny/ui/Icon");
-var _label = require("@material-design-icons/svg/outlined/label.svg");
-var _ = require("../../..");
-var style = {
-  leftDrawer: /*#__PURE__*/(0, _emotion.css)({
-    float: "left",
-    display: "inline-block",
-    width: 250,
-    height: "100%",
-    backgroundColor: "var(--mdc-theme-surface)",
-    padding: 10
-  }, "label:leftDrawer;"),
-  noTagged: /*#__PURE__*/(0, _emotion.css)({
-    paddingTop: 100,
-    textAlign: "center",
-    color: "var(--mdc-theme-on-surface)"
-  }, "label:noTagged;")
-};
-var TagList = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "e1oiqid0",
-  label: "TagList"
-})({
-  display: "flex",
-  flexDirection: "column"
-});
-var Tag = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "e1oiqid1",
-  label: "Tag"
-})({
-  display: "flex",
-  flexDirection: "row",
-  height: 40,
-  alignItems: "center",
-  cursor: "pointer",
-  paddingLeft: 15,
-  color: "var(--mdc-theme-on-surface)",
-  svg: {
-    color: "var(--mdc-theme-on-surface)",
-    marginRight: 10
-  },
-  "&:hover": {
-    backgroundColor: "var(--mdc-theme-background)"
-  },
-  "&.active": {
-    svg: {
-      color: "var(--mdc-theme-secondary)"
-    }
-  }
-});
-var LeftSidebar = function LeftSidebar(_ref) {
-  var toggleTag = _ref.toggleTag;
-  var _useFileManagerView = (0, _.useFileManagerView)(),
-    queryParams = _useFileManagerView.queryParams,
-    tags = _useFileManagerView.tags;
-  var activeTags = Array.isArray(queryParams.tags) ? queryParams.tags : [];
-  if (tags.length === 0) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: style.leftDrawer,
-      "data-testid": "fm.left-drawer.empty-tag"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: style.noTagged
-    }, "Once you tag a file, the tag will be displayed here."));
-  }
-
-  // Sort "tags" list in "ASC" order.
-  var sortedTags = (0, _sortBy.default)(tags);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: style.leftDrawer
-  }, /*#__PURE__*/_react.default.createElement(TagList, {
-    "data-testid": "fm.left-drawer.tag-list"
-  }, sortedTags.map(function (tag, index) {
-    var className = activeTags.includes(tag) ? "active" : "";
-    return /*#__PURE__*/_react.default.createElement(Tag, {
-      className: className,
-      key: tag + index,
-      onClick: function onClick() {
-        return toggleTag(tag);
-      }
-    }, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-      icon: /*#__PURE__*/_react.default.createElement(_label.ReactComponent, null)
-    }), " ", tag);
-  })));
-};
-var _default = LeftSidebar;
-exports.default = _default;

package/modules/FileManagerRenderer/DefaultRenderer/LeftSidebar.js.map

@@ -1 +0,0 @@
-{"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","toggleTag","useFileManagerView","queryParams","tags","activeTags","Array","isArray","length","sortedTags","sortBy","map","tag","index","className","includes"],"sources":["LeftSidebar.tsx"],"sourcesContent":["import React from \"react\";\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 \"@material-design-icons/svg/outlined/label.svg\";\nimport { useFileManagerView } from \"~/index\";\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}\nconst LeftSidebar = ({ toggleTag }: LeftSidebarProps) => {\n    const { queryParams, tags } = useFileManagerView();\n    const activeTags = Array.isArray(queryParams.tags) ? queryParams.tags : [];\n\n    if (tags.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 a file, the tag will be displayed here.\n                </div>\n            </div>\n        );\n    }\n\n    // Sort \"tags\" list in \"ASC\" order.\n    const sortedTags = sortBy(tags);\n\n    return (\n        <div className={style.leftDrawer}>\n            <TagList data-testid={\"fm.left-drawer.tag-list\"}>\n                {sortedTags.map((tag, index) => {\n                    const className = activeTags.includes(tag) ? \"active\" : \"\";\n                    return (\n                        <Tag className={className} key={tag + index} onClick={() => toggleTag(tag)}>\n                            <Icon icon={<TagIcon />} /> {tag}\n                        </Tag>\n                    );\n                })}\n            </TagList>\n        </div>\n    );\n};\n\nexport default LeftSidebar;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,IAAMA,KAAK,GAAG;EACVC,UAAU,eAAE,IAAAC,YAAG,EAAC;IACZC,KAAK,EAAE,MAAM;IACbC,OAAO,EAAE,cAAc;IACvBC,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE,MAAM;IACdC,eAAe,EAAE,0BAA0B;IAC3CC,OAAO,EAAE;EACb,CAAC,sBAAC;EACFC,QAAQ,eAAE,IAAAP,YAAG,EAAC;IACVQ,UAAU,EAAE,GAAG;IACfC,SAAS,EAAE,QAAQ;IACnBC,KAAK,EAAE;EACX,CAAC;AACL,CAAC;AAED,IAAMC,OAAO,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC1BV,OAAO,EAAE,MAAM;EACfW,aAAa,EAAE;AACnB,CAAC,CAAC;AAEF,IAAMC,GAAG,oBAAGF,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACtBV,OAAO,EAAE,MAAM;EACfW,aAAa,EAAE,KAAK;EACpBT,MAAM,EAAE,EAAE;EACVW,UAAU,EAAE,QAAQ;EACpBC,MAAM,EAAE,SAAS;EACjBC,WAAW,EAAE,EAAE;EACfP,KAAK,EAAE,6BAA6B;EACpCQ,GAAG,EAAE;IACDR,KAAK,EAAE,6BAA6B;IACpCS,WAAW,EAAE;EACjB,CAAC;EACD,SAAS,EAAE;IACPd,eAAe,EAAE;EACrB,CAAC;EACD,UAAU,EAAE;IACRa,GAAG,EAAE;MACDR,KAAK,EAAE;IACX;EACJ;AACJ,CAAC,CAAC;AAKF,IAAMU,WAAW,GAAG,SAAdA,WAAW,OAAwC;EAAA,IAAlCC,SAAS,QAATA,SAAS;EAC5B,0BAA8B,IAAAC,oBAAkB,GAAE;IAA1CC,WAAW,uBAAXA,WAAW;IAAEC,IAAI,uBAAJA,IAAI;EACzB,IAAMC,UAAU,GAAGC,KAAK,CAACC,OAAO,CAACJ,WAAW,CAACC,IAAI,CAAC,GAAGD,WAAW,CAACC,IAAI,GAAG,EAAE;EAE1E,IAAIA,IAAI,CAACI,MAAM,KAAK,CAAC,EAAE;IACnB,oBACI;MAAK,SAAS,EAAE9B,KAAK,CAACC,UAAW;MAAC,eAAa;IAA2B,gBACtE;MAAK,SAAS,EAAED,KAAK,CAACS;IAAS,GAAC,sDAEhC,CAAM,CACJ;EAEd;;EAEA;EACA,IAAMsB,UAAU,GAAG,IAAAC,eAAM,EAACN,IAAI,CAAC;EAE/B,oBACI;IAAK,SAAS,EAAE1B,KAAK,CAACC;EAAW,gBAC7B,6BAAC,OAAO;IAAC,eAAa;EAA0B,GAC3C8B,UAAU,CAACE,GAAG,CAAC,UAACC,GAAG,EAAEC,KAAK,EAAK;IAC5B,IAAMC,SAAS,GAAGT,UAAU,CAACU,QAAQ,CAACH,GAAG,CAAC,GAAG,QAAQ,GAAG,EAAE;IAC1D,oBACI,6BAAC,GAAG;MAAC,SAAS,EAAEE,SAAU;MAAC,GAAG,EAAEF,GAAG,GAAGC,KAAM;MAAC,OAAO,EAAE;QAAA,OAAMZ,SAAS,CAACW,GAAG,CAAC;MAAA;IAAC,gBACvE,6BAAC,UAAI;MAAC,IAAI,eAAE,6BAAC,qBAAO;IAAI,EAAG,KAAC,EAACA,GAAG,CAC9B;EAEd,CAAC,CAAC,CACI,CACR;AAEd,CAAC;AAAC,eAEaZ,WAAW;AAAA"}

package/modules/FileManagerRenderer/DefaultRenderer/NoPermissionView.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const NoPermissionView: React.FC;
-export default NoPermissionView;

package/modules/FileManagerRenderer/DefaultRenderer/NoPermissionView.js

@@ -1,74 +0,0 @@
-"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_tip = require("@material-design-icons/svg/outlined/privacy_tip.svg");
-var _Typography = require("@webiny/ui/Typography");
-var _templateObject, _templateObject2;
-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%",
-  zIndex: 2,
-  width: "100%",
-  position: "absolute",
-  backgroundColor: "transparent",
-  "& .outer-container": {
-    textAlign: "center",
-    width: 300,
-    height: 300,
-    backgroundColor: "var(--mdc-theme-surface)",
-    borderRadius: "50%",
-    position: "absolute",
-    left: "50%",
-    top: "50%",
-    transform: "translateX(-50%) translateY(-100%)",
-    "& .inner-container": {
-      display: "flex",
-      flexDirection: "column",
-      alignItems: "center",
-      paddingTop: 35,
-      width: 300,
-      color: "var(--mdc-theme-on-surface)",
-      "svg.mdc-button__icon": {
-        width: 100,
-        display: "inline-block",
-        color: "var(--mdc-theme-on-surface)"
-      },
-      "& .title": {
-        marginTop: 8
-      },
-      "& .body": {
-        color: "var(--mdc-theme-text-secondary-on-background)"
-      }
-    }
-  }
-}, "label:styles;");
-var NoPermissionView = function NoPermissionView() {
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: styles
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "outer-container"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "inner-container"
-  }, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-    icon: /*#__PURE__*/_react.default.createElement(_privacy_tip.ReactComponent, null)
-  }), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    className: "title",
-    use: "subtitle1"
-  }, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Permission needed"])))), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    className: "body",
-    use: "body2"
-  }, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["You're missing required permission to access files. Please contact the administrator."])))))));
-};
-var _default = NoPermissionView;
-exports.default = _default;

package/modules/FileManagerRenderer/DefaultRenderer/NoPermissionView.js.map

@@ -1 +0,0 @@
-{"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 \"@material-design-icons/svg/outlined/privacy_tip.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,2BAAc;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/modules/FileManagerRenderer/DefaultRenderer/NoResults.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const DropFilesHere: React.FC;
-export default DropFilesHere;

package/modules/FileManagerRenderer/DefaultRenderer/NoResults.js

@@ -1,22 +0,0 @@
-"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;");
-var DropFilesHere = function DropFilesHere() {
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: styles
-  }, /*#__PURE__*/_react.default.createElement("div", null, "No results found."));
-};
-var _default = DropFilesHere;
-exports.default = _default;

package/modules/FileManagerRenderer/DefaultRenderer/NoResults.js.map

@@ -1 +0,0 @@
-{"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/modules/FileManagerRenderer/DefaultRenderer/index.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const DefaultRenderer: React.FC<{}>;

package/modules/FileManagerRenderer/DefaultRenderer/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["formatFileItem","id","src","rest","props","meta","Object","keys","map","key","value","imagesAccept","DefaultRenderer","createComponentPlugin","BaseFileManagerRenderer","FileManagerRenderer","onChange","images","accept","forwardProps","handleFileOnChange","Array","isArray","length","finalValue","viewProps","undefined","tags","scope","own"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    createComponentPlugin,\n    FileManagerFileItem,\n    FileManagerOnChange,\n    FileManagerRenderer as BaseFileManagerRenderer\n} from \"@webiny/app-admin\";\nimport { FileItem } from \"@webiny/app-admin/types\";\nimport FileManagerView, { FileManagerViewProps } from \"./FileManagerView\";\nimport { FileManagerViewProvider } from \"../FileManagerViewProvider\";\n\n/**\n * Convert a FileItem object to a FileManagerFileItem, which is then passed to `onChange` callback.\n */\nconst formatFileItem = ({ id, src, ...rest }: FileItem): FileManagerFileItem => {\n    const props: { [key: string]: any } = rest;\n\n    return {\n        id,\n        src,\n        meta: Object.keys(rest).map(key => ({ key, value: props[key] }))\n    };\n};\n\n/**\n * If `accept` prop is not passed, and `images` prop is set, use these default mime types.\n * Defaults can be overridden using the `createComponentPlugin` and `FileManagerRenderer` component.\n */\nconst imagesAccept = [\n    \"image/jpg\",\n    \"image/jpeg\",\n    \"image/tiff\",\n    \"image/gif\",\n    \"image/png\",\n    \"image/webp\",\n    \"image/bmp\",\n    \"image/svg+xml\"\n];\n\nexport const DefaultRenderer = createComponentPlugin(BaseFileManagerRenderer, () => {\n    return function FileManagerRenderer(props) {\n        const { onChange, images, accept, ...forwardProps } = props;\n\n        const handleFileOnChange = (value?: FileItem[] | FileItem) => {\n            if (!onChange || !value || (Array.isArray(value) && !value.length)) {\n                return;\n            }\n\n            if (Array.isArray(value)) {\n                const finalValue: FileManagerFileItem[] = value.map(formatFileItem);\n                (onChange as FileManagerOnChange<FileManagerFileItem[]>)(finalValue);\n                return;\n            }\n\n            (onChange as FileManagerOnChange<FileManagerFileItem>)(formatFileItem(value));\n        };\n\n        const viewProps: FileManagerViewProps = {\n            ...forwardProps,\n            onChange: typeof onChange === \"function\" ? handleFileOnChange : undefined,\n            accept: images ? accept || imagesAccept : accept || []\n        };\n\n        return (\n            <FileManagerViewProvider\n                accept={viewProps.accept || []}\n                tags={viewProps.tags || []}\n                scope={viewProps.scope}\n                own={viewProps.own}\n            >\n                <FileManagerView {...viewProps} />\n            </FileManagerViewProvider>\n        );\n    };\n});\n"],"mappings":";;;;;;;;;AAAA;AACA;AAOA;AACA;AAAqE;EAAA;AAErE;AACA;AACA;AACA,IAAMA,cAAc,GAAG,SAAjBA,cAAc,OAA4D;EAAA,IAAtDC,EAAE,QAAFA,EAAE;IAAEC,GAAG,QAAHA,GAAG;IAAKC,IAAI;EACtC,IAAMC,KAA6B,GAAGD,IAAI;EAE1C,OAAO;IACHF,EAAE,EAAFA,EAAE;IACFC,GAAG,EAAHA,GAAG;IACHG,IAAI,EAAEC,MAAM,CAACC,IAAI,CAACJ,IAAI,CAAC,CAACK,GAAG,CAAC,UAAAC,GAAG;MAAA,OAAK;QAAEA,GAAG,EAAHA,GAAG;QAAEC,KAAK,EAAEN,KAAK,CAACK,GAAG;MAAE,CAAC;IAAA,CAAC;EACnE,CAAC;AACL,CAAC;;AAED;AACA;AACA;AACA;AACA,IAAME,YAAY,GAAG,CACjB,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,WAAW,EACX,YAAY,EACZ,WAAW,EACX,eAAe,CAClB;AAEM,IAAMC,eAAe,GAAG,IAAAC,+BAAqB,EAACC,6BAAuB,EAAE,YAAM;EAChF,OAAO,SAASC,mBAAmB,CAACX,KAAK,EAAE;IACvC,IAAQY,QAAQ,GAAsCZ,KAAK,CAAnDY,QAAQ;MAAEC,MAAM,GAA8Bb,KAAK,CAAzCa,MAAM;MAAEC,MAAM,GAAsBd,KAAK,CAAjCc,MAAM;MAAKC,YAAY,0CAAKf,KAAK;IAE3D,IAAMgB,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIV,KAA6B,EAAK;MAC1D,IAAI,CAACM,QAAQ,IAAI,CAACN,KAAK,IAAKW,KAAK,CAACC,OAAO,CAACZ,KAAK,CAAC,IAAI,CAACA,KAAK,CAACa,MAAO,EAAE;QAChE;MACJ;MAEA,IAAIF,KAAK,CAACC,OAAO,CAACZ,KAAK,CAAC,EAAE;QACtB,IAAMc,UAAiC,GAAGd,KAAK,CAACF,GAAG,CAACR,cAAc,CAAC;QAClEgB,QAAQ,CAAgDQ,UAAU,CAAC;QACpE;MACJ;MAECR,QAAQ,CAA8ChB,cAAc,CAACU,KAAK,CAAC,CAAC;IACjF,CAAC;IAED,IAAMe,SAA+B,+DAC9BN,YAAY;MACfH,QAAQ,EAAE,OAAOA,QAAQ,KAAK,UAAU,GAAGI,kBAAkB,GAAGM,SAAS;MACzER,MAAM,EAAED,MAAM,GAAGC,MAAM,IAAIP,YAAY,GAAGO,MAAM,IAAI;IAAE,EACzD;IAED,oBACI,6BAAC,gDAAuB;MACpB,MAAM,EAAEO,SAAS,CAACP,MAAM,IAAI,EAAG;MAC/B,IAAI,EAAEO,SAAS,CAACE,IAAI,IAAI,EAAG;MAC3B,KAAK,EAAEF,SAAS,CAACG,KAAM;MACvB,GAAG,EAAEH,SAAS,CAACI;IAAI,gBAEnB,6BAAC,wBAAe,EAAKJ,SAAS,CAAI,CACZ;EAElC,CAAC;AACL,CAAC,CAAC;AAAC"}

package/modules/FileManagerRenderer/DefaultRenderer/outputFileSelectionError.d.ts

@@ -1,2 +0,0 @@
-import { FileError } from "react-butterfiles";
-export declare const outputFileSelectionError: (errors: FileError[]) => string | null;

package/modules/FileManagerRenderer/DefaultRenderer/outputFileSelectionError.js

@@ -1,40 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.outputFileSelectionError = void 0;
-var _bytes = _interopRequireDefault(require("bytes"));
-var outputFileSelectionError = function outputFileSelectionError(errors) {
-  if (errors.length > 1) {
-    var error = errors.find(function (error) {
-      return error.type === "multipleMaxCountExceeded";
-    });
-    if (error) {
-      return "Cannot upload more than ".concat(error.multipleMaxCount, " files at once.");
-    }
-    error = errors.find(function (error) {
-      return error.type === "multipleMaxSizeExceeded";
-    });
-    if (error) {
-      return "Cannot upload more than ".concat(_bytes.default.format(error.multipleMaxSize), " at once.");
-    }
-    return "Multiple invalid files selected.";
-  }
-  switch (errors[0].type) {
-    case "unsupportedFileType":
-      return "Unsupported file type.";
-    case "maxSizeExceeded":
-      return "Max size exceeded.";
-    case "multipleMaxCountExceeded":
-      return "Multiple max files exceeded.";
-    case "multipleMaxSizeExceeded":
-      return "Multiple max size exceeded.";
-    case "multipleNotAllowed":
-      return "Only one file allowed.";
-    default:
-      return null;
-  }
-};
-exports.outputFileSelectionError = outputFileSelectionError;

package/modules/FileManagerRenderer/DefaultRenderer/outputFileSelectionError.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["outputFileSelectionError","errors","length","error","find","type","multipleMaxCount","bytes","format","multipleMaxSize"],"sources":["outputFileSelectionError.ts"],"sourcesContent":["import bytes from \"bytes\";\nimport { FileError } from \"react-butterfiles\";\n\nexport const outputFileSelectionError = (errors: FileError[]): string | null => {\n    if (errors.length > 1) {\n        let error = errors.find(error => error.type === \"multipleMaxCountExceeded\");\n        if (error) {\n            return `Cannot upload more than ${error.multipleMaxCount} files at once.`;\n        }\n\n        error = errors.find(error => error.type === \"multipleMaxSizeExceeded\");\n        if (error) {\n            return `Cannot upload more than ${bytes.format(error.multipleMaxSize)} at once.`;\n        }\n\n        return \"Multiple invalid files selected.\";\n    }\n\n    switch (errors[0].type) {\n        case \"unsupportedFileType\":\n            return \"Unsupported file type.\";\n        case \"maxSizeExceeded\":\n            return \"Max size exceeded.\";\n        case \"multipleMaxCountExceeded\":\n            return \"Multiple max files exceeded.\";\n        case \"multipleMaxSizeExceeded\":\n            return \"Multiple max size exceeded.\";\n        case \"multipleNotAllowed\":\n            return \"Only one file allowed.\";\n        default:\n            return null;\n    }\n};\n"],"mappings":";;;;;;;AAAA;AAGO,IAAMA,wBAAwB,GAAG,SAA3BA,wBAAwB,CAAIC,MAAmB,EAAoB;EAC5E,IAAIA,MAAM,CAACC,MAAM,GAAG,CAAC,EAAE;IACnB,IAAIC,KAAK,GAAGF,MAAM,CAACG,IAAI,CAAC,UAAAD,KAAK;MAAA,OAAIA,KAAK,CAACE,IAAI,KAAK,0BAA0B;IAAA,EAAC;IAC3E,IAAIF,KAAK,EAAE;MACP,yCAAkCA,KAAK,CAACG,gBAAgB;IAC5D;IAEAH,KAAK,GAAGF,MAAM,CAACG,IAAI,CAAC,UAAAD,KAAK;MAAA,OAAIA,KAAK,CAACE,IAAI,KAAK,yBAAyB;IAAA,EAAC;IACtE,IAAIF,KAAK,EAAE;MACP,yCAAkCI,cAAK,CAACC,MAAM,CAACL,KAAK,CAACM,eAAe,CAAC;IACzE;IAEA,OAAO,kCAAkC;EAC7C;EAEA,QAAQR,MAAM,CAAC,CAAC,CAAC,CAACI,IAAI;IAClB,KAAK,qBAAqB;MACtB,OAAO,wBAAwB;IACnC,KAAK,iBAAiB;MAClB,OAAO,oBAAoB;IAC/B,KAAK,0BAA0B;MAC3B,OAAO,8BAA8B;IACzC,KAAK,yBAAyB;MAC1B,OAAO,6BAA6B;IACxC,KAAK,oBAAoB;MACrB,OAAO,wBAAwB;IACnC;MACI,OAAO,IAAI;EAAC;AAExB,CAAC;AAAC"}

package/modules/FileManagerRenderer/FileManagerAcoViewProvider/FileManagerAcoViewContext.d.ts

@@ -1,54 +0,0 @@
-/// <reference types="web" />
-import React from "react";
-import { FileItem } from "@webiny/app-admin/types";
-import { Settings } from "../../../types";
-import { Action, State, StateListWhere } from "./stateReducer";
-import { ListDbSort } from "@webiny/app-aco/types";
-import { UploadOptions } from "@webiny/app/types";
-export declare const getWhere: (scope: string | undefined) => {
-    tag_not_startsWith: string;
-    tag_startsWith?: undefined;
-} | {
-    tag_startsWith: string;
-    tag_not_startsWith?: undefined;
-};
-export interface FileManagerAcoViewContextData<TFileItem extends FileItem = FileItem> {
-    state: State;
-    dispatch: React.Dispatch<Action>;
-    getFile: (id: string) => Promise<TFileItem | undefined>;
-    createFile: (data: TFileItem) => Promise<TFileItem | undefined>;
-    updateFile: (id: string, data: Partial<TFileItem>) => Promise<void>;
-    deleteFile: (id: string) => Promise<void>;
-    uploadFile: (file: File, options?: UploadFileOptions) => Promise<TFileItem | undefined>;
-    settings: Settings | undefined;
-    selected: TFileItem[];
-    setSelected: (files: TFileItem[]) => void;
-    toggleSelected: (file: TFileItem) => void;
-    hasPreviouslyUploadedFiles: boolean | null;
-    setHasPreviouslyUploadedFiles: (flag: boolean) => void;
-    listWhere: StateListWhere;
-    setListWhere: (state: StateListWhere) => void;
-    listSort: ListDbSort | undefined;
-    setListSort: (state: ListDbSort) => void;
-    dragging: boolean;
-    setDragging: (state: boolean) => void;
-    showFileDetails: (id: string) => void;
-    showingFileDetails: string | null;
-    loadingFileDetails: boolean;
-    hideFileDetails: () => void;
-    folderId?: string;
-    setFolderId: (folderId?: string) => void;
-    listTable: boolean;
-    setListTable: (mode: boolean) => void;
-}
-export declare const FileManagerAcoViewContext: React.Context<FileManagerAcoViewContextData<FileItem> | undefined>;
-export interface FileManagerViewProviderProps {
-    accept: string[];
-    tags: string[];
-    scope?: string;
-    own?: boolean;
-    children: React.ReactNode;
-}
-declare type UploadFileOptions = Pick<UploadOptions, "onProgress">;
-export declare const FileManagerAcoViewProvider: ({ children, ...props }: FileManagerViewProviderProps) => JSX.Element;
-export {};