@webiny/app-file-manager 6.3.0 → 6.4.0-beta.0

package/modules/FileManagerApiProvider/graphql.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["gql","ERROR_FIELDS","LIST_FILES","FILE_FIELDS","GET_FILE","LIST_TAGS","CREATE_FILE","UPDATE_FILE","DELETE_FILE","GET_FILE_SETTINGS","GET_FILE_MODEL"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport type { FileItem } from \"~/types.js\";\nimport type { Settings } from \"~/types.js\";\nimport type { ListTagsResponseItem } from \"~/modules/FileManagerApiProvider/FileManagerApiContext/FileManagerApiContext.js\";\n\nexport interface FmError {\n    code: string;\n    message: string;\n    data?: Record<string, any> | null;\n}\n\nconst ERROR_FIELDS = /* GraphQL */ `\n    {\n        code\n        message\n        data\n    }\n`;\n\nexport interface GetFileManagerSettingsQueryResponse {\n    fileManager: {\n        getSettings: {\n            data: Settings;\n            error?: FmError | null;\n        };\n    };\n}\n\nexport interface ListFilesListFilesResponse {\n    data: FileItem[];\n    error: FmError | null;\n    meta: {\n        hasMoreItems: boolean;\n        totalCount: number;\n        cursor: string | null;\n    };\n}\n\nexport interface ListFilesQueryResponse {\n    fileManager: {\n        listFiles: ListFilesListFilesResponse;\n    };\n}\n\nexport type ListFilesWhereLocation = { folderId: string } | { folderId_in: string[] };\n\nexport type ListFilesSort = ListFilesSortItem[];\nexport type ListFilesSortItem = `${string}_ASC` | `${string}_DESC`;\n\nexport interface ListFilesWhereQueryVariables {\n    location?: ListFilesWhereLocation;\n    tags?: string;\n    tags_in?: string[];\n    tags_startsWith?: string;\n    tags_not_startsWith?: string;\n    createdBy?: string;\n    AND?: ListFilesWhereQueryVariables[];\n    [key: string]: any;\n}\n\nexport interface ListFilesQueryVariables {\n    limit?: number;\n    after?: string | null;\n    sort?: ListFilesSort;\n    search?: string;\n    where?: ListFilesWhereQueryVariables;\n}\n\nexport const LIST_FILES = (FILE_FIELDS: string) => gql`\n    query ListFiles(\n        $search: String,\n        $limit: Int,\n        $after: String,\n        $sort: [FmFileListSorter!],\n        $where: FmFileListWhereInput\n    ) {\n        fileManager {\n            listFiles(\n                search: $search,\n                limit: $limit,\n                after: $after,\n                where: $where,\n                sort: $sort\n            ) {\n                data ${FILE_FIELDS}\n                meta {\n                    cursor\n                    totalCount\n                    hasMoreItems\n                }\n                error {\n                    code\n                    data\n                    message\n                }\n            }\n        }\n    }\n`;\n\nexport const GET_FILE = (FILE_FIELDS: string) => gql`\n    query GetFile($id: ID!) {\n        fileManager {\n            getFile(id: $id) {\n                data ${FILE_FIELDS}\n                error ${ERROR_FIELDS}\n            }\n        }\n    }\n`;\n\nexport interface ListFileTagsQueryResponse {\n    fileManager: {\n        listTags: {\n            data: ListTagsResponseItem[];\n            error: FmError | null;\n        };\n    };\n}\n\ninterface ListFileTagsWhereQueryVariables {\n    tags_in?: string[];\n    tags_startsWith?: string;\n    tags_not_startsWith?: string;\n    AND?: ListFileTagsWhereQueryVariables[];\n    OR?: ListFileTagsWhereQueryVariables[];\n}\n\nexport interface ListFileTagsQueryVariables {\n    where?: ListFileTagsWhereQueryVariables;\n}\n\nexport const LIST_TAGS = gql`\n    query ListTags($where: FmTagsListWhereInput) {\n        fileManager {\n            listTags(where: $where) {\n                data {\n                    tag\n                    count\n                }\n                error ${ERROR_FIELDS}\n            }\n        }\n    }\n`;\n\nexport interface CreateFileMutationResponse {\n    fileManager: {\n        createFile: {\n            data: FileItem;\n            error?: FmError | null;\n        };\n    };\n}\n\nexport interface FileInput {\n    key: string;\n    name: string;\n    size: number;\n    type: string;\n    tags: string[];\n    metadata?: Record<string, any>;\n}\n\nexport interface CreateFileMutationVariables {\n    data: FileInput;\n    meta?: Record<string, any>;\n}\n\nexport const CREATE_FILE = (FILE_FIELDS: string) => gql`\n    mutation CreateFile($data: FmFileCreateInput!) {\n        fileManager {\n            createFile(data: $data) {\n                error ${ERROR_FIELDS}\n                data ${FILE_FIELDS}\n            }\n        }\n    }\n`;\n\nexport interface UpdateFileMutationResponse {\n    fileManager: {\n        updateFile: {\n            data: FileItem;\n            error?: FmError | null;\n        };\n    };\n}\n\nexport interface UpdateFileMutationVariables {\n    id: string;\n    data: Partial<FileInput>;\n}\n\nexport const UPDATE_FILE = (FILE_FIELDS: string) => gql`\n    mutation UpdateFile($id: ID!, $data: FmFileUpdateInput!) {\n        fileManager {\n            updateFile(id: $id, data: $data) {\n                data ${FILE_FIELDS}\n                error ${ERROR_FIELDS}\n            }\n        }\n    }\n`;\n\nexport interface DeleteFileMutationResponse {\n    fileManager: {\n        updateFile: {\n            data: boolean;\n            error?: FmError | null;\n        };\n    };\n}\n\nexport interface DeleteFileMutationVariables {\n    id: string;\n}\n\nexport const DELETE_FILE = gql`\n    mutation DeleteFile($id: ID!) {\n        fileManager {\n            deleteFile(id: $id) {\n                data\n                error ${ERROR_FIELDS}\n            }\n        }\n    }\n`;\n\nexport const GET_FILE_SETTINGS = gql`\n    query GetSettings {\n        fileManager {\n            getSettings {\n                data {\n                    srcPrefix\n                    uploadMinFileSize\n                    uploadMaxFileSize\n                }\n                error ${ERROR_FIELDS}\n            }\n        }\n    }\n`;\n\nexport const GET_FILE_MODEL = gql`\n    query GetFileModel {\n        fileManager {\n            getFileModel {\n                data\n                error ${ERROR_FIELDS}\n            }\n        }\n    }\n`;\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAW7B,MAAMC,YAAY,GAAG,aAAc;AACnC;AACA;AACA;AACA;AACA;AACA,CAAC;AAmDD,OAAO,MAAMC,UAAU,GAAIC,WAAmB,IAAKH,GAAG;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuBG,WAAW;AAClC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,QAAQ,GAAID,WAAmB,IAAKH,GAAG;AACpD;AACA;AACA;AACA,uBAAuBG,WAAW;AAClC,wBAAwBF,YAAY;AACpC;AACA;AACA;AACA,CAAC;AAuBD,OAAO,MAAMI,SAAS,GAAGL,GAAG;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwBC,YAAY;AACpC;AACA;AACA;AACA,CAAC;AAyBD,OAAO,MAAMK,WAAW,GAAIH,WAAmB,IAAKH,GAAG;AACvD;AACA;AACA;AACA,wBAAwBC,YAAY;AACpC,uBAAuBE,WAAW;AAClC;AACA;AACA;AACA,CAAC;AAgBD,OAAO,MAAMI,WAAW,GAAIJ,WAAmB,IAAKH,GAAG;AACvD;AACA;AACA;AACA,uBAAuBG,WAAW;AAClC,wBAAwBF,YAAY;AACpC;AACA;AACA;AACA,CAAC;AAeD,OAAO,MAAMO,WAAW,GAAGR,GAAG;AAC9B;AACA;AACA;AACA;AACA,wBAAwBC,YAAY;AACpC;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMQ,iBAAiB,GAAGT,GAAG;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwBC,YAAY;AACpC;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMS,cAAc,GAAGV,GAAG;AACjC;AACA;AACA;AACA;AACA,wBAAwBC,YAAY;AACpC;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/modules/FileManagerApiProvider/index.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const FileManagerApiProviderModule: () => React.JSX.Element;

package/modules/FileManagerApiProvider/index.js

@@ -1,18 +0,0 @@
-import React from "react";
-import { Plugin } from "@webiny/app-admin";
-import { FileManagerApiProvider } from "./FileManagerApiContext/index.js";
-import { FileModelProvider } from "./FileManagerApiContext/FileModelContext.js";
-const fileManagerApiProvider = Original => {
-  return function FileManager({
-    children
-  }) {
-    return /*#__PURE__*/React.createElement(FileModelProvider, null, /*#__PURE__*/React.createElement(FileManagerApiProvider, null, /*#__PURE__*/React.createElement(Original, null, children)));
-  };
-};
-export const FileManagerApiProviderModule = () => {
-  return /*#__PURE__*/React.createElement(Plugin, {
-    providers: [fileManagerApiProvider]
-  });
-};
-
-//# sourceMappingURL=index.js.map

package/modules/FileManagerApiProvider/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Plugin","FileManagerApiProvider","FileModelProvider","fileManagerApiProvider","Original","FileManager","children","createElement","FileManagerApiProviderModule","providers"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Decorator, GenericComponent } from \"@webiny/app-admin\";\nimport { Plugin } from \"@webiny/app-admin\";\nimport { FileManagerApiProvider } from \"./FileManagerApiContext/index.js\";\nimport { FileModelProvider } from \"~/modules/FileManagerApiProvider/FileManagerApiContext/FileModelContext.js\";\n\nconst fileManagerApiProvider: Decorator<\n    GenericComponent<{ children: React.ReactNode }>\n> = Original => {\n    return function FileManager({ children }) {\n        return (\n            <FileModelProvider>\n                <FileManagerApiProvider>\n                    <Original>{children}</Original>\n                </FileManagerApiProvider>\n            </FileModelProvider>\n        );\n    };\n};\n\nexport const FileManagerApiProviderModule = () => {\n    return <Plugin providers={[fileManagerApiProvider]} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,sBAAsB;AAC/B,SAASC,iBAAiB;AAE1B,MAAMC,sBAEL,GAAGC,QAAQ,IAAI;EACZ,OAAO,SAASC,WAAWA,CAAC;IAAEC;EAAS,CAAC,EAAE;IACtC,oBACIP,KAAA,CAAAQ,aAAA,CAACL,iBAAiB,qBACdH,KAAA,CAAAQ,aAAA,CAACN,sBAAsB,qBACnBF,KAAA,CAAAQ,aAAA,CAACH,QAAQ,QAAEE,QAAmB,CACV,CACT,CAAC;EAE5B,CAAC;AACL,CAAC;AAED,OAAO,MAAME,4BAA4B,GAAGA,CAAA,KAAM;EAC9C,oBAAOT,KAAA,CAAAQ,aAAA,CAACP,MAAM;IAACS,SAAS,EAAE,CAACN,sBAAsB;EAAE,CAAE,CAAC;AAC1D,CAAC","ignoreList":[]}

package/modules/FileManagerRenderer/FileActions/FileDetails/CopyUrl.js

@@ -1,24 +0,0 @@
-import React from "react";
-import { ReactComponent as CopyContentIcon } from "@webiny/icons/content_copy.svg";
-import { useCopyFile } from "../../../../hooks/useCopyFile.js";
-import { FileManagerViewConfig, useFile } from "../../../../index.js";
-const {
-  FileDetails
-} = FileManagerViewConfig;
-export const CopyUrl = () => {
-  const {
-    file
-  } = useFile();
-  const {
-    copyFileUrl
-  } = useCopyFile({
-    file
-  });
-  return /*#__PURE__*/React.createElement(FileDetails.Action.Button, {
-    label: "Copy URL",
-    onAction: copyFileUrl,
-    icon: /*#__PURE__*/React.createElement(CopyContentIcon, null)
-  });
-};
-
-//# sourceMappingURL=CopyUrl.js.map

package/modules/FileManagerRenderer/FileActions/FileDetails/CopyUrl.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","ReactComponent","CopyContentIcon","useCopyFile","FileManagerViewConfig","useFile","FileDetails","CopyUrl","file","copyFileUrl","createElement","Action","Button","label","onAction","icon"],"sources":["CopyUrl.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as CopyContentIcon } from \"@webiny/icons/content_copy.svg\";\nimport { useCopyFile } from \"~/hooks/useCopyFile.js\";\nimport { FileManagerViewConfig, useFile } from \"~/index.js\";\n\nconst { FileDetails } = FileManagerViewConfig;\n\nexport const CopyUrl = () => {\n    const { file } = useFile();\n    const { copyFileUrl } = useCopyFile({ file });\n\n    return (\n        <FileDetails.Action.Button\n            label={\"Copy URL\"}\n            onAction={copyFileUrl}\n            icon={<CopyContentIcon />}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,eAAe,QAAQ,gCAAgC;AAClF,SAASC,WAAW;AACpB,SAASC,qBAAqB,EAAEC,OAAO;AAEvC,MAAM;EAAEC;AAAY,CAAC,GAAGF,qBAAqB;AAE7C,OAAO,MAAMG,OAAO,GAAGA,CAAA,KAAM;EACzB,MAAM;IAAEC;EAAK,CAAC,GAAGH,OAAO,CAAC,CAAC;EAC1B,MAAM;IAAEI;EAAY,CAAC,GAAGN,WAAW,CAAC;IAAEK;EAAK,CAAC,CAAC;EAE7C,oBACIR,KAAA,CAAAU,aAAA,CAACJ,WAAW,CAACK,MAAM,CAACC,MAAM;IACtBC,KAAK,EAAE,UAAW;IAClBC,QAAQ,EAAEL,WAAY;IACtBM,IAAI,eAAEf,KAAA,CAAAU,aAAA,CAACR,eAAe,MAAE;EAAE,CAC7B,CAAC;AAEV,CAAC","ignoreList":[]}

package/modules/FileManagerRenderer/FileActions/FileDetails/DeleteImage.js

@@ -1,35 +0,0 @@
-import React from "react";
-import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
-import { FileManagerViewConfig, useFile, useFileDetails, useFileManagerApi } from "../../../../index.js";
-import { useDeleteFile } from "../../../../hooks/useDeleteFile.js";
-const {
-  FileDetails
-} = FileManagerViewConfig;
-export const DeleteImage = () => {
-  const {
-    file
-  } = useFile();
-  const {
-    canEdit
-  } = useFileManagerApi();
-  const {
-    close
-  } = useFileDetails();
-  const {
-    openDialogDeleteFile
-  } = useDeleteFile({
-    file,
-    onDelete: close
-  });
-  if (!canEdit(file)) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(FileDetails.Action.Button, {
-    label: "Delete",
-    onAction: openDialogDeleteFile,
-    icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
-    "data-testid": "fm-delete-file-button"
-  });
-};
-
-//# sourceMappingURL=DeleteImage.js.map

package/modules/FileManagerRenderer/FileActions/FileDetails/DeleteImage.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","ReactComponent","DeleteIcon","FileManagerViewConfig","useFile","useFileDetails","useFileManagerApi","useDeleteFile","FileDetails","DeleteImage","file","canEdit","close","openDialogDeleteFile","onDelete","createElement","Action","Button","label","onAction","icon"],"sources":["DeleteImage.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { FileManagerViewConfig, useFile, useFileDetails, useFileManagerApi } from \"~/index.js\";\nimport { useDeleteFile } from \"~/hooks/useDeleteFile.js\";\n\nconst { FileDetails } = FileManagerViewConfig;\n\nexport const DeleteImage = () => {\n    const { file } = useFile();\n    const { canEdit } = useFileManagerApi();\n    const { close } = useFileDetails();\n    const { openDialogDeleteFile } = useDeleteFile({\n        file,\n        onDelete: close\n    });\n\n    if (!canEdit(file)) {\n        return null;\n    }\n\n    return (\n        <FileDetails.Action.Button\n            label={\"Delete\"}\n            onAction={openDialogDeleteFile}\n            icon={<DeleteIcon />}\n            data-testid={\"fm-delete-file-button\"}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASC,qBAAqB,EAAEC,OAAO,EAAEC,cAAc,EAAEC,iBAAiB;AAC1E,SAASC,aAAa;AAEtB,MAAM;EAAEC;AAAY,CAAC,GAAGL,qBAAqB;AAE7C,OAAO,MAAMM,WAAW,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAK,CAAC,GAAGN,OAAO,CAAC,CAAC;EAC1B,MAAM;IAAEO;EAAQ,CAAC,GAAGL,iBAAiB,CAAC,CAAC;EACvC,MAAM;IAAEM;EAAM,CAAC,GAAGP,cAAc,CAAC,CAAC;EAClC,MAAM;IAAEQ;EAAqB,CAAC,GAAGN,aAAa,CAAC;IAC3CG,IAAI;IACJI,QAAQ,EAAEF;EACd,CAAC,CAAC;EAEF,IAAI,CAACD,OAAO,CAACD,IAAI,CAAC,EAAE;IAChB,OAAO,IAAI;EACf;EAEA,oBACIV,KAAA,CAAAe,aAAA,CAACP,WAAW,CAACQ,MAAM,CAACC,MAAM;IACtBC,KAAK,EAAE,QAAS;IAChBC,QAAQ,EAAEN,oBAAqB;IAC/BO,IAAI,eAAEpB,KAAA,CAAAe,aAAA,CAACb,UAAU,MAAE,CAAE;IACrB,eAAa;EAAwB,CACxC,CAAC;AAEV,CAAC","ignoreList":[]}

package/modules/FileManagerRenderer/FileActions/FileDetails/Download.js

@@ -1,24 +0,0 @@
-import React from "react";
-import { ReactComponent as DownloadIcon } from "@webiny/icons/file_download.svg";
-import { FileManagerViewConfig, useFile } from "../../../../index.js";
-const {
-  FileDetails
-} = FileManagerViewConfig;
-export const Download = () => {
-  const {
-    file
-  } = useFile();
-  return /*#__PURE__*/React.createElement("a", {
-    rel: "noreferrer",
-    target: "_blank",
-    href: `${file.src}?original`
-  }, /*#__PURE__*/React.createElement(FileDetails.Action.Button, {
-    label: "Download",
-    icon: /*#__PURE__*/React.createElement(DownloadIcon, null),
-    onAction: () => {
-      /* Do nothing. */
-    }
-  }));
-};
-
-//# sourceMappingURL=Download.js.map

package/modules/FileManagerRenderer/FileActions/FileDetails/Download.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","ReactComponent","DownloadIcon","FileManagerViewConfig","useFile","FileDetails","Download","file","createElement","rel","target","href","src","Action","Button","label","icon","onAction"],"sources":["Download.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DownloadIcon } from \"@webiny/icons/file_download.svg\";\nimport { FileManagerViewConfig, useFile } from \"~/index.js\";\n\nconst { FileDetails } = FileManagerViewConfig;\n\nexport const Download = () => {\n    const { file } = useFile();\n\n    return (\n        <a rel=\"noreferrer\" target={\"_blank\"} href={`${file.src}?original`}>\n            <FileDetails.Action.Button\n                label={\"Download\"}\n                icon={<DownloadIcon />}\n                onAction={() => {\n                    /* Do nothing. */\n                }}\n            />\n        </a>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,YAAY,QAAQ,iCAAiC;AAChF,SAASC,qBAAqB,EAAEC,OAAO;AAEvC,MAAM;EAAEC;AAAY,CAAC,GAAGF,qBAAqB;AAE7C,OAAO,MAAMG,QAAQ,GAAGA,CAAA,KAAM;EAC1B,MAAM;IAAEC;EAAK,CAAC,GAAGH,OAAO,CAAC,CAAC;EAE1B,oBACIJ,KAAA,CAAAQ,aAAA;IAAGC,GAAG,EAAC,YAAY;IAACC,MAAM,EAAE,QAAS;IAACC,IAAI,EAAE,GAAGJ,IAAI,CAACK,GAAG;EAAY,gBAC/DZ,KAAA,CAAAQ,aAAA,CAACH,WAAW,CAACQ,MAAM,CAACC,MAAM;IACtBC,KAAK,EAAE,UAAW;IAClBC,IAAI,eAAEhB,KAAA,CAAAQ,aAAA,CAACN,YAAY,MAAE,CAAE;IACvBe,QAAQ,EAAEA,CAAA,KAAM;MACZ;IAAA;EACF,CACL,CACF,CAAC;AAEZ,CAAC","ignoreList":[]}

package/modules/FileManagerRenderer/FileActions/FileDetails/MoveToFolder.js

@@ -1,19 +0,0 @@
-import React from "react";
-import { ReactComponent as MoveIcon } from "@webiny/icons/exit_to_app.svg";
-import { FileManagerViewConfig, useFile, useMoveFileToFolder } from "../../../../index.js";
-const {
-  FileDetails
-} = FileManagerViewConfig;
-export const MoveToFolder = () => {
-  const {
-    file
-  } = useFile();
-  const moveToFolder = useMoveFileToFolder(file);
-  return /*#__PURE__*/React.createElement(FileDetails.Action.Button, {
-    label: "Move",
-    icon: /*#__PURE__*/React.createElement(MoveIcon, null),
-    onAction: moveToFolder
-  });
-};
-
-//# sourceMappingURL=MoveToFolder.js.map

package/modules/FileManagerRenderer/FileActions/FileDetails/MoveToFolder.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","ReactComponent","MoveIcon","FileManagerViewConfig","useFile","useMoveFileToFolder","FileDetails","MoveToFolder","file","moveToFolder","createElement","Action","Button","label","icon","onAction"],"sources":["MoveToFolder.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as MoveIcon } from \"@webiny/icons/exit_to_app.svg\";\nimport { FileManagerViewConfig, useFile, useMoveFileToFolder } from \"~/index.js\";\n\nconst { FileDetails } = FileManagerViewConfig;\n\nexport const MoveToFolder = () => {\n    const { file } = useFile();\n    const moveToFolder = useMoveFileToFolder(file);\n\n    return <FileDetails.Action.Button label={\"Move\"} icon={<MoveIcon />} onAction={moveToFolder} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,QAAQ,QAAQ,+BAA+B;AAC1E,SAASC,qBAAqB,EAAEC,OAAO,EAAEC,mBAAmB;AAE5D,MAAM;EAAEC;AAAY,CAAC,GAAGH,qBAAqB;AAE7C,OAAO,MAAMI,YAAY,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC;EAAK,CAAC,GAAGJ,OAAO,CAAC,CAAC;EAC1B,MAAMK,YAAY,GAAGJ,mBAAmB,CAACG,IAAI,CAAC;EAE9C,oBAAOR,KAAA,CAAAU,aAAA,CAACJ,WAAW,CAACK,MAAM,CAACC,MAAM;IAACC,KAAK,EAAE,MAAO;IAACC,IAAI,eAAEd,KAAA,CAAAU,aAAA,CAACR,QAAQ,MAAE,CAAE;IAACa,QAAQ,EAAEN;EAAa,CAAE,CAAC;AACnG,CAAC","ignoreList":[]}

package/modules/FileManagerRenderer/FileActions/Grid/Delete.js

@@ -1,29 +0,0 @@
-import React from "react";
-import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
-import { FileManagerViewConfig, useFile, useFileManagerApi } from "../../../../index.js";
-import { useDeleteFile } from "../../../../hooks/useDeleteFile.js";
-const {
-  Browser
-} = FileManagerViewConfig;
-export const Delete = () => {
-  const {
-    file
-  } = useFile();
-  const {
-    canEdit
-  } = useFileManagerApi();
-  const {
-    openDialogDeleteFile
-  } = useDeleteFile({
-    file,
-    onDelete: close
-  });
-  return /*#__PURE__*/React.createElement(Browser.Grid.Item.Action.IconButton, {
-    label: "Delete file",
-    icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
-    onAction: openDialogDeleteFile,
-    disabled: !canEdit(file)
-  });
-};
-
-//# sourceMappingURL=Delete.js.map

package/modules/FileManagerRenderer/FileActions/Grid/Delete.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","ReactComponent","DeleteIcon","FileManagerViewConfig","useFile","useFileManagerApi","useDeleteFile","Browser","Delete","file","canEdit","openDialogDeleteFile","onDelete","close","createElement","Grid","Item","Action","IconButton","label","icon","onAction","disabled"],"sources":["Delete.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { FileManagerViewConfig, useFile, useFileManagerApi } from \"~/index.js\";\nimport { useDeleteFile } from \"~/hooks/useDeleteFile.js\";\n\nconst { Browser } = FileManagerViewConfig;\n\nexport const Delete = () => {\n    const { file } = useFile();\n    const { canEdit } = useFileManagerApi();\n\n    const { openDialogDeleteFile } = useDeleteFile({\n        file,\n        onDelete: close\n    });\n\n    return (\n        <Browser.Grid.Item.Action.IconButton\n            label={\"Delete file\"}\n            icon={<DeleteIcon />}\n            onAction={openDialogDeleteFile}\n            disabled={!canEdit(file)}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASC,qBAAqB,EAAEC,OAAO,EAAEC,iBAAiB;AAC1D,SAASC,aAAa;AAEtB,MAAM;EAAEC;AAAQ,CAAC,GAAGJ,qBAAqB;AAEzC,OAAO,MAAMK,MAAM,GAAGA,CAAA,KAAM;EACxB,MAAM;IAAEC;EAAK,CAAC,GAAGL,OAAO,CAAC,CAAC;EAC1B,MAAM;IAAEM;EAAQ,CAAC,GAAGL,iBAAiB,CAAC,CAAC;EAEvC,MAAM;IAAEM;EAAqB,CAAC,GAAGL,aAAa,CAAC;IAC3CG,IAAI;IACJG,QAAQ,EAAEC;EACd,CAAC,CAAC;EAEF,oBACIb,KAAA,CAAAc,aAAA,CAACP,OAAO,CAACQ,IAAI,CAACC,IAAI,CAACC,MAAM,CAACC,UAAU;IAChCC,KAAK,EAAE,aAAc;IACrBC,IAAI,eAAEpB,KAAA,CAAAc,aAAA,CAACZ,UAAU,MAAE,CAAE;IACrBmB,QAAQ,EAAEV,oBAAqB;IAC/BW,QAAQ,EAAE,CAACZ,OAAO,CAACD,IAAI;EAAE,CAC5B,CAAC;AAEV,CAAC","ignoreList":[]}

package/modules/FileManagerRenderer/FileActions/Grid/Download.js

@@ -1,24 +0,0 @@
-import React from "react";
-import { ReactComponent as DownloadIcon } from "@webiny/icons/file_download.svg";
-import { FileManagerViewConfig, useFile } from "../../../../index.js";
-const {
-  Browser
-} = FileManagerViewConfig;
-export const Download = () => {
-  const {
-    file
-  } = useFile();
-  return /*#__PURE__*/React.createElement("a", {
-    rel: "noreferrer",
-    target: "_blank",
-    href: `${file.src}?original`
-  }, /*#__PURE__*/React.createElement(Browser.Grid.Item.Action.IconButton, {
-    icon: /*#__PURE__*/React.createElement(DownloadIcon, null),
-    label: "Download file",
-    onAction: () => {
-      /* Do nothing. */
-    }
-  }));
-};
-
-//# sourceMappingURL=Download.js.map

package/modules/FileManagerRenderer/FileActions/Grid/Download.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","ReactComponent","DownloadIcon","FileManagerViewConfig","useFile","Browser","Download","file","createElement","rel","target","href","src","Grid","Item","Action","IconButton","icon","label","onAction"],"sources":["Download.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DownloadIcon } from \"@webiny/icons/file_download.svg\";\nimport { FileManagerViewConfig, useFile } from \"~/index.js\";\n\nconst { Browser } = FileManagerViewConfig;\n\nexport const Download = () => {\n    const { file } = useFile();\n\n    return (\n        <a rel=\"noreferrer\" target={\"_blank\"} href={`${file.src}?original`}>\n            <Browser.Grid.Item.Action.IconButton\n                icon={<DownloadIcon />}\n                label={\"Download file\"}\n                onAction={() => {\n                    /* Do nothing. */\n                }}\n            />\n        </a>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,YAAY,QAAQ,iCAAiC;AAChF,SAASC,qBAAqB,EAAEC,OAAO;AAEvC,MAAM;EAAEC;AAAQ,CAAC,GAAGF,qBAAqB;AAEzC,OAAO,MAAMG,QAAQ,GAAGA,CAAA,KAAM;EAC1B,MAAM;IAAEC;EAAK,CAAC,GAAGH,OAAO,CAAC,CAAC;EAE1B,oBACIJ,KAAA,CAAAQ,aAAA;IAAGC,GAAG,EAAC,YAAY;IAACC,MAAM,EAAE,QAAS;IAACC,IAAI,EAAE,GAAGJ,IAAI,CAACK,GAAG;EAAY,gBAC/DZ,KAAA,CAAAQ,aAAA,CAACH,OAAO,CAACQ,IAAI,CAACC,IAAI,CAACC,MAAM,CAACC,UAAU;IAChCC,IAAI,eAAEjB,KAAA,CAAAQ,aAAA,CAACN,YAAY,MAAE,CAAE;IACvBgB,KAAK,EAAE,eAAgB;IACvBC,QAAQ,EAAEA,CAAA,KAAM;MACZ;IAAA;EACF,CACL,CACF,CAAC;AAEZ,CAAC","ignoreList":[]}

package/modules/FileManagerRenderer/FileActions/Grid/MoveToFolder.js

@@ -1,19 +0,0 @@
-import React from "react";
-import { ReactComponent as MoveIcon } from "@webiny/icons/exit_to_app.svg";
-import { FileManagerViewConfig, useFile, useMoveFileToFolder } from "../../../../index.js";
-const {
-  Browser
-} = FileManagerViewConfig;
-export const MoveToFolder = () => {
-  const {
-    file
-  } = useFile();
-  const moveToFolder = useMoveFileToFolder(file);
-  return /*#__PURE__*/React.createElement(Browser.Grid.Item.Action.IconButton, {
-    label: "Move file",
-    icon: /*#__PURE__*/React.createElement(MoveIcon, null),
-    onAction: moveToFolder
-  });
-};
-
-//# sourceMappingURL=MoveToFolder.js.map

package/modules/FileManagerRenderer/FileActions/Grid/MoveToFolder.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","ReactComponent","MoveIcon","FileManagerViewConfig","useFile","useMoveFileToFolder","Browser","MoveToFolder","file","moveToFolder","createElement","Grid","Item","Action","IconButton","label","icon","onAction"],"sources":["MoveToFolder.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as MoveIcon } from \"@webiny/icons/exit_to_app.svg\";\nimport { FileManagerViewConfig, useFile, useMoveFileToFolder } from \"~/index.js\";\n\nconst { Browser } = FileManagerViewConfig;\n\nexport const MoveToFolder = () => {\n    const { file } = useFile();\n    const moveToFolder = useMoveFileToFolder(file);\n\n    return (\n        <Browser.Grid.Item.Action.IconButton\n            label={\"Move file\"}\n            icon={<MoveIcon />}\n            onAction={moveToFolder}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,QAAQ,QAAQ,+BAA+B;AAC1E,SAASC,qBAAqB,EAAEC,OAAO,EAAEC,mBAAmB;AAE5D,MAAM;EAAEC;AAAQ,CAAC,GAAGH,qBAAqB;AAEzC,OAAO,MAAMI,YAAY,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC;EAAK,CAAC,GAAGJ,OAAO,CAAC,CAAC;EAC1B,MAAMK,YAAY,GAAGJ,mBAAmB,CAACG,IAAI,CAAC;EAE9C,oBACIR,KAAA,CAAAU,aAAA,CAACJ,OAAO,CAACK,IAAI,CAACC,IAAI,CAACC,MAAM,CAACC,UAAU;IAChCC,KAAK,EAAE,WAAY;IACnBC,IAAI,eAAEhB,KAAA,CAAAU,aAAA,CAACR,QAAQ,MAAE,CAAE;IACnBe,QAAQ,EAAER;EAAa,CAC1B,CAAC;AAEV,CAAC","ignoreList":[]}

package/modules/FileManagerRenderer/FileActions/Grid/Settings.js

@@ -1,23 +0,0 @@
-import React, { useCallback } from "react";
-import { ReactComponent as EditIcon } from "@webiny/icons/edit.svg";
-import { FileManagerViewConfig, useFile, useFileManagerView } from "../../../../index.js";
-const {
-  Browser
-} = FileManagerViewConfig;
-export const Settings = () => {
-  const {
-    file
-  } = useFile();
-  const view = useFileManagerView();
-  const showDetails = useCallback(() => {
-    view.showFileDetails(file.id);
-  }, [file.id]);
-  return /*#__PURE__*/React.createElement(Browser.Grid.Item.Action.IconButton, {
-    icon: /*#__PURE__*/React.createElement(EditIcon, null),
-    label: "Edit file details",
-    onAction: showDetails,
-    "data-testid": "fm-file-wrapper-file-info-icon"
-  });
-};
-
-//# sourceMappingURL=Settings.js.map

package/modules/FileManagerRenderer/FileActions/Grid/Settings.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useCallback","ReactComponent","EditIcon","FileManagerViewConfig","useFile","useFileManagerView","Browser","Settings","file","view","showDetails","showFileDetails","id","createElement","Grid","Item","Action","IconButton","icon","label","onAction"],"sources":["Settings.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\nimport { FileManagerViewConfig, useFile, useFileManagerView } from \"~/index.js\";\n\nconst { Browser } = FileManagerViewConfig;\n\nexport const Settings = () => {\n    const { file } = useFile();\n    const view = useFileManagerView();\n\n    const showDetails = useCallback(() => {\n        view.showFileDetails(file.id);\n    }, [file.id]);\n\n    return (\n        <Browser.Grid.Item.Action.IconButton\n            icon={<EditIcon />}\n            label={\"Edit file details\"}\n            onAction={showDetails}\n            data-testid={\"fm-file-wrapper-file-info-icon\"}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,cAAc,IAAIC,QAAQ,QAAQ,wBAAwB;AACnE,SAASC,qBAAqB,EAAEC,OAAO,EAAEC,kBAAkB;AAE3D,MAAM;EAAEC;AAAQ,CAAC,GAAGH,qBAAqB;AAEzC,OAAO,MAAMI,QAAQ,GAAGA,CAAA,KAAM;EAC1B,MAAM;IAAEC;EAAK,CAAC,GAAGJ,OAAO,CAAC,CAAC;EAC1B,MAAMK,IAAI,GAAGJ,kBAAkB,CAAC,CAAC;EAEjC,MAAMK,WAAW,GAAGV,WAAW,CAAC,MAAM;IAClCS,IAAI,CAACE,eAAe,CAACH,IAAI,CAACI,EAAE,CAAC;EACjC,CAAC,EAAE,CAACJ,IAAI,CAACI,EAAE,CAAC,CAAC;EAEb,oBACIb,KAAA,CAAAc,aAAA,CAACP,OAAO,CAACQ,IAAI,CAACC,IAAI,CAACC,MAAM,CAACC,UAAU;IAChCC,IAAI,eAAEnB,KAAA,CAAAc,aAAA,CAACX,QAAQ,MAAE,CAAE;IACnBiB,KAAK,EAAE,mBAAoB;IAC3BC,QAAQ,EAAEV,WAAY;IACtB,eAAa;EAAiC,CACjD,CAAC;AAEV,CAAC","ignoreList":[]}

package/modules/FileManagerRenderer/FileActions/index.js

@@ -1,43 +0,0 @@
-import React from "react";
-import { FileManagerViewConfig } from "../../../index.js";
-import { Delete as GridDelete } from "./Grid/Delete.js";
-import { Download as GridDownload } from "./Grid/Download.js";
-import { MoveToFolder as GridMoveToFolder } from "./Grid/MoveToFolder.js";
-import { Settings as GridSettings } from "./Grid/Settings.js";
-import { Download as FileDetailsDownload } from "./FileDetails/Download.js";
-import { MoveToFolder as FileDetailsMoveToFolder } from "./FileDetails/MoveToFolder.js";
-import { CopyUrl as FileDetailsCopyUrl } from "./FileDetails/CopyUrl.js";
-import { DeleteImage as FileDetailsDeleteImage } from "./FileDetails/DeleteImage.js";
-const {
-  Browser,
-  FileDetails
-} = FileManagerViewConfig;
-export const FileActions = () => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Browser.Grid.Item.Action, {
-    name: "settings",
-    element: /*#__PURE__*/React.createElement(GridSettings, null)
-  }), /*#__PURE__*/React.createElement(Browser.Grid.Item.Action, {
-    name: "download",
-    element: /*#__PURE__*/React.createElement(GridDownload, null)
-  }), /*#__PURE__*/React.createElement(Browser.Grid.Item.Action, {
-    name: "move",
-    element: /*#__PURE__*/React.createElement(GridMoveToFolder, null)
-  }), /*#__PURE__*/React.createElement(Browser.Grid.Item.Action, {
-    name: "delete",
-    element: /*#__PURE__*/React.createElement(GridDelete, null)
-  }), /*#__PURE__*/React.createElement(FileDetails.Action, {
-    name: "download",
-    element: /*#__PURE__*/React.createElement(FileDetailsDownload, null)
-  }), /*#__PURE__*/React.createElement(FileDetails.Action, {
-    name: "moveToFolder",
-    element: /*#__PURE__*/React.createElement(FileDetailsMoveToFolder, null)
-  }), /*#__PURE__*/React.createElement(FileDetails.Action, {
-    name: "copyUrl",
-    element: /*#__PURE__*/React.createElement(FileDetailsCopyUrl, null)
-  }), /*#__PURE__*/React.createElement(FileDetails.Action, {
-    name: "delete",
-    element: /*#__PURE__*/React.createElement(FileDetailsDeleteImage, null)
-  }));
-};
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","FileManagerViewConfig","Delete","GridDelete","Download","GridDownload","MoveToFolder","GridMoveToFolder","Settings","GridSettings","FileDetailsDownload","FileDetailsMoveToFolder","CopyUrl","FileDetailsCopyUrl","DeleteImage","FileDetailsDeleteImage","Browser","FileDetails","FileActions","createElement","Fragment","Grid","Item","Action","name","element"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { FileManagerViewConfig } from \"~/index.js\";\nimport { Delete as GridDelete } from \"./Grid/Delete.js\";\nimport { Download as GridDownload } from \"./Grid/Download.js\";\nimport { MoveToFolder as GridMoveToFolder } from \"./Grid/MoveToFolder.js\";\nimport { Settings as GridSettings } from \"./Grid/Settings.js\";\nimport { Download as FileDetailsDownload } from \"./FileDetails/Download.js\";\nimport { MoveToFolder as FileDetailsMoveToFolder } from \"./FileDetails/MoveToFolder.js\";\nimport { CopyUrl as FileDetailsCopyUrl } from \"./FileDetails/CopyUrl.js\";\nimport { DeleteImage as FileDetailsDeleteImage } from \"./FileDetails/DeleteImage.js\";\n\nconst { Browser, FileDetails } = FileManagerViewConfig;\n\nexport const FileActions = () => {\n    return (\n        <>\n            {/* Grid actions. */}\n            <Browser.Grid.Item.Action name={\"settings\"} element={<GridSettings />} />\n            <Browser.Grid.Item.Action name={\"download\"} element={<GridDownload />} />\n            <Browser.Grid.Item.Action name={\"move\"} element={<GridMoveToFolder />} />\n            <Browser.Grid.Item.Action name={\"delete\"} element={<GridDelete />} />\n            {/* File details actions. */}\n            <FileDetails.Action name={\"download\"} element={<FileDetailsDownload />} />\n            <FileDetails.Action name={\"moveToFolder\"} element={<FileDetailsMoveToFolder />} />\n            <FileDetails.Action name={\"copyUrl\"} element={<FileDetailsCopyUrl />} />\n            <FileDetails.Action name={\"delete\"} element={<FileDetailsDeleteImage />} />\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,qBAAqB;AAC9B,SAASC,MAAM,IAAIC,UAAU;AAC7B,SAASC,QAAQ,IAAIC,YAAY;AACjC,SAASC,YAAY,IAAIC,gBAAgB;AACzC,SAASC,QAAQ,IAAIC,YAAY;AACjC,SAASL,QAAQ,IAAIM,mBAAmB;AACxC,SAASJ,YAAY,IAAIK,uBAAuB;AAChD,SAASC,OAAO,IAAIC,kBAAkB;AACtC,SAASC,WAAW,IAAIC,sBAAsB;AAE9C,MAAM;EAAEC,OAAO;EAAEC;AAAY,CAAC,GAAGhB,qBAAqB;AAEtD,OAAO,MAAMiB,WAAW,GAAGA,CAAA,KAAM;EAC7B,oBACIlB,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAAoB,QAAA,qBAEIpB,KAAA,CAAAmB,aAAA,CAACH,OAAO,CAACK,IAAI,CAACC,IAAI,CAACC,MAAM;IAACC,IAAI,EAAE,UAAW;IAACC,OAAO,eAAEzB,KAAA,CAAAmB,aAAA,CAACV,YAAY,MAAE;EAAE,CAAE,CAAC,eACzET,KAAA,CAAAmB,aAAA,CAACH,OAAO,CAACK,IAAI,CAACC,IAAI,CAACC,MAAM;IAACC,IAAI,EAAE,UAAW;IAACC,OAAO,eAAEzB,KAAA,CAAAmB,aAAA,CAACd,YAAY,MAAE;EAAE,CAAE,CAAC,eACzEL,KAAA,CAAAmB,aAAA,CAACH,OAAO,CAACK,IAAI,CAACC,IAAI,CAACC,MAAM;IAACC,IAAI,EAAE,MAAO;IAACC,OAAO,eAAEzB,KAAA,CAAAmB,aAAA,CAACZ,gBAAgB,MAAE;EAAE,CAAE,CAAC,eACzEP,KAAA,CAAAmB,aAAA,CAACH,OAAO,CAACK,IAAI,CAACC,IAAI,CAACC,MAAM;IAACC,IAAI,EAAE,QAAS;IAACC,OAAO,eAAEzB,KAAA,CAAAmB,aAAA,CAAChB,UAAU,MAAE;EAAE,CAAE,CAAC,eAErEH,KAAA,CAAAmB,aAAA,CAACF,WAAW,CAACM,MAAM;IAACC,IAAI,EAAE,UAAW;IAACC,OAAO,eAAEzB,KAAA,CAAAmB,aAAA,CAACT,mBAAmB,MAAE;EAAE,CAAE,CAAC,eAC1EV,KAAA,CAAAmB,aAAA,CAACF,WAAW,CAACM,MAAM;IAACC,IAAI,EAAE,cAAe;IAACC,OAAO,eAAEzB,KAAA,CAAAmB,aAAA,CAACR,uBAAuB,MAAE;EAAE,CAAE,CAAC,eAClFX,KAAA,CAAAmB,aAAA,CAACF,WAAW,CAACM,MAAM;IAACC,IAAI,EAAE,SAAU;IAACC,OAAO,eAAEzB,KAAA,CAAAmB,aAAA,CAACN,kBAAkB,MAAE;EAAE,CAAE,CAAC,eACxEb,KAAA,CAAAmB,aAAA,CAACF,WAAW,CAACM,MAAM;IAACC,IAAI,EAAE,QAAS;IAACC,OAAO,eAAEzB,KAAA,CAAAmB,aAAA,CAACJ,sBAAsB,MAAE;EAAE,CAAE,CAC5E,CAAC;AAEX,CAAC","ignoreList":[]}

package/modules/FileManagerRenderer/FileManagerView/FileManagerView.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-declare const _default: (() => React.JSX.Element) & {
-    displayName: string;
-};
-export default _default;

package/modules/FileManagerRenderer/FileManagerView/FileManagerView.js

@@ -1,280 +0,0 @@
-import React, { useCallback, useEffect, useMemo, useState } from "react";
-import Files from "react-butterfiles";
-import debounce from "lodash/debounce.js";
-import { useHotkeys } from "@webiny/app-admin";
-import { observer } from "mobx-react-lite";
-import { Scrollbar } from "@webiny/admin-ui";
-import { i18n } from "@webiny/app/i18n/index.js";
-import { LeftPanel, OverlayLayout, RightPanel, SplitView, useSnackbar } from "@webiny/app-admin";
-import { useFileManagerView } from "../FileManagerViewProvider/index.js";
-import { outputFileSelectionError } from "./outputFileSelectionError.js";
-import { LeftSidebar } from "./LeftSidebar.js";
-import { useFileManagerViewConfig } from "../../../index.js";
-import { BatchFileUploader } from "../../../BatchFileUploader.js";
-import { BottomInfoBar } from "../../../components/BottomInfoBar/index.js";
-import { BulkActions } from "../../../components/BulkActions/index.js";
-import { FileDropPlaceholder } from "../../../components/FileDropPlaceholder/index.js";
-import { Empty } from "../../../components/Empty/index.js";
-import { FileDetails } from "../../../components/FileDetails/index.js";
-import { Filters } from "../../../components/Filters/index.js";
-import { Grid } from "../../../components/Grid/index.js";
-import { Header } from "../../../components/Header/index.js";
-import { Table } from "../../../components/Table/index.js";
-import { TagsList } from "../../../components/TagsList/index.js";
-import { UploadStatus } from "../../../components/UploadStatus/index.js";
-const t = i18n.ns("app-admin/file-manager/file-manager-view");
-const createSort = sorting => {
-  if (!sorting?.length) {
-    return undefined;
-  }
-  return sorting.reduce((items, item) => {
-    const sort = `${item.id}_${item.desc ? "DESC" : "ASC"}`;
-    if (items.includes(sort)) {
-      return items;
-    }
-    items.push(sort);
-    return items;
-  }, []);
-};
-const FileManagerView = () => {
-  const view = useFileManagerView();
-  const {
-    browser
-  } = useFileManagerViewConfig();
-  const {
-    showSnackbar
-  } = useSnackbar();
-  const [drawerLoading, setDrawerLoading] = useState(null);
-  const uploader = useMemo(() => new BatchFileUploader(view.uploadFile), [view.folderId]);
-  const [tableSorting, setTableSorting] = useState([]);
-  const [currentFile, setCurrentFile] = useState();
-  useEffect(() => {
-    const fetchFileDetails = async () => {
-      if (view.showingFileDetails) {
-        setDrawerLoading("Loading file details...");
-        const file = await view.getFile(view.showingFileDetails);
-        setCurrentFile(file);
-      } else {
-        setCurrentFile(undefined);
-      }
-      setDrawerLoading(null);
-    };
-
-    // call the function
-    fetchFileDetails();
-  }, [view.showingFileDetails]);
-  useEffect(() => {
-    if (!tableSorting?.length) {
-      return;
-    }
-    const sort = createSort(tableSorting);
-    if (!sort) {
-      return;
-    }
-    view.setListSort(sort);
-  }, [tableSorting]);
-  const getFileUploadErrorMessage = useCallback(e => {
-    if (typeof e === "string") {
-      const match = e.match(/Message>(.*?)<\/Message/);
-      if (match) {
-        const [, message] = match;
-        return message;
-      }
-      return e;
-    }
-    return e.message;
-  }, []);
-  useHotkeys({
-    zIndex: 20,
-    keys: {
-      esc: () => {
-        if (view.overlay) {
-          view.onClose();
-        }
-      }
-    }
-  });
-  const uploadFiles = async files => {
-    uploader.addFiles(files);
-    view.setIsUploadProgressIndicatorVisible(true);
-    uploader.onUploadFinished(({
-      uploaded,
-      errors
-    }) => {
-      uploader.reset();
-      view.setIsUploadProgressIndicatorVisible(true);
-      if (errors.length > 0) {
-        showSnackbar(/*#__PURE__*/React.createElement(React.Fragment, null, t`One or more files were not uploaded successfully:`, /*#__PURE__*/React.createElement("ol", null, errors.map(({
-          file,
-          e
-        }) => /*#__PURE__*/React.createElement("li", {
-          key: file.name
-        }, /*#__PURE__*/React.createElement("strong", null, file.name), ": ", getFileUploadErrorMessage(e))))));
-        return;
-      }
-      showSnackbar(t`File upload complete.`, {
-        timeout: 3000
-      });
-      view.onUploadCompletion(uploaded);
-    });
-  };
-  const filesBeingUploaded = uploader.getJobs().length;
-  const progress = uploader.progress;
-  const renderList = browseFiles => {
-    if (!view.isListLoading && view.isSearch && view.files.length === 0) {
-      return /*#__PURE__*/React.createElement(Empty, {
-        isSearchResult: true,
-        browseFiles: browseFiles
-      });
-    }
-    if (!view.isListLoading && view.files.length === 0 && view.folders.length === 0) {
-      return /*#__PURE__*/React.createElement(Empty, {
-        isSearchResult: false,
-        browseFiles: browseFiles
-      });
-    }
-    if (view.listTable) {
-      const getSelectableRow = rows => rows.filter(row => row.$type === "RECORD").map(row => row.data);
-      const onSelectRow = view.hasOnSelectCallback ? rows => {
-        const files = getSelectableRow(rows);
-        if (view.multiple) {
-          view.setSelected(files);
-        } else {
-          view.onChange(files[0]);
-        }
-      } : rows => {
-        const files = getSelectableRow(rows);
-        view.setSelected(files);
-      };
-      const onToggleRow = view.hasOnSelectCallback ? row => {
-        const files = getSelectableRow([row]);
-        if (view.multiple) {
-          view.toggleSelected(files[0]);
-        } else {
-          view.onChange(files[0]);
-        }
-      } : row => {
-        const files = getSelectableRow([row]);
-        view.toggleSelected(files[0]);
-      };
-      return /*#__PURE__*/React.createElement(Table, {
-        onSelectRow: onSelectRow,
-        onToggleRow: onToggleRow,
-        sorting: tableSorting,
-        onSortingChange: setTableSorting
-      });
-    }
-    return /*#__PURE__*/React.createElement(Grid, {
-      folderActions: browser.folder.actions,
-      folders: view.folders,
-      records: view.files,
-      loading: view.isListLoading,
-      onFolderClick: view.setFolderId,
-      selected: view.selected,
-      multiple: view.multiple,
-      toggleSelected: view.toggleSelected,
-      deselectAll: view.deselectAll,
-      onChange: view.onChange,
-      onClose: view.onClose,
-      hasOnSelectCallback: view.hasOnSelectCallback,
-      displaySubFolders: view.displaySubFolders
-    });
-  };
-  const loadMoreOnScroll = useCallback(debounce(async ({
-    scrollFrame
-  }) => {
-    if (scrollFrame.top > 0.8) {
-      view.loadMoreFiles();
-    }
-  }, 200), [view.meta, view.loadMoreFiles]);
-  const updateFile = useCallback(async data => {
-    const {
-      id,
-      ...fileData
-    } = data;
-    setDrawerLoading("Saving file changes...");
-    await view.updateFile(id, fileData);
-    setDrawerLoading(null);
-    showSnackbar("File updated successfully!");
-    view.hideFileDetails();
-  }, [view.updateFile]);
-  const withOverlay = element => {
-    if (view.overlay) {
-      return /*#__PURE__*/React.createElement(OverlayLayout, {
-        variant: "strong",
-        onExited: view.onClose
-      }, element);
-    }
-    return element;
-  };
-  return /*#__PURE__*/React.createElement(Files, {
-    multiple: true,
-    maxSize: view.settings ? view.settings.uploadMaxFileSize + "b" : "1TB",
-    multipleMaxSize: "1TB",
-    accept: view.accept,
-    onSuccess: files => {
-      const filesToUpload = files.map(file => file.src.file).filter(Boolean);
-      uploadFiles(filesToUpload);
-    },
-    onError: errors => {
-      const message = outputFileSelectionError(errors);
-      showSnackbar(message);
-    }
-  }, ({
-    getDropZoneProps,
-    browseFiles
-  }) => withOverlay(/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FileDetails, {
-    loading: drawerLoading,
-    file: currentFile,
-    open: Boolean(view.showingFileDetails),
-    onClose: view.hideFileDetails,
-    onSave: updateFile
-  }), /*#__PURE__*/React.createElement(SplitView, {
-    namespace: "fm/file/list"
-  }, /*#__PURE__*/React.createElement(LeftPanel, {
-    span: 2
-  }, /*#__PURE__*/React.createElement(LeftSidebar, {
-    currentFolder: view.folderId,
-    onFolderClick: view.setFolderId
-  }, browser.filterByTags ? /*#__PURE__*/React.createElement(TagsList, {
-    loading: view.tags.loading,
-    activeTags: view.tags.activeTags,
-    tags: view.tags.allTags,
-    onActivatedTagsChange: view.tags.setActiveTags
-  }) : null)), /*#__PURE__*/React.createElement(RightPanel, {
-    span: 10
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col relative",
-    style: {
-      height: "calc(100vh - 45px"
-    }
-  }, /*#__PURE__*/React.createElement(Header, {
-    browseFiles: browseFiles
-  }), /*#__PURE__*/React.createElement("div", Object.assign({
-    className: "flex-1"
-  }, getDropZoneProps({
-    onDragOver: () => view.setDragging(true),
-    onDragLeave: () => view.setDragging(false),
-    onDrop: () => view.setDragging(false)
-  }), {
-    "data-testid": "fm-list-wrapper"
-  }), /*#__PURE__*/React.createElement(BulkActions, null), /*#__PURE__*/React.createElement(Filters, null), /*#__PURE__*/React.createElement(Scrollbar, {
-    onScrollFrame: scrollFrame => loadMoreOnScroll({
-      scrollFrame
-    })
-  }, renderList(browseFiles)), view.dragging && /*#__PURE__*/React.createElement(FileDropPlaceholder, null), /*#__PURE__*/React.createElement(UploadStatus, {
-    numberOfFiles: filesBeingUploaded,
-    progress: progress,
-    isVisible: view.isUploadProgressIndicatorVisible,
-    setIsVisible: view.setIsUploadProgressIndicatorVisible
-  })), /*#__PURE__*/React.createElement(BottomInfoBar, {
-    accept: view.accept,
-    listing: view.isListLoadingMore,
-    loading: view.isListLoading,
-    totalCount: view.meta?.totalCount ?? 0,
-    currentCount: view.files.length
-  })))))));
-};
-export default observer(FileManagerView);
-
-//# sourceMappingURL=FileManagerView.js.map