@webiny/app-file-manager 5.37.0-beta.0 → 5.37.0-beta.2

package/components/Table/Table.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Table = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -17,7 +16,6 @@ var _DataTable = require("@webiny/ui/DataTable");
 var _Menu = require("@webiny/ui/Menu");
 var _bytes = _interopRequireDefault(require("bytes"));
 var _timeagoReact = _interopRequireDefault(require("timeago-react"));
-var _useDeepCompareEffect = _interopRequireDefault(require("use-deep-compare-effect"));
 var _Name = require("./Name");
 var _FolderActionDelete = require("./FolderActionDelete");
 var _FolderActionEdit = require("./FolderActionEdit");
@@ -25,138 +23,117 @@ var _RecordActionCopy = require("./RecordActionCopy");
 var _RecordActionDelete = require("./RecordActionDelete");
 var _RecordActionEdit = require("./RecordActionEdit");
 var _RecordActionMove = require("./RecordActionMove");
-var _constants = require("../../constants");
 var _styled = require("./styled");
+var _FileProvider = require("../../contexts/FileProvider");
 /**
  * Package timeago-react does not have types.
- */
-// @ts-ignore
-
+ */ // @ts-ignore
+var createRecordsData = function createRecordsData(items, selectable) {
+  return items.map(function (data) {
+    var _data$createdBy;
+    return {
+      $type: "RECORD",
+      $selectable: selectable,
+      id: data.id,
+      name: data.name,
+      createdBy: ((_data$createdBy = data.createdBy) === null || _data$createdBy === void 0 ? void 0 : _data$createdBy.displayName) || "-",
+      savedOn: data.savedOn,
+      type: data.type,
+      size: data.size,
+      original: data || {},
+      location: data.location
+    };
+  });
+};
+var createFoldersData = function createFoldersData(items) {
+  return items.map(function (item) {
+    var _item$createdBy;
+    return {
+      $type: "FOLDER",
+      $selectable: false,
+      id: item.id,
+      title: item.title,
+      createdBy: ((_item$createdBy = item.createdBy) === null || _item$createdBy === void 0 ? void 0 : _item$createdBy.displayName) || "-",
+      savedOn: item.savedOn,
+      original: item
+    };
+  });
+};
+function isFileEntry(entry) {
+  return entry.$type === "RECORD";
+}
 var Table = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var folders = props.folders,
     records = props.records,
+    selectedRecords = props.selectedRecords,
+    onSelectRow = props.onSelectRow,
     loading = props.loading,
     onRecordClick = props.onRecordClick,
     onFolderClick = props.onFolderClick,
-    onSelectRow = props.onSelectRow,
     sorting = props.sorting,
     onSortingChange = props.onSortingChange,
-    selectableItems = props.selectableItems;
-  var _useState = (0, _react.useState)([]),
+    selectableItems = props.selectableItems,
+    canSelectAllRows = props.canSelectAllRows;
+  var _useState = (0, _react.useState)(),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    data = _useState2[0],
-    setData = _useState2[1];
-  var _useState3 = (0, _react.useState)(),
+    selectedFolder = _useState2[0],
+    setSelectedFolder = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    selectedFolder = _useState4[0],
-    setSelectedFolder = _useState4[1];
+    updateDialogOpen = _useState4[0],
+    setUpdateDialogOpen = _useState4[1];
   var _useState5 = (0, _react.useState)(false),
     _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    updateDialogOpen = _useState6[0],
-    setUpdateDialogOpen = _useState6[1];
-  var _useState7 = (0, _react.useState)(false),
-    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    deleteDialogOpen = _useState8[0],
-    setDeleteDialogOpen = _useState8[1];
-  var _useState9 = (0, _react.useState)(),
-    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-    selectedSearchRecord = _useState10[0],
-    setSelectedSearchRecord = _useState10[1];
-  var _useState11 = (0, _react.useState)(false),
-    _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-    moveSearchRecordDialogOpen = _useState12[0],
-    setMoveSearchRecordDialogOpen = _useState12[1];
-  var createRecordsData = (0, _react.useMemo)(function () {
-    return function (items) {
-      return items.map(function (_ref) {
-        var data = _ref.data;
-        return {
-          id: data.id,
-          type: "RECORD",
-          title: data.name,
-          createdBy: data.createdBy.displayName,
-          savedOn: data.createdOn,
-          fileType: data.type,
-          size: data.size,
-          original: data || {},
-          selectable: selectableItems
-        };
-      });
-    };
-  }, [records]);
-  var createFoldersData = (0, _react.useMemo)(function () {
-    return function (items) {
-      return items.map(function (item) {
-        return {
-          id: item.id,
-          type: "FOLDER",
-          title: item.title,
-          createdBy: item.createdBy.displayName || "-",
-          savedOn: item.createdOn,
-          original: item,
-          selectable: false
-        };
-      });
-    };
-  }, [folders]);
-  (0, _useDeepCompareEffect.default)(function () {
-    var foldersData = createFoldersData(folders);
-    var files = createRecordsData(records);
-    setData([].concat((0, _toConsumableArray2.default)(foldersData), (0, _toConsumableArray2.default)(files)));
-  }, [(0, _objectSpread2.default)({}, folders), (0, _objectSpread2.default)({}, records)]);
+    deleteDialogOpen = _useState6[0],
+    setDeleteDialogOpen = _useState6[1];
+  var data = (0, _react.useMemo)(function () {
+    return [].concat((0, _toConsumableArray2.default)(createFoldersData(folders)), (0, _toConsumableArray2.default)(createRecordsData(records, selectableItems)));
+  }, [folders, records]);
   var columns = {
-    title: {
+    name: {
       header: "Name",
-      cell: function cell(_ref2) {
-        var id = _ref2.id,
-          title = _ref2.title,
-          type = _ref2.type,
-          fileType = _ref2.fileType;
-        if (type === "RECORD") {
+      enableSorting: true,
+      cell: function cell(item) {
+        if (isFileEntry(item)) {
           return /*#__PURE__*/_react.default.createElement(_Name.FileName, {
-            name: title,
-            id: id,
-            type: fileType,
+            name: item.name,
+            id: item.id,
+            type: item.type,
             onClick: onRecordClick
           });
-        } else {
-          return /*#__PURE__*/_react.default.createElement(_Name.FolderName, {
-            name: title,
-            id: id,
-            onClick: onFolderClick
-          });
         }
-      },
-      enableSorting: true
+        return /*#__PURE__*/_react.default.createElement(_Name.FolderName, {
+          name: item.title,
+          id: item.id,
+          onClick: onFolderClick
+        });
+      }
     },
-    fileType: {
+    type: {
       header: "Type",
-      cell: function cell(_ref3) {
-        var fileType = _ref3.fileType;
-        if (fileType) {
-          return fileType;
-        } else {
-          return "-";
+      cell: function cell(item) {
+        if (isFileEntry(item)) {
+          return item.type;
         }
+        return "-";
       }
     },
     size: {
       header: "Size",
-      cell: function cell(_ref4) {
-        var size = _ref4.size;
-        if (size) {
-          return _bytes.default.format(size, {
+      enableSorting: true,
+      cell: function cell(item) {
+        if (isFileEntry(item)) {
+          return _bytes.default.format(item.size, {
             unitSeparator: " "
           });
-        } else {
-          return "-";
         }
+        return "-";
       }
     },
     savedOn: {
       header: "Last modified",
-      cell: function cell(_ref5) {
-        var savedOn = _ref5.savedOn;
+      cell: function cell(_ref) {
+        var savedOn = _ref.savedOn;
         return /*#__PURE__*/_react.default.createElement(_timeagoReact.default, {
           datetime: savedOn
         });
@@ -172,65 +149,61 @@ var Table = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         alignEnd: true
       },
       className: _styled.actionsColumnStyles,
-      cell: function cell(_ref6) {
-        var type = _ref6.type,
-          original = _ref6.original;
-        if (!original) {
+      cell: function cell(item) {
+        if (!item.original) {
           return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
-        }
-        if (type === "RECORD") {
-          return /*#__PURE__*/_react.default.createElement(_Menu.Menu, {
+        } else if (isFileEntry(item)) {
+          var _original = item.original;
+          return /*#__PURE__*/_react.default.createElement(_FileProvider.FileProvider, {
+            file: _original
+          }, /*#__PURE__*/_react.default.createElement(_Menu.Menu, {
             className: _styled.menuStyles,
             handle: /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
               icon: /*#__PURE__*/_react.default.createElement(_more_vert.ReactComponent, null)
             })
           }, /*#__PURE__*/_react.default.createElement(_RecordActionCopy.RecordActionCopy, {
-            record: original
+            record: _original
           }), /*#__PURE__*/_react.default.createElement(_RecordActionEdit.RecordActionEdit, {
-            id: original.id,
+            id: _original.id,
             onClick: onRecordClick
-          }), /*#__PURE__*/_react.default.createElement(_RecordActionMove.RecordActionMove, {
-            onClick: function onClick() {
-              setMoveSearchRecordDialogOpen(true);
-              setSelectedSearchRecord(function () {
-                return records.find(function (record) {
-                  return record.id === original.id;
-                });
-              });
-            }
-          }), /*#__PURE__*/_react.default.createElement(_RecordActionDelete.RecordActionDelete, {
-            record: original
-          }));
-        } else {
-          return /*#__PURE__*/_react.default.createElement(_Menu.Menu, {
-            handle: /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-              icon: /*#__PURE__*/_react.default.createElement(_more_vert.ReactComponent, null)
-            })
-          }, /*#__PURE__*/_react.default.createElement(_FolderActionEdit.FolderActionEdit, {
-            onClick: function onClick() {
-              setUpdateDialogOpen(true);
-              setSelectedFolder(original);
-            }
-          }), /*#__PURE__*/_react.default.createElement(_FolderActionDelete.FolderActionDelete, {
-            onClick: function onClick() {
-              setDeleteDialogOpen(true);
-              setSelectedFolder(original);
-            }
-          }));
+          }), /*#__PURE__*/_react.default.createElement(_RecordActionMove.RecordActionMove, null), /*#__PURE__*/_react.default.createElement(_RecordActionDelete.RecordActionDelete, {
+            record: _original
+          })));
         }
+        var original = item.original;
+        return /*#__PURE__*/_react.default.createElement(_Menu.Menu, {
+          handle: /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
+            icon: /*#__PURE__*/_react.default.createElement(_more_vert.ReactComponent, null)
+          })
+        }, /*#__PURE__*/_react.default.createElement(_FolderActionEdit.FolderActionEdit, {
+          onClick: function onClick() {
+            setUpdateDialogOpen(true);
+            setSelectedFolder(original);
+          }
+        }), /*#__PURE__*/_react.default.createElement(_FolderActionDelete.FolderActionDelete, {
+          onClick: function onClick() {
+            setDeleteDialogOpen(true);
+            setSelectedFolder(original);
+          }
+        }));
       }
     }
   };
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: ref
   }, /*#__PURE__*/_react.default.createElement(_DataTable.DataTable, {
+    canSelectAllRows: canSelectAllRows,
     columns: columns,
     data: data,
     loadingInitial: loading,
     stickyRows: 1,
     onSelectRow: onSelectRow,
+    isRowSelectable: function isRowSelectable(row) {
+      return row.original.$selectable;
+    },
     sorting: sorting,
-    onSortingChange: onSortingChange
+    onSortingChange: onSortingChange,
+    selectedRows: createRecordsData(selectedRecords, true)
   }), selectedFolder && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_appAco.FolderDialogUpdate, {
     folder: selectedFolder,
     open: updateDialogOpen,
@@ -243,14 +216,7 @@ var Table = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     onClose: function onClose() {
       return setDeleteDialogOpen(false);
     }
-  })), selectedSearchRecord && /*#__PURE__*/_react.default.createElement(_appAco.EntryDialogMove, {
-    type: _constants.ACO_TYPE,
-    searchRecord: selectedSearchRecord,
-    open: moveSearchRecordDialogOpen,
-    onClose: function onClose() {
-      return setMoveSearchRecordDialogOpen(false);
-    }
-  }));
+  })));
 });
 exports.Table = Table;
 Table.displayName = "Table";

package/components/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"names":["Table","forwardRef","props","ref","folders","records","loading","onRecordClick","onFolderClick","onSelectRow","sorting","onSortingChange","selectableItems","useState","data","setData","selectedFolder","setSelectedFolder","updateDialogOpen","setUpdateDialogOpen","deleteDialogOpen","setDeleteDialogOpen","selectedSearchRecord","setSelectedSearchRecord","moveSearchRecordDialogOpen","setMoveSearchRecordDialogOpen","createRecordsData","useMemo","items","map","id","type","title","name","createdBy","displayName","savedOn","createdOn","fileType","size","original","selectable","createFoldersData","item","useDeepCompareEffect","foldersData","files","columns","header","cell","enableSorting","bytes","format","unitSeparator","meta","alignEnd","className","actionsColumnStyles","menuStyles","find","record","ACO_TYPE"],"sources":["Table.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useState } from \"react\";\n\nimport { ReactComponent as More } from \"@material-design-icons/svg/filled/more_vert.svg\";\nimport { EntryDialogMove, FolderDialogDelete, FolderDialogUpdate } from \"@webiny/app-aco\";\nimport { FolderItem, SearchRecordItem } from \"@webiny/app-aco/types\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Columns, DataTable, OnSortingChange, Sorting } from \"@webiny/ui/DataTable\";\nimport { Menu } from \"@webiny/ui/Menu\";\nimport bytes from \"bytes\";\n/**\n * Package timeago-react does not have types.\n */\n// @ts-ignore\nimport TimeAgo from \"timeago-react\";\nimport useDeepCompareEffect from \"use-deep-compare-effect\";\n\nimport { FileName, FolderName } from \"./Name\";\nimport { FolderActionDelete } from \"./FolderActionDelete\";\nimport { FolderActionEdit } from \"./FolderActionEdit\";\nimport { RecordActionCopy } from \"./RecordActionCopy\";\nimport { RecordActionDelete } from \"./RecordActionDelete\";\nimport { RecordActionEdit } from \"./RecordActionEdit\";\nimport { RecordActionMove } from \"./RecordActionMove\";\n\nimport { ACO_TYPE } from \"~/constants\";\n\nimport { menuStyles, actionsColumnStyles } from \"./styled\";\nimport { FileItem } from \"@webiny/app/types\";\nimport { Settings } from \"~/types\";\n\ninterface TableProps {\n    records: SearchRecordItem<FileItem>[];\n    folders: FolderItem[];\n    loading?: boolean;\n    onRecordClick: (id: string) => void;\n    onFolderClick: (id: string) => void;\n    onSelectRow: (rows: Entry[] | []) => void;\n    sorting: Sorting;\n    onSortingChange: OnSortingChange;\n    settings?: Settings;\n    selectableItems: boolean;\n}\n\ninterface Entry {\n    id: string;\n    type: \"RECORD\" | \"FOLDER\";\n    title: string;\n    createdBy: string;\n    savedOn: string;\n    fileType?: string;\n    size?: number;\n    original: FileItem | FolderItem;\n    selectable: boolean;\n}\n\nexport const Table = forwardRef<HTMLDivElement, TableProps>((props, ref) => {\n    const {\n        folders,\n        records,\n        loading,\n        onRecordClick,\n        onFolderClick,\n        onSelectRow,\n        sorting,\n        onSortingChange,\n        selectableItems\n    } = props;\n\n    const [data, setData] = useState<Entry[]>([]);\n    const [selectedFolder, setSelectedFolder] = useState<FolderItem>();\n    const [updateDialogOpen, setUpdateDialogOpen] = useState<boolean>(false);\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState<boolean>(false);\n\n    const [selectedSearchRecord, setSelectedSearchRecord] = useState<SearchRecordItem>();\n    const [moveSearchRecordDialogOpen, setMoveSearchRecordDialogOpen] = useState<boolean>(false);\n\n    const createRecordsData = useMemo(() => {\n        return (items: SearchRecordItem<FileItem>[]): Entry[] =>\n            items.map(({ data }) => ({\n                id: data.id,\n                type: \"RECORD\",\n                title: data.name,\n                createdBy: data.createdBy.displayName,\n                savedOn: data.createdOn,\n                fileType: data.type,\n                size: data.size,\n                original: data || {},\n                selectable: selectableItems\n            }));\n    }, [records]);\n\n    const createFoldersData = useMemo(() => {\n        return (items: FolderItem[]): Entry[] =>\n            items.map(item => ({\n                id: item.id,\n                type: \"FOLDER\",\n                title: item.title,\n                createdBy: item.createdBy.displayName || \"-\",\n                savedOn: item.createdOn,\n                original: item,\n                selectable: false\n            }));\n    }, [folders]);\n\n    useDeepCompareEffect(() => {\n        const foldersData = createFoldersData(folders);\n        const files = createRecordsData(records);\n        setData([...foldersData, ...files]);\n    }, [{ ...folders }, { ...records }]);\n\n    const columns: Columns<Entry> = {\n        title: {\n            header: \"Name\",\n            cell: ({ id, title, type, fileType }) => {\n                if (type === \"RECORD\") {\n                    return (\n                        <FileName name={title} id={id} type={fileType} onClick={onRecordClick} />\n                    );\n                } else {\n                    return <FolderName name={title} id={id} onClick={onFolderClick} />;\n                }\n            },\n            enableSorting: true\n        },\n        fileType: {\n            header: \"Type\",\n            cell: ({ fileType }) => {\n                if (fileType) {\n                    return fileType;\n                } else {\n                    return \"-\";\n                }\n            }\n        },\n        size: {\n            header: \"Size\",\n            cell: ({ size }) => {\n                if (size) {\n                    return bytes.format(size, { unitSeparator: \" \" });\n                } else {\n                    return \"-\";\n                }\n            }\n        },\n        savedOn: {\n            header: \"Last modified\",\n            cell: ({ savedOn }) => <TimeAgo datetime={savedOn} />,\n            enableSorting: true\n        },\n        createdBy: {\n            header: \"Author\"\n        },\n        original: {\n            header: \"\",\n            meta: {\n                alignEnd: true\n            },\n            className: actionsColumnStyles,\n            cell: ({ type, original }) => {\n                if (!original) {\n                    return <></>;\n                }\n\n                if (type === \"RECORD\") {\n                    return (\n                        <Menu className={menuStyles} handle={<IconButton icon={<More />} />}>\n                            <RecordActionCopy record={original as FileItem} />\n                            <RecordActionEdit id={original.id} onClick={onRecordClick} />\n                            <RecordActionMove\n                                onClick={() => {\n                                    setMoveSearchRecordDialogOpen(true);\n                                    setSelectedSearchRecord(() =>\n                                        records.find(\n                                            record => record.id === (original as FileItem).id\n                                        )\n                                    );\n                                }}\n                            />\n                            <RecordActionDelete record={original as FileItem} />\n                        </Menu>\n                    );\n                } else {\n                    return (\n                        <Menu handle={<IconButton icon={<More />} />}>\n                            <FolderActionEdit\n                                onClick={() => {\n                                    setUpdateDialogOpen(true);\n                                    setSelectedFolder(original as FolderItem);\n                                }}\n                            />\n                            <FolderActionDelete\n                                onClick={() => {\n                                    setDeleteDialogOpen(true);\n                                    setSelectedFolder(original as FolderItem);\n                                }}\n                            />\n                        </Menu>\n                    );\n                }\n            }\n        }\n    };\n\n    return (\n        <div ref={ref}>\n            <DataTable\n                columns={columns}\n                data={data}\n                loadingInitial={loading}\n                stickyRows={1}\n                onSelectRow={onSelectRow}\n                sorting={sorting}\n                onSortingChange={onSortingChange}\n            />\n            {selectedFolder && (\n                <>\n                    <FolderDialogUpdate\n                        folder={selectedFolder}\n                        open={updateDialogOpen}\n                        onClose={() => setUpdateDialogOpen(false)}\n                    />\n                    <FolderDialogDelete\n                        folder={selectedFolder}\n                        open={deleteDialogOpen}\n                        onClose={() => setDeleteDialogOpen(false)}\n                    />\n                </>\n            )}\n            {selectedSearchRecord && (\n                <EntryDialogMove\n                    type={ACO_TYPE}\n                    searchRecord={selectedSearchRecord}\n                    open={moveSearchRecordDialogOpen}\n                    onClose={() => setMoveSearchRecordDialogOpen(false)}\n                />\n            )}\n        </div>\n    );\n});\n\nTable.displayName = \"Table\";\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_more_vert","_appAco","_Button","_DataTable","_Menu","_bytes","_interopRequireDefault","_timeagoReact","_Name","_FolderActionDelete","_FolderActionEdit","_RecordActionCopy","_RecordActionDelete","_RecordActionEdit","_RecordActionMove","_styled","_FileProvider","createRecordsData","items","selectable","map","data","_data$createdBy","$type","$selectable","id","name","createdBy","displayName","savedOn","type","size","original","location","createFoldersData","item","_item$createdBy","title","isFileEntry","entry","Table","forwardRef","props","ref","folders","records","selectedRecords","onSelectRow","loading","onRecordClick","onFolderClick","sorting","onSortingChange","selectableItems","canSelectAllRows","_useState","useState","_useState2","_slicedToArray2","default","selectedFolder","setSelectedFolder","_useState3","_useState4","updateDialogOpen","setUpdateDialogOpen","_useState5","_useState6","deleteDialogOpen","setDeleteDialogOpen","useMemo","concat","_toConsumableArray2","columns","header","enableSorting","cell","createElement","FileName","onClick","FolderName","bytes","format","unitSeparator","_ref","datetime","meta","alignEnd","className","actionsColumnStyles","Fragment","FileProvider","file","Menu","menuStyles","handle","IconButton","icon","ReactComponent","RecordActionCopy","record","RecordActionEdit","RecordActionMove","RecordActionDelete","FolderActionEdit","FolderActionDelete","DataTable","loadingInitial","stickyRows","isRowSelectable","row","selectedRows","FolderDialogUpdate","folder","open","onClose","FolderDialogDelete","exports"],"sources":["Table.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useState } from \"react\";\nimport { ReactComponent as MoreIcon } from \"@material-design-icons/svg/filled/more_vert.svg\";\nimport { FolderDialogDelete, FolderDialogUpdate } from \"@webiny/app-aco\";\nimport { FolderItem, Location } from \"@webiny/app-aco/types\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Columns, DataTable, OnSortingChange, Sorting } from \"@webiny/ui/DataTable\";\nimport { Menu } from \"@webiny/ui/Menu\";\nimport bytes from \"bytes\";\n/**\n * Package timeago-react does not have types.\n */\n// @ts-ignore\nimport TimeAgo from \"timeago-react\";\nimport { FileName, FolderName } from \"./Name\";\nimport { FolderActionDelete } from \"./FolderActionDelete\";\nimport { FolderActionEdit } from \"./FolderActionEdit\";\nimport { RecordActionCopy } from \"./RecordActionCopy\";\nimport { RecordActionDelete } from \"./RecordActionDelete\";\nimport { RecordActionEdit } from \"./RecordActionEdit\";\nimport { RecordActionMove } from \"./RecordActionMove\";\nimport { actionsColumnStyles, menuStyles } from \"./styled\";\nimport { FileItem } from \"@webiny/app-admin/types\";\nimport { Settings } from \"~/types\";\nimport { FileProvider } from \"~/contexts/FileProvider\";\n\nexport interface TableProps {\n    records: FileItem[];\n    folders: FolderItem[];\n    selectedRecords: FileItem[];\n    loading?: boolean;\n    onRecordClick: (id: string) => void;\n    onFolderClick: (id: string) => void;\n    onSelectRow: ((rows: Entry[] | []) => void) | undefined;\n    sorting: Sorting;\n    onSortingChange: OnSortingChange;\n    settings?: Settings;\n    selectableItems: boolean;\n    canSelectAllRows: boolean;\n}\n\ntype FileEntry = {\n    $type: \"RECORD\";\n    $selectable: boolean;\n    id: string;\n    name: string;\n    createdBy: string;\n    savedOn: string;\n    type: string;\n    size: number;\n    original: FileItem;\n    location: Location;\n};\n\ntype FolderEntry = {\n    $type: \"FOLDER\";\n    $selectable: boolean;\n    id: string;\n    title: string;\n    createdBy: string;\n    savedOn: string;\n    original: FolderItem;\n};\n\ntype Entry = FolderEntry | FileEntry;\n\nconst createRecordsData = (items: FileItem[], selectable: boolean): FileEntry[] => {\n    return items.map(data => {\n        return {\n            $type: \"RECORD\",\n            $selectable: selectable,\n            id: data.id,\n            name: data.name,\n            createdBy: data.createdBy?.displayName || \"-\",\n            savedOn: data.savedOn,\n            type: data.type,\n            size: data.size,\n            original: data || {},\n            location: data.location\n        };\n    });\n};\n\nconst createFoldersData = (items: FolderItem[]): FolderEntry[] => {\n    return items.map(item => ({\n        $type: \"FOLDER\",\n        $selectable: false,\n        id: item.id,\n        title: item.title,\n        createdBy: item.createdBy?.displayName || \"-\",\n        savedOn: item.savedOn,\n        original: item\n    }));\n};\n\nfunction isFileEntry(entry: Entry): entry is FileEntry {\n    return entry.$type === \"RECORD\";\n}\n\nexport const Table = forwardRef<HTMLDivElement, TableProps>((props, ref) => {\n    const {\n        folders,\n        records,\n        selectedRecords,\n        onSelectRow,\n        loading,\n        onRecordClick,\n        onFolderClick,\n        sorting,\n        onSortingChange,\n        selectableItems,\n        canSelectAllRows\n    } = props;\n\n    const [selectedFolder, setSelectedFolder] = useState<FolderItem>();\n    const [updateDialogOpen, setUpdateDialogOpen] = useState<boolean>(false);\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState<boolean>(false);\n\n    const data = useMemo<Entry[]>(() => {\n        return [...createFoldersData(folders), ...createRecordsData(records, selectableItems)];\n    }, [folders, records]);\n\n    const columns: Columns<Entry> = {\n        name: {\n            header: \"Name\",\n            enableSorting: true,\n            cell: (item: Entry) => {\n                if (isFileEntry(item)) {\n                    return (\n                        <FileName\n                            name={item.name}\n                            id={item.id}\n                            type={item.type}\n                            onClick={onRecordClick}\n                        />\n                    );\n                }\n                return <FolderName name={item.title} id={item.id} onClick={onFolderClick} />;\n            }\n        },\n        type: {\n            header: \"Type\",\n            cell: (item: Entry) => {\n                if (isFileEntry(item)) {\n                    return item.type;\n                }\n                return \"-\";\n            }\n        },\n        size: {\n            header: \"Size\",\n            enableSorting: true,\n            cell: (item: Entry) => {\n                if (isFileEntry(item)) {\n                    return bytes.format(item.size, { unitSeparator: \" \" });\n                }\n                return \"-\";\n            }\n        },\n        savedOn: {\n            header: \"Last modified\",\n            cell: ({ savedOn }: Entry) => <TimeAgo datetime={savedOn} />,\n            enableSorting: true\n        },\n        createdBy: {\n            header: \"Author\"\n        },\n        original: {\n            header: \"\",\n            meta: {\n                alignEnd: true\n            },\n            className: actionsColumnStyles,\n            cell: (item: Entry) => {\n                if (!item.original) {\n                    return <></>;\n                } else if (isFileEntry(item)) {\n                    const { original } = item;\n                    return (\n                        <FileProvider file={original}>\n                            <Menu\n                                className={menuStyles}\n                                handle={<IconButton icon={<MoreIcon />} />}\n                            >\n                                <RecordActionCopy record={original} />\n                                <RecordActionEdit id={original.id} onClick={onRecordClick} />\n                                <RecordActionMove />\n                                <RecordActionDelete record={original} />\n                            </Menu>\n                        </FileProvider>\n                    );\n                }\n\n                const { original } = item;\n\n                return (\n                    <Menu handle={<IconButton icon={<MoreIcon />} />}>\n                        <FolderActionEdit\n                            onClick={() => {\n                                setUpdateDialogOpen(true);\n                                setSelectedFolder(original);\n                            }}\n                        />\n                        <FolderActionDelete\n                            onClick={() => {\n                                setDeleteDialogOpen(true);\n                                setSelectedFolder(original);\n                            }}\n                        />\n                    </Menu>\n                );\n            }\n        }\n    };\n\n    return (\n        <div ref={ref}>\n            <DataTable<Entry>\n                canSelectAllRows={canSelectAllRows}\n                columns={columns}\n                data={data}\n                loadingInitial={loading}\n                stickyRows={1}\n                onSelectRow={onSelectRow}\n                isRowSelectable={row => row.original.$selectable}\n                sorting={sorting}\n                onSortingChange={onSortingChange}\n                selectedRows={createRecordsData(selectedRecords, true)}\n            />\n            {selectedFolder && (\n                <>\n                    <FolderDialogUpdate\n                        folder={selectedFolder}\n                        open={updateDialogOpen}\n                        onClose={() => setUpdateDialogOpen(false)}\n                    />\n                    <FolderDialogDelete\n                        folder={selectedFolder}\n                        open={deleteDialogOpen}\n                        onClose={() => setDeleteDialogOpen(false)}\n                    />\n                </>\n            )}\n        </div>\n    );\n});\n\nTable.displayName = \"Table\";\n"],"mappings":"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"}

package/components/Table/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./Table\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_Table","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export * from \"./Table\";\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/components/Table/styled.js.map

@@ -1 +1 @@
-{"version":3,"names":["RowTitle","styled","RowIcon","RowText","Typography","ListItemGraphic","ListItemGraphicBase","menuStyles","css","actionsColumnStyles"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\nimport { ListItemGraphic as ListItemGraphicBase } from \"@webiny/ui/List\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nexport const RowTitle = styled(\"div\")`\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n`;\n\nexport const RowIcon = styled(\"div\")`\n    margin-right: 8px;\n    height: 24px;\n`;\n\nexport const RowText = styled(Typography)`\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n`;\n\nexport const ListItemGraphic = styled(ListItemGraphicBase)`\n    margin-right: 25px;\n`;\n\nexport const menuStyles = css(`\n    width: 200px;\n`);\n\nexport const actionsColumnStyles = css(`\n    max-width: 80px!important;\n`);\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAEO,IAAMA,QAAQ,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,qDAInC;AAAC;AAEK,IAAMC,OAAO,oBAAGD,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,mCAGlC;AAAC;AAEK,IAAME,OAAO,oBAAGF,eAAM,EAACG,sBAAU;EAAA;EAAA;AAAA,gEAIvC;AAAC;AAEK,IAAMC,eAAe,oBAAGJ,eAAM,EAACK,qBAAmB;EAAA;EAAA;AAAA,wBAExD;AAAC;AAEK,IAAMC,UAAU,gBAAG,IAAAC,YAAG,+CAE3B;AAAC;AAEI,IAAMC,mBAAmB,gBAAG,IAAAD,YAAG,qEAEpC;AAAC"}
+{"version":3,"names":["_styled","_interopRequireDefault","require","_emotion","_List","_Typography","RowTitle","styled","label","target","exports","RowIcon","RowText","Typography","ListItemGraphic","ListItemGraphicBase","menuStyles","css","actionsColumnStyles"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\nimport { ListItemGraphic as ListItemGraphicBase } from \"@webiny/ui/List\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nexport const RowTitle = styled(\"div\")`\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n`;\n\nexport const RowIcon = styled(\"div\")`\n    margin-right: 8px;\n    height: 24px;\n`;\n\nexport const RowText = styled(Typography)`\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n`;\n\nexport const ListItemGraphic = styled(ListItemGraphicBase)`\n    margin-right: 25px;\n`;\n\nexport const menuStyles = css(`\n    width: 200px;\n`);\n\nexport const actionsColumnStyles = css(`\n    max-width: 80px!important;\n`);\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAEO,IAAMI,QAAQ,oBAAGC,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,qDAInC;AAACC,OAAA,CAAAJ,QAAA,GAAAA,QAAA;AAEK,IAAMK,OAAO,oBAAGJ,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,mCAGlC;AAACC,OAAA,CAAAC,OAAA,GAAAA,OAAA;AAEK,IAAMC,OAAO,oBAAGL,eAAM,EAACM,sBAAU;EAAAL,KAAA;EAAAC,MAAA;AAAA,gEAIvC;AAACC,OAAA,CAAAE,OAAA,GAAAA,OAAA;AAEK,IAAME,eAAe,oBAAGP,eAAM,EAACQ,qBAAmB;EAAAP,KAAA;EAAAC,MAAA;AAAA,wBAExD;AAACC,OAAA,CAAAI,eAAA,GAAAA,eAAA;AAEK,IAAME,UAAU,gBAAG,IAAAC,YAAG,8CAE5B,CAAC;AAACP,OAAA,CAAAM,UAAA,GAAAA,UAAA;AAEI,IAAME,mBAAmB,gBAAG,IAAAD,YAAG,oEAErC,CAAC;AAACP,OAAA,CAAAQ,mBAAA,GAAAA,mBAAA"}

package/components/Title/Title.js.map

@@ -1 +1 @@
-{"version":3,"names":["Title","title"],"sources":["Title.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Skeleton } from \"@webiny/ui/Skeleton\";\n\nimport { Name } from \"./styled\";\n\nexport interface TitleProps {\n    title?: string;\n}\n\nexport const Title: React.FC<TitleProps> = ({ title }) => {\n    return (\n        <Name use={\"headline6\"} tag={\"h1\"}>\n            {title || <Skeleton theme={\"dark\"} />}\n        </Name>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AAEA;AAEA;AAMO,IAAMA,KAA2B,GAAG,SAA9BA,KAA2B,OAAkB;EAAA,IAAZC,KAAK,QAALA,KAAK;EAC/C,oBACI,6BAAC,YAAI;IAAC,GAAG,EAAE,WAAY;IAAC,GAAG,EAAE;EAAK,GAC7BA,KAAK,iBAAI,6BAAC,kBAAQ;IAAC,KAAK,EAAE;EAAO,EAAG,CAClC;AAEf,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Skeleton","_styled","Title","_ref","title","default","createElement","Name","use","tag","Skeleton","theme","exports"],"sources":["Title.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Skeleton } from \"@webiny/ui/Skeleton\";\n\nimport { Name } from \"./styled\";\n\nexport interface TitleProps {\n    title?: string;\n}\n\nexport const Title: React.FC<TitleProps> = ({ title }) => {\n    return (\n        <Name use={\"headline6\"} tag={\"h1\"}>\n            {title || <Skeleton theme={\"dark\"} />}\n        </Name>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AAMO,IAAMG,KAA2B,GAAG,SAA9BA,KAA2BA,CAAAC,IAAA,EAAkB;EAAA,IAAZC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAC/C,oBACIP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACL,OAAA,CAAAM,IAAI;IAACC,GAAG,EAAE,WAAY;IAACC,GAAG,EAAE;EAAK,GAC7BL,KAAK,iBAAIP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,SAAA,CAAAU,QAAQ;IAACC,KAAK,EAAE;EAAO,CAAE,CAClC,CAAC;AAEf,CAAC;AAACC,OAAA,CAAAV,KAAA,GAAAA,KAAA"}

package/components/Title/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./Title\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_Title","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export * from \"./Title\";\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/components/Title/styled.js.map

@@ -1 +1 @@
-{"version":3,"names":["Name","styled","Typography"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Typography, TypographyProps } from \"@webiny/ui/Typography\";\n\nexport const Name = styled(Typography)<TypographyProps>`\n    color: var(--mdc-theme-text-primary-on-background);\n    padding-left: 8px;\n    line-height: 48px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n`;\n"],"mappings":";;;;;;;AAAA;AACA;AAEO,IAAMA,IAAI,oBAAGC,eAAM,EAACC,sBAAU;EAAA;EAAA;AAAA,oJAOpC;AAAC"}
+{"version":3,"names":["_styled","_interopRequireDefault","require","_Typography","Name","styled","Typography","label","target","exports"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Typography, TypographyProps } from \"@webiny/ui/Typography\";\n\nexport const Name = styled(Typography)<TypographyProps>`\n    color: var(--mdc-theme-text-primary-on-background);\n    padding-left: 8px;\n    line-height: 48px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEO,IAAME,IAAI,oBAAGC,eAAM,EAACC,sBAAU;EAAAC,KAAA;EAAAC,MAAA;AAAA,oJAOpC;AAACC,OAAA,CAAAL,IAAA,GAAAA,IAAA"}

package/components/UploadStatus/UploadStatus.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","UploadStatus","numberOfFiles","progress","Number","toFixed","loadingIcon","checkIcon","label"],"sources":["UploadStatus.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\n\nimport {\n    StatusWrapper,\n    StatusIndicator,\n    Icon,\n    Percentage,\n    ProgressWrapper,\n    UploadingLabel,\n    ProgressBar,\n    ProgressBarPercentage,\n    UploadingLabelFile\n} from \"./styled\";\n\nimport loadingIcon from \"./assets/loading.svg\";\nimport checkIcon from \"./assets/check.svg\";\n\nconst t = i18n.ns(\"app-admin/file-manager/components/upload-status\");\n\nexport interface UploadStatusProps {\n    progress: number;\n    numberOfFiles: number;\n}\nexport const UploadStatus: React.FC<UploadStatusProps> = ({ numberOfFiles, progress }) => {\n    if (!numberOfFiles) {\n        return null;\n    }\n\n    return (\n        <StatusWrapper>\n            <StatusIndicator>\n                {Number(progress.toFixed()) <= 98 ? (\n                    <Icon className=\"loading\" src={loadingIcon} alt={t`Loading`} />\n                ) : (\n                    <Icon src={checkIcon} alt={t`Done`} />\n                )}\n                {Number(progress.toFixed()) <= 98 && <Percentage>{progress.toFixed()}%</Percentage>}\n            </StatusIndicator>\n            <ProgressWrapper>\n                <UploadingLabel>\n                    {t`Uploading {numberOfFiles} {label}`({\n                        numberOfFiles: <UploadingLabelFile>{numberOfFiles}</UploadingLabelFile>,\n                        label: numberOfFiles === 1 ? t`file` : t`files`\n                    })}\n                </UploadingLabel>\n                <ProgressBar>\n                    <ProgressBarPercentage width={progress.toFixed()} />\n                </ProgressBar>\n            </ProgressWrapper>\n        </StatusWrapper>\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA;AAYA;AACA;AAA2C;AAE3C,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,iDAAiD,CAAC;AAM7D,IAAMC,YAAyC,GAAG,SAA5CA,YAAyC,OAAoC;EAAA,IAA9BC,aAAa,QAAbA,aAAa;IAAEC,QAAQ,QAARA,QAAQ;EAC/E,IAAI,CAACD,aAAa,EAAE;IAChB,OAAO,IAAI;EACf;EAEA,oBACI,6BAAC,qBAAa,qBACV,6BAAC,uBAAe,QACXE,MAAM,CAACD,QAAQ,CAACE,OAAO,EAAE,CAAC,IAAI,EAAE,gBAC7B,6BAAC,YAAI;IAAC,SAAS,EAAC,SAAS;IAAC,GAAG,EAAEC,gBAAY;IAAC,GAAG,EAAER,CAAC;EAAU,EAAG,gBAE/D,6BAAC,YAAI;IAAC,GAAG,EAAES,cAAU;IAAC,GAAG,EAAET,CAAC;EAAO,EACtC,EACAM,MAAM,CAACD,QAAQ,CAACE,OAAO,EAAE,CAAC,IAAI,EAAE,iBAAI,6BAAC,kBAAU,QAAEF,QAAQ,CAACE,OAAO,EAAE,EAAC,GAAC,CAAa,CACrE,eAClB,6BAAC,uBAAe,qBACZ,6BAAC,sBAAc,QACVP,CAAC,uHAAoC;IAClCI,aAAa,eAAE,6BAAC,0BAAkB,QAAEA,aAAa,CAAsB;IACvEM,KAAK,EAAEN,aAAa,KAAK,CAAC,GAAGJ,CAAC,4FAASA,CAAC;EAC5C,CAAC,CAAC,CACW,eACjB,6BAAC,mBAAW,qBACR,6BAAC,6BAAqB;IAAC,KAAK,EAAEK,QAAQ,CAACE,OAAO;EAAG,EAAG,CAC1C,CACA,CACN;AAExB,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_styled","_loading","_check","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","t","i18n","ns","UploadStatus","_ref","numberOfFiles","progress","default","createElement","StatusWrapper","StatusIndicator","Number","toFixed","Icon","className","src","loadingIcon","alt","_taggedTemplateLiteral2","checkIcon","Percentage","ProgressWrapper","UploadingLabel","UploadingLabelFile","label","ProgressBar","ProgressBarPercentage","width","exports"],"sources":["UploadStatus.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\n\nimport {\n    StatusWrapper,\n    StatusIndicator,\n    Icon,\n    Percentage,\n    ProgressWrapper,\n    UploadingLabel,\n    ProgressBar,\n    ProgressBarPercentage,\n    UploadingLabelFile\n} from \"./styled\";\n\nimport loadingIcon from \"./assets/loading.svg\";\nimport checkIcon from \"./assets/check.svg\";\n\nconst t = i18n.ns(\"app-admin/file-manager/components/upload-status\");\n\nexport interface UploadStatusProps {\n    progress: number;\n    numberOfFiles: number;\n}\nexport const UploadStatus: React.FC<UploadStatusProps> = ({ numberOfFiles, progress }) => {\n    if (!numberOfFiles) {\n        return null;\n    }\n\n    return (\n        <StatusWrapper>\n            <StatusIndicator>\n                {Number(progress.toFixed()) <= 98 ? (\n                    <Icon className=\"loading\" src={loadingIcon} alt={t`Loading`} />\n                ) : (\n                    <Icon src={checkIcon} alt={t`Done`} />\n                )}\n                {Number(progress.toFixed()) <= 98 && <Percentage>{progress.toFixed()}%</Percentage>}\n            </StatusIndicator>\n            <ProgressWrapper>\n                <UploadingLabel>\n                    {t`Uploading {numberOfFiles} {label}`({\n                        numberOfFiles: <UploadingLabelFile>{numberOfFiles}</UploadingLabelFile>,\n                        label: numberOfFiles === 1 ? t`file` : t`files`\n                    })}\n                </UploadingLabel>\n                <ProgressBar>\n                    <ProgressBarPercentage width={progress.toFixed()} />\n                </ProgressBar>\n            </ProgressWrapper>\n        </StatusWrapper>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AAYA,IAAAG,QAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AAA2C,IAAAK,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAE3C,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,iDAAiD,CAAC;AAM7D,IAAMC,YAAyC,GAAG,SAA5CA,YAAyCA,CAAAC,IAAA,EAAoC;EAAA,IAA9BC,aAAa,GAAAD,IAAA,CAAbC,aAAa;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAC/E,IAAI,CAACD,aAAa,EAAE;IAChB,OAAO,IAAI;EACf;EAEA,oBACIjB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAChB,OAAA,CAAAiB,aAAa,qBACVrB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAChB,OAAA,CAAAkB,eAAe,QACXC,MAAM,CAACL,QAAQ,CAACM,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,gBAC7BxB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAChB,OAAA,CAAAqB,IAAI;IAACC,SAAS,EAAC,SAAS;IAACC,GAAG,EAAEC,gBAAY;IAACC,GAAG,EAAEjB,CAAC,CAAAL,eAAA,KAAAA,eAAA,OAAAuB,uBAAA,CAAAX,OAAA;EAAU,CAAE,CAAC,gBAE/DnB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAChB,OAAA,CAAAqB,IAAI;IAACE,GAAG,EAAEI,cAAU;IAACF,GAAG,EAAEjB,CAAC,CAAAJ,gBAAA,KAAAA,gBAAA,OAAAsB,uBAAA,CAAAX,OAAA;EAAO,CAAE,CACxC,EACAI,MAAM,CAACL,QAAQ,CAACM,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,iBAAIxB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAChB,OAAA,CAAA4B,UAAU,QAAEd,QAAQ,CAACM,OAAO,CAAC,CAAC,EAAC,GAAa,CACrE,CAAC,eAClBxB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAChB,OAAA,CAAA6B,eAAe,qBACZjC,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAChB,OAAA,CAAA8B,cAAc,QACVtB,CAAC,CAAAH,gBAAA,KAAAA,gBAAA,OAAAqB,uBAAA,CAAAX,OAAA,2CAAoC;IAClCF,aAAa,eAAEjB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAChB,OAAA,CAAA+B,kBAAkB,QAAElB,aAAkC,CAAC;IACvEmB,KAAK,EAAEnB,aAAa,KAAK,CAAC,GAAGL,CAAC,CAAAF,gBAAA,KAAAA,gBAAA,OAAAoB,uBAAA,CAAAX,OAAA,gBAASP,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAmB,uBAAA,CAAAX,OAAA;EAC5C,CAAC,CACW,CAAC,eACjBnB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAChB,OAAA,CAAAiC,WAAW,qBACRrC,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAChB,OAAA,CAAAkC,qBAAqB;IAACC,KAAK,EAAErB,QAAQ,CAACM,OAAO,CAAC;EAAE,CAAE,CAC1C,CACA,CACN,CAAC;AAExB,CAAC;AAACgB,OAAA,CAAAzB,YAAA,GAAAA,YAAA"}

package/components/UploadStatus/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./UploadStatus\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_UploadStatus","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export * from \"./UploadStatus\";\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,aAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/components/UploadStatus/styled.js.map

@@ -1 +1 @@
-{"version":3,"names":["animateShow","keyframes","StatusWrapper","styled","ProgressWrapper","ProgressBar","ProgressBarPercentage","props","width","UploadingLabel","UploadingLabelFile","StatusIndicator","Percentage","Icon"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { keyframes } from \"@emotion/react\";\n\nconst animateShow = keyframes`\n    0% { \n        opacity: 0;\n        bottom: 24px;\n    }\n    60% { \n        opacity: 1; \n    }\n    100% { \n        opacity: 1;\n        bottom: 16px;\n    }\n`;\n\nexport const StatusWrapper = styled.div`\n    border-radius: 28px;\n    width: 320px;\n    transform: translate(-50%, -50%);\n    position: absolute;\n    box-shadow: 0 2px 6px rgba(170, 185, 200, 0.4);\n    color: var(--mdc-theme-on-surface);\n    background-color: #fff;\n    left: calc(50vw - 160px);\n    bottom: 16px;\n    display: flex;\n    align-items: center;\n    animation-name: ${animateShow};\n    animation-duration: 1.5s;\n    animation-timing-function: ease-out;\n    z-index: 10;\n`;\n\nexport const ProgressWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    width: 225px;\n    align-items: center;\n    justify-content: center;\n    margin-left: 15px;\n    margin-top: -5px;\n`;\n\nexport const ProgressBar = styled.div`\n    top: 0;\n    z-index: 1;\n    height: 5px;\n    border-radius: 5px;\n    background-color: var(--mdc-theme-on-background);\n    width: 100%;\n    overflow: hidden;\n`;\n\nexport const ProgressBarPercentage = styled.span<{ width: string }>`\n    display: block;\n    height: 100%;\n    background-color: var(--mdc-theme-secondary);\n    width: ${props => props.width || 0}%;\n`;\n\nexport const UploadingLabel = styled.div`\n    z-index: 2;\n    padding: 5px 0 6px 0;\n    text-transform: uppercase;\n    color: var(--mdc-theme-text-secondary-on-background);\n`;\n\nexport const UploadingLabelFile = styled.span`\n    font-weight: 600;\n`;\n\nexport const StatusIndicator = styled.div`\n    width: 56px !important;\n    position: relative;\n    display: block;\n    z-index: 2;\n    background: var(--mdc-theme-secondary);\n    line-height: 56px;\n    height: 56px;\n    border-radius: 28px;\n    width: 100%;\n    text-align: center;\n    color: #fff;\n    box-shadow: 0 2px 6px rgba(170, 185, 200, 0.4);\n`;\n\nexport const Percentage = styled.span`\n    font-weight: 600;\n`;\n\nexport const Icon = styled.img`\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    margin: -15px 0 0 -15px;\n    fill: #fff;\n    &.loading {\n        width: 75px;\n        left: 5px;\n        top: 5px;\n    }\n`;\n"],"mappings":";;;;;;;AAAA;AACA;AAEA,IAAMA,WAAW,oBAAGC,gBAAS,4FAY5B;AAEM,IAAMC,aAAa,oBAAGC,eAAM;EAAA;EAAA;AAAA,6QAYbH,WAAW,4EAIhC;AAAC;AAEK,IAAMI,eAAe,oBAAGD,eAAM;EAAA;EAAA;AAAA,gIAQpC;AAAC;AAEK,IAAME,WAAW,oBAAGF,eAAM;EAAA;EAAA;AAAA,8HAQhC;AAAC;AAEK,IAAMG,qBAAqB,oBAAGH,eAAM;EAAA;EAAA;AAAA,mFAI9B,UAAAI,KAAK;EAAA,OAAIA,KAAK,CAACC,KAAK,IAAI,CAAC;AAAA,QACrC;AAAC;AAEK,IAAMC,cAAc,oBAAGN,eAAM;EAAA;EAAA;AAAA,iHAKnC;AAAC;AAEK,IAAMO,kBAAkB,oBAAGP,eAAM;EAAA;EAAA;AAAA,sBAEvC;AAAC;AAEK,IAAMQ,eAAe,oBAAGR,eAAM;EAAA;EAAA;AAAA,+OAapC;AAAC;AAEK,IAAMS,UAAU,oBAAGT,eAAM;EAAA;EAAA;AAAA,sBAE/B;AAAC;AAEK,IAAMU,IAAI,oBAAGV,eAAM;EAAA;EAAA;AAAA,iHAWzB;AAAC"}
+{"version":3,"names":["_styled","_interopRequireDefault","require","_react","animateShow","keyframes","StatusWrapper","styled","label","target","exports","ProgressWrapper","ProgressBar","ProgressBarPercentage","props","width","UploadingLabel","UploadingLabelFile","StatusIndicator","Percentage","Icon"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { keyframes } from \"@emotion/react\";\n\nconst animateShow = keyframes`\n    0% { \n        opacity: 0;\n        bottom: 24px;\n    }\n    60% { \n        opacity: 1; \n    }\n    100% { \n        opacity: 1;\n        bottom: 16px;\n    }\n`;\n\nexport const StatusWrapper = styled.div`\n    border-radius: 28px;\n    width: 320px;\n    transform: translate(-50%, -50%);\n    position: absolute;\n    box-shadow: 0 2px 6px rgba(170, 185, 200, 0.4);\n    color: var(--mdc-theme-on-surface);\n    background-color: #fff;\n    left: calc(50vw - 160px);\n    bottom: 16px;\n    display: flex;\n    align-items: center;\n    animation-name: ${animateShow};\n    animation-duration: 1.5s;\n    animation-timing-function: ease-out;\n    z-index: 10;\n`;\n\nexport const ProgressWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    width: 225px;\n    align-items: center;\n    justify-content: center;\n    margin-left: 15px;\n    margin-top: -5px;\n`;\n\nexport const ProgressBar = styled.div`\n    top: 0;\n    z-index: 1;\n    height: 5px;\n    border-radius: 5px;\n    background-color: var(--mdc-theme-on-background);\n    width: 100%;\n    overflow: hidden;\n`;\n\nexport const ProgressBarPercentage = styled.span<{ width: string }>`\n    display: block;\n    height: 100%;\n    background-color: var(--mdc-theme-secondary);\n    width: ${props => props.width || 0}%;\n`;\n\nexport const UploadingLabel = styled.div`\n    z-index: 2;\n    padding: 5px 0 6px 0;\n    text-transform: uppercase;\n    color: var(--mdc-theme-text-secondary-on-background);\n`;\n\nexport const UploadingLabelFile = styled.span`\n    font-weight: 600;\n`;\n\nexport const StatusIndicator = styled.div`\n    width: 56px !important;\n    position: relative;\n    display: block;\n    z-index: 2;\n    background: var(--mdc-theme-secondary);\n    line-height: 56px;\n    height: 56px;\n    border-radius: 28px;\n    width: 100%;\n    text-align: center;\n    color: #fff;\n    box-shadow: 0 2px 6px rgba(170, 185, 200, 0.4);\n`;\n\nexport const Percentage = styled.span`\n    font-weight: 600;\n`;\n\nexport const Icon = styled.img`\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    margin: -15px 0 0 -15px;\n    fill: #fff;\n    &.loading {\n        width: 75px;\n        left: 5px;\n        top: 5px;\n    }\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAME,WAAW,oBAAGC,gBAAS,4FAY5B;AAEM,IAAMC,aAAa,oBAAGC,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,6QAYbL,WAAW,4EAIhC;AAACM,OAAA,CAAAJ,aAAA,GAAAA,aAAA;AAEK,IAAMK,eAAe,oBAAGJ,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,gIAQpC;AAACC,OAAA,CAAAC,eAAA,GAAAA,eAAA;AAEK,IAAMC,WAAW,oBAAGL,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,8HAQhC;AAACC,OAAA,CAAAE,WAAA,GAAAA,WAAA;AAEK,IAAMC,qBAAqB,oBAAGN,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,mFAI9B,UAAAK,KAAK;EAAA,OAAIA,KAAK,CAACC,KAAK,IAAI,CAAC;AAAA,QACrC;AAACL,OAAA,CAAAG,qBAAA,GAAAA,qBAAA;AAEK,IAAMG,cAAc,oBAAGT,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,iHAKnC;AAACC,OAAA,CAAAM,cAAA,GAAAA,cAAA;AAEK,IAAMC,kBAAkB,oBAAGV,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,sBAEvC;AAACC,OAAA,CAAAO,kBAAA,GAAAA,kBAAA;AAEK,IAAMC,eAAe,oBAAGX,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,+OAapC;AAACC,OAAA,CAAAQ,eAAA,GAAAA,eAAA;AAEK,IAAMC,UAAU,oBAAGZ,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,sBAE/B;AAACC,OAAA,CAAAS,UAAA,GAAAA,UAAA;AAEK,IAAMC,IAAI,oBAAGb,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,iHAWzB;AAACC,OAAA,CAAAU,IAAA,GAAAA,IAAA"}

package/constants.d.ts

@@ -1,3 +1,4 @@
-export declare const ACO_TYPE = "FmFile";
-export declare const FOLDER_ID_DEFAULT = "ROOT";
+export { ROOT_FOLDER } from "@webiny/app-aco/constants";
+export declare const FM_ACO_APP = "FmFile";
 export declare const DEFAULT_SCOPE = "scope:";
+export declare const LOCAL_STORAGE_LATEST_VISITED_FOLDER = "webiny_fm_file_latest_visited_folder";

package/constants.js

@@ -3,10 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FOLDER_ID_DEFAULT = exports.DEFAULT_SCOPE = exports.ACO_TYPE = void 0;
-var ACO_TYPE = "FmFile";
-exports.ACO_TYPE = ACO_TYPE;
-var FOLDER_ID_DEFAULT = "ROOT";
-exports.FOLDER_ID_DEFAULT = FOLDER_ID_DEFAULT;
+exports.LOCAL_STORAGE_LATEST_VISITED_FOLDER = exports.FM_ACO_APP = exports.DEFAULT_SCOPE = void 0;
+Object.defineProperty(exports, "ROOT_FOLDER", {
+  enumerable: true,
+  get: function get() {
+    return _constants.ROOT_FOLDER;
+  }
+});
+var _constants = require("@webiny/app-aco/constants");
+var FM_ACO_APP = "FmFile";
+exports.FM_ACO_APP = FM_ACO_APP;
 var DEFAULT_SCOPE = "scope:";
-exports.DEFAULT_SCOPE = DEFAULT_SCOPE;
+exports.DEFAULT_SCOPE = DEFAULT_SCOPE;
+var LOCAL_STORAGE_LATEST_VISITED_FOLDER = "webiny_fm_file_latest_visited_folder";
+exports.LOCAL_STORAGE_LATEST_VISITED_FOLDER = LOCAL_STORAGE_LATEST_VISITED_FOLDER;

package/constants.js.map

@@ -1 +1 @@
-{"version":3,"names":["ACO_TYPE","FOLDER_ID_DEFAULT","DEFAULT_SCOPE"],"sources":["constants.ts"],"sourcesContent":["export const ACO_TYPE = \"FmFile\";\nexport const FOLDER_ID_DEFAULT = \"ROOT\";\nexport const DEFAULT_SCOPE = \"scope:\";\n"],"mappings":";;;;;;AAAO,IAAMA,QAAQ,GAAG,QAAQ;AAAC;AAC1B,IAAMC,iBAAiB,GAAG,MAAM;AAAC;AACjC,IAAMC,aAAa,GAAG,QAAQ;AAAC"}
+{"version":3,"names":["_constants","require","FM_ACO_APP","exports","DEFAULT_SCOPE","LOCAL_STORAGE_LATEST_VISITED_FOLDER"],"sources":["constants.ts"],"sourcesContent":["export { ROOT_FOLDER } from \"@webiny/app-aco/constants\";\nexport const FM_ACO_APP = \"FmFile\";\nexport const DEFAULT_SCOPE = \"scope:\";\nexport const LOCAL_STORAGE_LATEST_VISITED_FOLDER = \"webiny_fm_file_latest_visited_folder\";\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACO,IAAMC,UAAU,GAAG,QAAQ;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AAC5B,IAAME,aAAa,GAAG,QAAQ;AAACD,OAAA,CAAAC,aAAA,GAAAA,aAAA;AAC/B,IAAMC,mCAAmC,GAAG,sCAAsC;AAACF,OAAA,CAAAE,mCAAA,GAAAA,mCAAA"}

package/contexts/FileProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","FileContext","createContext","undefined","exports","FileProvider","_ref","file","children","value","default","createElement","Provider","useFile","context","React","useContext","Error"],"sources":["FileProvider.tsx"],"sourcesContent":["import React, { createContext } from \"react\";\nimport { FileItem } from \"@webiny/app-admin/types\";\n\nexport interface FileContext {\n    file: FileItem;\n}\n\nexport const FileContext = createContext<FileContext | undefined>(undefined);\n\ninterface FileProviderProps {\n    file: FileItem;\n    children: React.ReactNode;\n}\n\nexport const FileProvider = ({ file, children }: FileProviderProps) => {\n    const value: FileContext = { file };\n\n    return <FileContext.Provider value={value}>{children}</FileContext.Provider>;\n};\n\nexport const useFile = () => {\n    const context = React.useContext(FileContext);\n    if (!context) {\n        throw Error(\n            `FileContext is missing in the component tree. Are you using \"useFile()\" hook in the right place?`\n        );\n    }\n\n    return context;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAOO,IAAMC,WAAW,gBAAG,IAAAC,oBAAa,EAA0BC,SAAS,CAAC;AAACC,OAAA,CAAAH,WAAA,GAAAA,WAAA;AAOtE,IAAMI,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAA8C;EAAA,IAAxCC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EACzC,IAAMC,KAAkB,GAAG;IAAEF,IAAI,EAAJA;EAAK,CAAC;EAEnC,oBAAOT,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,WAAW,CAACW,QAAQ;IAACH,KAAK,EAAEA;EAAM,GAAED,QAA+B,CAAC;AAChF,CAAC;AAACJ,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAEK,IAAMQ,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;EACzB,IAAMC,OAAO,GAAGC,cAAK,CAACC,UAAU,CAACf,WAAW,CAAC;EAC7C,IAAI,CAACa,OAAO,EAAE;IACV,MAAMG,KAAK,qGAEX,CAAC;EACL;EAEA,OAAOH,OAAO;AAClB,CAAC;AAACV,OAAA,CAAAS,OAAA,GAAAA,OAAA"}

package/getFileTypePlugin.d.ts

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

package/getFileTypePlugin.js.map

@@ -1 +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 { FileItem } from \"@webiny/app/types\";\nimport { AdminFileManagerFileTypePlugin } from \"@webiny/app-admin/types\";\nimport { FileManagerFileTypePlugin } from \"~/index\";\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;AAGA;AAEe,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,gCAAyB,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"}
+{"version":3,"names":["_invariant","_interopRequireDefault","require","_minimatch","_plugins","_index","getFileTypePlugin","file","fileTypePlugins","concat","_toConsumableArray2","default","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 { FileItem, AdminFileManagerFileTypePlugin } from \"@webiny/app-admin/types\";\nimport { FileManagerFileTypePlugin } from \"~/index\";\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,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AAEe,SAASI,iBAAiBA,CACrCC,IAAc,EACmD;EACjE,IAAI,CAACA,IAAI,EAAE;IACP,OAAO,IAAI;EACf;EAEA,IAAMC,eAAe,GAAG,GAAAC,MAAA,KAAAC,mBAAA,CAAAC,OAAA,EACjBC,gBAAO,CAACC,MAAM,CAAiC,8BAA8B,CAAC,OAAAH,mBAAA,CAAAC,OAAA,EAC9EC,gBAAO,CAACC,MAAM,CAA4BC,gCAAyB,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,GAAGb,eAAe,CAACc,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,EAAC/B,IAAI,CAACQ,IAAI,EAAEA,IAAI,CAAC;EAAA,EAAC;EAE3D,IAAAwB,kBAAS,EAACxB,IAAI,gCAAAN,MAAA,CAA+BF,IAAI,CAACQ,IAAI,QAAI,CAAC;;EAE3D;EACA,OAAOM,OAAO,CAACN,IAAI,CAAC;AACxB"}

package/hooks/useCopyFile.js

@@ -9,13 +9,13 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = require("react");
 var _i18n = require("@webiny/app/i18n");
 var _appAdmin = require("@webiny/app-admin");
-var _FileManagerAcoViewProvider = require("../modules/FileManagerRenderer/FileManagerAcoViewProvider");
+var _ = require("./..");
 var _templateObject;
 var t = _i18n.i18n.ns("app-admin/file-manager/hooks/use-copy-file");
 var useCopyFile = function useCopyFile(_ref) {
   var file = _ref.file;
-  var _useFileManagerAcoVie = (0, _FileManagerAcoViewProvider.useFileManagerAcoView)(),
-    settings = _useFileManagerAcoVie.settings;
+  var _useFileManagerView = (0, _.useFileManagerView)(),
+    settings = _useFileManagerView.settings;
   var _useSnackbar = (0, _appAdmin.useSnackbar)(),
     showSnackbar = _useSnackbar.showSnackbar;
   var copyFileUrl = (0, _react.useCallback)(function () {