@webiny/app-file-manager 5.37.8 → 5.38.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/BatchFileUploader.js +3 -1
- package/FileManagerFileTypePlugin.js +3 -1
- package/app.js +3 -1
- package/components/BottomInfoBar/BottomInfoBar.js +3 -1
- package/components/BottomInfoBar/ListStatus.js +3 -1
- package/components/BottomInfoBar/SupportedFileTypes.js +3 -1
- package/components/BottomInfoBar/index.js +3 -1
- package/components/BottomInfoBar/styled.js +3 -1
- package/components/BulkActions/ActionDelete.d.ts +4 -0
- package/components/BulkActions/ActionDelete.js +119 -0
- package/components/BulkActions/ActionDelete.js.map +1 -0
- package/components/BulkActions/ActionMove.d.ts +4 -0
- package/components/BulkActions/ActionMove.js +137 -0
- package/components/BulkActions/ActionMove.js.map +1 -0
- package/components/BulkActions/BulkActions.d.ts +3 -0
- package/components/BulkActions/BulkActions.js +51 -0
- package/components/BulkActions/BulkActions.js.map +1 -0
- package/components/BulkActions/BulkActions.styled.d.ts +15 -0
- package/components/BulkActions/BulkActions.styled.js +26 -0
- package/components/BulkActions/BulkActions.styled.js.map +1 -0
- package/components/BulkActions/index.d.ts +3 -0
- package/components/BulkActions/index.js +37 -0
- package/components/BulkActions/index.js.map +1 -0
- package/components/DropFilesHere/DropFilesHere.js +5 -7
- package/components/DropFilesHere/DropFilesHere.js.map +1 -1
- package/components/DropFilesHere/index.js +3 -1
- package/components/DropFilesHere/styled.js +9 -4
- package/components/DropFilesHere/styled.js.map +1 -1
- package/components/Empty/Empty.js +3 -1
- package/components/Empty/Empty.js.map +1 -1
- package/components/Empty/index.js +3 -1
- package/components/FileDetails/FileDetails.js +6 -4
- package/components/FileDetails/FileDetails.js.map +1 -1
- package/components/FileDetails/FileDetailsProvider.js +3 -1
- package/components/FileDetails/components/Actions.js +3 -1
- package/components/FileDetails/components/Aliases.js +3 -1
- package/components/FileDetails/components/BaseFields.js +3 -1
- package/components/FileDetails/components/Content.js +3 -1
- package/components/FileDetails/components/CreatedOn.js +3 -1
- package/components/FileDetails/components/Extensions.js +3 -1
- package/components/FileDetails/components/Flex.js +3 -1
- package/components/FileDetails/components/Footer.js +3 -1
- package/components/FileDetails/components/Header.js +3 -1
- package/components/FileDetails/components/Name.js +3 -1
- package/components/FileDetails/components/Preview.js +3 -1
- package/components/FileDetails/components/PreviewMeta.js +3 -1
- package/components/FileDetails/components/Tags.js +3 -1
- package/components/FileDetails/components/Thumbnail.js +3 -1
- package/components/FileDetails/components/TypeAndSize.js +3 -1
- package/components/FileDetails/components/actions/CopyUrl.js +3 -1
- package/components/FileDetails/components/actions/DeleteImage.js +3 -1
- package/components/FileDetails/components/actions/Download.js +3 -1
- package/components/FileDetails/components/actions/MoveTo.js +3 -1
- package/components/FileDetails/index.js +3 -1
- package/components/Grid/File.js +3 -1
- package/components/Grid/Grid.d.ts +2 -0
- package/components/Grid/Grid.js +14 -5
- package/components/Grid/Grid.js.map +1 -1
- package/components/Grid/index.js +3 -1
- package/components/Grid/styled.js +3 -1
- package/components/LayoutSwitch/LayoutSwitch.d.ts +2 -0
- package/components/LayoutSwitch/LayoutSwitch.js +34 -0
- package/components/LayoutSwitch/LayoutSwitch.js.map +1 -0
- package/components/LayoutSwitch/index.d.ts +1 -0
- package/components/LayoutSwitch/index.js +18 -0
- package/components/LayoutSwitch/index.js.map +1 -0
- package/components/NoPermission/NoPermission.js +3 -1
- package/components/NoPermission/index.js +3 -1
- package/components/NoPermission/styled.js +3 -1
- package/components/NoResults/NoResults.js +3 -1
- package/components/NoResults/index.js +3 -1
- package/components/NoResults/styled.js +3 -1
- package/components/Table/FolderActionDelete.js +3 -1
- package/components/Table/FolderActionEdit.js +3 -1
- package/components/Table/FolderActionManagePermissions.d.ts +6 -0
- package/components/Table/FolderActionManagePermissions.js +27 -0
- package/components/Table/FolderActionManagePermissions.js.map +1 -0
- package/components/Table/Name.d.ts +5 -1
- package/components/Table/Name.js +12 -3
- package/components/Table/Name.js.map +1 -1
- package/components/Table/RecordActionCopy.js +3 -1
- package/components/Table/RecordActionDelete.js +5 -3
- package/components/Table/RecordActionDelete.js.map +1 -1
- package/components/Table/RecordActionEdit.js +3 -1
- package/components/Table/RecordActionMove.js +3 -1
- package/components/Table/Table.d.ts +11 -13
- package/components/Table/Table.js +46 -15
- package/components/Table/Table.js.map +1 -1
- package/components/Table/index.js +3 -1
- package/components/Table/styled.d.ts +0 -1
- package/components/Table/styled.js +3 -3
- package/components/Table/styled.js.map +1 -1
- package/components/Title/Title.js +3 -1
- package/components/Title/index.js +3 -1
- package/components/Title/styled.js +3 -1
- package/components/UploadStatus/UploadStatus.js +3 -1
- package/components/UploadStatus/index.js +3 -1
- package/components/UploadStatus/styled.js +3 -1
- package/constants.js +3 -1
- package/contexts/FileProvider.js +3 -1
- package/getFileTypePlugin.js +3 -1
- package/hooks/useCopyFile.js +3 -1
- package/hooks/useDeleteFile.js +3 -1
- package/hooks/useFile.js +3 -1
- package/hooks/useFileDetails.js +3 -1
- package/hooks/useFileModel.js +3 -1
- package/hooks/useMoveFileToFolder.js +3 -1
- package/index.js +3 -1
- package/modules/FileManagerApiProvider/FileManagerApiContext/FileManagerApiContext.js +5 -3
- package/modules/FileManagerApiProvider/FileManagerApiContext/FileManagerApiContext.js.map +1 -1
- package/modules/FileManagerApiProvider/FileManagerApiContext/FileModelContext.js +3 -1
- package/modules/FileManagerApiProvider/FileManagerApiContext/getFileUploader.js +3 -1
- package/modules/FileManagerApiProvider/FileManagerApiContext/index.js +3 -1
- package/modules/FileManagerApiProvider/FileManagerApiContext/useFileManagerApi.js +3 -1
- package/modules/FileManagerApiProvider/graphql.js +3 -1
- package/modules/FileManagerApiProvider/index.js +3 -1
- package/modules/FileManagerRenderer/FileManagerView/FileManagerView.js +41 -33
- package/modules/FileManagerRenderer/FileManagerView/FileManagerView.js.map +1 -1
- package/modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig.d.ts +12 -0
- package/modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig.js +4 -1
- package/modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig.js.map +1 -1
- package/modules/FileManagerRenderer/FileManagerView/LeftSidebar.js +3 -1
- package/modules/FileManagerRenderer/FileManagerView/NavigateFolderProvider.js +3 -1
- package/modules/FileManagerRenderer/FileManagerView/components/Filters.js +3 -1
- package/modules/FileManagerRenderer/FileManagerView/components/SearchWidget.js +3 -1
- package/modules/FileManagerRenderer/FileManagerView/components/TagsList/Empty.js +3 -1
- package/modules/FileManagerRenderer/FileManagerView/components/TagsList/Tag.js +3 -1
- package/modules/FileManagerRenderer/FileManagerView/components/TagsList/TagsList.js +3 -1
- package/modules/FileManagerRenderer/FileManagerView/components/TagsList/index.js +3 -1
- package/modules/FileManagerRenderer/FileManagerView/components/TagsList/styled.js +3 -1
- package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/BulkAction.d.ts +26 -0
- package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/BulkAction.js +96 -0
- package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/BulkAction.js.map +1 -0
- package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/Filter.js +3 -1
- package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/FilterByTags.js +3 -1
- package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/FiltersToWhere.js +3 -1
- package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/index.d.ts +13 -0
- package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/index.js +5 -1
- package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/index.js.map +1 -1
- package/modules/FileManagerRenderer/FileManagerView/configComponents/FileDetails/Field.js +3 -1
- package/modules/FileManagerRenderer/FileManagerView/configComponents/FileDetails/FieldDecorator.js +3 -1
- package/modules/FileManagerRenderer/FileManagerView/configComponents/FileDetails/Width.js +3 -1
- package/modules/FileManagerRenderer/FileManagerView/configComponents/FileDetails/index.js +3 -1
- package/modules/FileManagerRenderer/FileManagerView/index.js +3 -1
- package/modules/FileManagerRenderer/FileManagerView/outputFileSelectionError.js +3 -1
- package/modules/FileManagerRenderer/FileManagerViewProvider/FileManagerViewContext.d.ts +2 -1
- package/modules/FileManagerRenderer/FileManagerViewProvider/FileManagerViewContext.js +22 -21
- package/modules/FileManagerRenderer/FileManagerViewProvider/FileManagerViewContext.js.map +1 -1
- package/modules/FileManagerRenderer/FileManagerViewProvider/index.js +3 -1
- package/modules/FileManagerRenderer/FileManagerViewProvider/setSelection.d.ts +30 -0
- package/modules/FileManagerRenderer/FileManagerViewProvider/setSelection.js +115 -0
- package/modules/FileManagerRenderer/FileManagerViewProvider/setSelection.js.map +1 -0
- package/modules/FileManagerRenderer/FileManagerViewProvider/state.d.ts +4 -1
- package/modules/FileManagerRenderer/FileManagerViewProvider/state.js +4 -2
- package/modules/FileManagerRenderer/FileManagerViewProvider/state.js.map +1 -1
- package/modules/FileManagerRenderer/FileManagerViewProvider/useFileManagerView.js +3 -1
- package/modules/FileManagerRenderer/FileManagerViewProvider/useListFiles.d.ts +1 -2
- package/modules/FileManagerRenderer/FileManagerViewProvider/useListFiles.js +5 -9
- package/modules/FileManagerRenderer/FileManagerViewProvider/useListFiles.js.map +1 -1
- package/modules/FileManagerRenderer/FileManagerViewProvider/useTags.js +3 -1
- package/modules/FileManagerRenderer/filters/FilterByType.js +3 -1
- package/modules/FileManagerRenderer/index.js +10 -1
- package/modules/FileManagerRenderer/index.js.map +1 -1
- package/modules/FileTypes/fileDefault.js +3 -1
- package/modules/FileTypes/fileImage/EditAction.js +3 -1
- package/modules/FileTypes/fileImage/index.js +3 -1
- package/modules/FileTypes/index.js +3 -1
- package/modules/Settings/graphql.js +4 -2
- package/modules/Settings/graphql.js.map +1 -1
- package/modules/Settings/index.js +3 -1
- package/modules/Settings/plugins/installation.js +3 -1
- package/modules/Settings/plugins/permissionRenderer/FileManagerPermissions.js +3 -1
- package/modules/Settings/plugins/permissionRenderer/index.js +3 -1
- package/modules/Settings/views/FileManagerSettings.js +3 -1
- package/package.json +17 -16
- package/tagsHelpers.js +3 -1
- package/types.js +3 -1
package/BatchFileUploader.js
CHANGED
|
@@ -43,4 +43,6 @@ var FileManagerFileTypePlugin = /*#__PURE__*/function (_Plugin) {
|
|
|
43
43
|
return FileManagerFileTypePlugin;
|
|
44
44
|
}(_plugins.Plugin);
|
|
45
45
|
exports.FileManagerFileTypePlugin = FileManagerFileTypePlugin;
|
|
46
|
-
(0, _defineProperty2.default)(FileManagerFileTypePlugin, "type", "admin-file-manager-file-type");
|
|
46
|
+
(0, _defineProperty2.default)(FileManagerFileTypePlugin, "type", "admin-file-manager-file-type");
|
|
47
|
+
|
|
48
|
+
//# sourceMappingURL=FileManagerFileTypePlugin.js.map
|
package/app.js
CHANGED
|
@@ -13,4 +13,6 @@ var _FileManagerRenderer = require("./modules/FileManagerRenderer");
|
|
|
13
13
|
var FileManager = function FileManager() {
|
|
14
14
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Settings.SettingsModule, null), /*#__PURE__*/_react.default.createElement(_FileManagerApiProvider.FileManagerApiProviderModule, null), /*#__PURE__*/_react.default.createElement(_FileTypes.FileTypesModule, null), /*#__PURE__*/_react.default.createElement(_FileManagerRenderer.FileManagerRendererModule, null));
|
|
15
15
|
};
|
|
16
|
-
exports.FileManager = FileManager;
|
|
16
|
+
exports.FileManager = FileManager;
|
|
17
|
+
|
|
18
|
+
//# sourceMappingURL=app.js.map
|
|
@@ -22,4 +22,6 @@ _lite.default.define({
|
|
|
22
22
|
var BottomInfoBar = function BottomInfoBar(props) {
|
|
23
23
|
return /*#__PURE__*/_react.default.createElement(_styled.BottomInfoBarWrapper, null, /*#__PURE__*/_react.default.createElement(_styled.BottomInfoBarInner, null, /*#__PURE__*/_react.default.createElement(_SupportedFileTypes.default, props), /*#__PURE__*/_react.default.createElement(_ListStatus.default, props)));
|
|
24
24
|
};
|
|
25
|
-
exports.BottomInfoBar = BottomInfoBar;
|
|
25
|
+
exports.BottomInfoBar = BottomInfoBar;
|
|
26
|
+
|
|
27
|
+
//# sourceMappingURL=BottomInfoBar.js.map
|
|
@@ -30,4 +30,6 @@ var UploadingLabel = /*#__PURE__*/(0, _styled.default)("div", {
|
|
|
30
30
|
label: "UploadingLabel",
|
|
31
31
|
target: "e16zhfly4"
|
|
32
32
|
})("margin-right:5px;");
|
|
33
|
-
exports.UploadingLabel = UploadingLabel;
|
|
33
|
+
exports.UploadingLabel = UploadingLabel;
|
|
34
|
+
|
|
35
|
+
//# sourceMappingURL=styled.js.map
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.ActionDelete = void 0;
|
|
9
|
+
var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
|
|
10
|
+
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
11
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
+
var _delete = require("@material-design-icons/svg/outlined/delete.svg");
|
|
13
|
+
var _mobxReactLite = require("mobx-react-lite");
|
|
14
|
+
var _FileManagerViewConfig = require("../../modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig");
|
|
15
|
+
var _FileManagerApiContext = require("../../modules/FileManagerApiProvider/FileManagerApiContext");
|
|
16
|
+
var _FileManagerViewProvider = require("../../modules/FileManagerRenderer/FileManagerViewProvider");
|
|
17
|
+
var _BulkActions = require("./BulkActions");
|
|
18
|
+
var ActionDelete = (0, _mobxReactLite.observer)(function () {
|
|
19
|
+
var _useFileManagerView = (0, _FileManagerViewProvider.useFileManagerView)(),
|
|
20
|
+
deleteFile = _useFileManagerView.deleteFile;
|
|
21
|
+
var _useFileManagerApi = (0, _FileManagerApiContext.useFileManagerApi)(),
|
|
22
|
+
canDelete = _useFileManagerApi.canDelete;
|
|
23
|
+
var _FileManagerViewConfi = _FileManagerViewConfig.FileManagerViewConfig.Browser.BulkAction,
|
|
24
|
+
useWorker = _FileManagerViewConfi.useWorker,
|
|
25
|
+
useButtons = _FileManagerViewConfi.useButtons,
|
|
26
|
+
useDialog = _FileManagerViewConfi.useDialog;
|
|
27
|
+
var _useButtons = useButtons(),
|
|
28
|
+
IconButton = _useButtons.IconButton;
|
|
29
|
+
var worker = useWorker();
|
|
30
|
+
var _useDialog = useDialog(),
|
|
31
|
+
showConfirmationDialog = _useDialog.showConfirmationDialog,
|
|
32
|
+
showResultsDialog = _useDialog.showResultsDialog;
|
|
33
|
+
var filesLabel = (0, _react.useMemo)(function () {
|
|
34
|
+
return (0, _BulkActions.getFilesLabel)(worker.items.length);
|
|
35
|
+
}, [worker.items.length]);
|
|
36
|
+
var canDeleteAll = (0, _react.useMemo)(function () {
|
|
37
|
+
return worker.items.every(function (item) {
|
|
38
|
+
return canDelete(item);
|
|
39
|
+
});
|
|
40
|
+
}, [worker.items]);
|
|
41
|
+
var openDeleteDialog = function openDeleteDialog() {
|
|
42
|
+
return showConfirmationDialog({
|
|
43
|
+
title: "Delete files",
|
|
44
|
+
message: "You are about to delete ".concat(filesLabel, ". Are you sure you want to continue?"),
|
|
45
|
+
loadingLabel: "Processing ".concat(filesLabel),
|
|
46
|
+
execute: function () {
|
|
47
|
+
var _execute = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2() {
|
|
48
|
+
return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
|
|
49
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
50
|
+
case 0:
|
|
51
|
+
_context2.next = 2;
|
|
52
|
+
return worker.processInSeries( /*#__PURE__*/function () {
|
|
53
|
+
var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(_ref) {
|
|
54
|
+
var item, report;
|
|
55
|
+
return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
|
|
56
|
+
while (1) switch (_context.prev = _context.next) {
|
|
57
|
+
case 0:
|
|
58
|
+
item = _ref.item, report = _ref.report;
|
|
59
|
+
_context.prev = 1;
|
|
60
|
+
_context.next = 4;
|
|
61
|
+
return deleteFile(item.id);
|
|
62
|
+
case 4:
|
|
63
|
+
report.success({
|
|
64
|
+
title: "".concat(item.name),
|
|
65
|
+
message: "File successfully deleted."
|
|
66
|
+
});
|
|
67
|
+
_context.next = 10;
|
|
68
|
+
break;
|
|
69
|
+
case 7:
|
|
70
|
+
_context.prev = 7;
|
|
71
|
+
_context.t0 = _context["catch"](1);
|
|
72
|
+
report.error({
|
|
73
|
+
title: "".concat(item.name),
|
|
74
|
+
message: _context.t0.message
|
|
75
|
+
});
|
|
76
|
+
case 10:
|
|
77
|
+
case "end":
|
|
78
|
+
return _context.stop();
|
|
79
|
+
}
|
|
80
|
+
}, _callee, null, [[1, 7]]);
|
|
81
|
+
}));
|
|
82
|
+
return function (_x) {
|
|
83
|
+
return _ref2.apply(this, arguments);
|
|
84
|
+
};
|
|
85
|
+
}());
|
|
86
|
+
case 2:
|
|
87
|
+
worker.resetItems();
|
|
88
|
+
showResultsDialog({
|
|
89
|
+
results: worker.results,
|
|
90
|
+
title: "Delete files",
|
|
91
|
+
message: "Finished deleting files! See full report below:"
|
|
92
|
+
});
|
|
93
|
+
case 4:
|
|
94
|
+
case "end":
|
|
95
|
+
return _context2.stop();
|
|
96
|
+
}
|
|
97
|
+
}, _callee2);
|
|
98
|
+
}));
|
|
99
|
+
function execute() {
|
|
100
|
+
return _execute.apply(this, arguments);
|
|
101
|
+
}
|
|
102
|
+
return execute;
|
|
103
|
+
}()
|
|
104
|
+
});
|
|
105
|
+
};
|
|
106
|
+
if (!canDeleteAll) {
|
|
107
|
+
console.log("You don't have permissions to delete files.");
|
|
108
|
+
return null;
|
|
109
|
+
}
|
|
110
|
+
return /*#__PURE__*/_react.default.createElement(IconButton, {
|
|
111
|
+
icon: /*#__PURE__*/_react.default.createElement(_delete.ReactComponent, null),
|
|
112
|
+
onAction: openDeleteDialog,
|
|
113
|
+
label: "Delete ".concat(filesLabel),
|
|
114
|
+
tooltipPlacement: "bottom"
|
|
115
|
+
});
|
|
116
|
+
});
|
|
117
|
+
exports.ActionDelete = ActionDelete;
|
|
118
|
+
|
|
119
|
+
//# sourceMappingURL=ActionDelete.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_delete","_mobxReactLite","_FileManagerViewConfig","_FileManagerApiContext","_FileManagerViewProvider","_BulkActions","ActionDelete","observer","_useFileManagerView","useFileManagerView","deleteFile","_useFileManagerApi","useFileManagerApi","canDelete","_FileManagerViewConfi","FileManagerViewConfig","Browser","BulkAction","useWorker","useButtons","useDialog","_useButtons","IconButton","worker","_useDialog","showConfirmationDialog","showResultsDialog","filesLabel","useMemo","getFilesLabel","items","length","canDeleteAll","every","item","openDeleteDialog","title","message","concat","loadingLabel","execute","_execute","_asyncToGenerator2","default","_regeneratorRuntime2","mark","_callee2","wrap","_callee2$","_context2","prev","next","processInSeries","_ref2","_callee","_ref","report","_callee$","_context","id","success","name","t0","error","stop","_x","apply","arguments","resetItems","results","console","log","createElement","icon","ReactComponent","onAction","label","tooltipPlacement","exports"],"sources":["ActionDelete.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { ReactComponent as DeleteIcon } from \"@material-design-icons/svg/outlined/delete.svg\";\nimport { observer } from \"mobx-react-lite\";\n\nimport { FileManagerViewConfig } from \"~/modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig\";\nimport { useFileManagerApi } from \"~/modules/FileManagerApiProvider/FileManagerApiContext\";\nimport { useFileManagerView } from \"~/modules/FileManagerRenderer/FileManagerViewProvider\";\nimport { getFilesLabel } from \"~/components/BulkActions/BulkActions\";\n\nexport const ActionDelete = observer(() => {\n const { deleteFile } = useFileManagerView();\n const { canDelete } = useFileManagerApi();\n\n const { useWorker, useButtons, useDialog } = FileManagerViewConfig.Browser.BulkAction;\n const { IconButton } = useButtons();\n const worker = useWorker();\n const { showConfirmationDialog, showResultsDialog } = useDialog();\n\n const filesLabel = useMemo(() => {\n return getFilesLabel(worker.items.length);\n }, [worker.items.length]);\n\n const canDeleteAll = useMemo(() => {\n return worker.items.every(item => canDelete(item));\n }, [worker.items]);\n\n const openDeleteDialog = () =>\n showConfirmationDialog({\n title: \"Delete files\",\n message: `You are about to delete ${filesLabel}. Are you sure you want to continue?`,\n loadingLabel: `Processing ${filesLabel}`,\n execute: async () => {\n await worker.processInSeries(async ({ item, report }) => {\n try {\n await deleteFile(item.id);\n\n report.success({\n title: `${item.name}`,\n message: \"File successfully deleted.\"\n });\n } catch (e) {\n report.error({\n title: `${item.name}`,\n message: e.message\n });\n }\n });\n\n worker.resetItems();\n\n showResultsDialog({\n results: worker.results,\n title: \"Delete files\",\n message: \"Finished deleting files! See full report below:\"\n });\n }\n });\n\n if (!canDeleteAll) {\n console.log(\"You don't have permissions to delete files.\");\n return null;\n }\n\n return (\n <IconButton\n icon={<DeleteIcon />}\n onAction={openDeleteDialog}\n label={`Delete ${filesLabel}`}\n tooltipPlacement={\"bottom\"}\n />\n );\n});\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEA,IAAAG,sBAAA,GAAAH,OAAA;AACA,IAAAI,sBAAA,GAAAJ,OAAA;AACA,IAAAK,wBAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AAEO,IAAMO,YAAY,GAAG,IAAAC,uBAAQ,EAAC,YAAM;EACvC,IAAAC,mBAAA,GAAuB,IAAAC,2CAAkB,EAAC,CAAC;IAAnCC,UAAU,GAAAF,mBAAA,CAAVE,UAAU;EAClB,IAAAC,kBAAA,GAAsB,IAAAC,wCAAiB,EAAC,CAAC;IAAjCC,SAAS,GAAAF,kBAAA,CAATE,SAAS;EAEjB,IAAAC,qBAAA,GAA6CC,4CAAqB,CAACC,OAAO,CAACC,UAAU;IAA7EC,SAAS,GAAAJ,qBAAA,CAATI,SAAS;IAAEC,UAAU,GAAAL,qBAAA,CAAVK,UAAU;IAAEC,SAAS,GAAAN,qBAAA,CAATM,SAAS;EACxC,IAAAC,WAAA,GAAuBF,UAAU,CAAC,CAAC;IAA3BG,UAAU,GAAAD,WAAA,CAAVC,UAAU;EAClB,IAAMC,MAAM,GAAGL,SAAS,CAAC,CAAC;EAC1B,IAAAM,UAAA,GAAsDJ,SAAS,CAAC,CAAC;IAAzDK,sBAAsB,GAAAD,UAAA,CAAtBC,sBAAsB;IAAEC,iBAAiB,GAAAF,UAAA,CAAjBE,iBAAiB;EAEjD,IAAMC,UAAU,GAAG,IAAAC,cAAO,EAAC,YAAM;IAC7B,OAAO,IAAAC,0BAAa,EAACN,MAAM,CAACO,KAAK,CAACC,MAAM,CAAC;EAC7C,CAAC,EAAE,CAACR,MAAM,CAACO,KAAK,CAACC,MAAM,CAAC,CAAC;EAEzB,IAAMC,YAAY,GAAG,IAAAJ,cAAO,EAAC,YAAM;IAC/B,OAAOL,MAAM,CAACO,KAAK,CAACG,KAAK,CAAC,UAAAC,IAAI;MAAA,OAAIrB,SAAS,CAACqB,IAAI,CAAC;IAAA,EAAC;EACtD,CAAC,EAAE,CAACX,MAAM,CAACO,KAAK,CAAC,CAAC;EAElB,IAAMK,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA;IAAA,OAClBV,sBAAsB,CAAC;MACnBW,KAAK,EAAE,cAAc;MACrBC,OAAO,6BAAAC,MAAA,CAA6BX,UAAU,yCAAsC;MACpFY,YAAY,gBAAAD,MAAA,CAAgBX,UAAU,CAAE;MACxCa,OAAO;QAAA,IAAAC,QAAA,OAAAC,kBAAA,CAAAC,OAAA,oBAAAC,oBAAA,CAAAD,OAAA,IAAAE,IAAA,CAAE,SAAAC,SAAA;UAAA,WAAAF,oBAAA,CAAAD,OAAA,IAAAI,IAAA,UAAAC,UAAAC,SAAA;YAAA,kBAAAA,SAAA,CAAAC,IAAA,GAAAD,SAAA,CAAAE,IAAA;cAAA;gBAAAF,SAAA,CAAAE,IAAA;gBAAA,OACC5B,MAAM,CAAC6B,eAAe;kBAAA,IAAAC,KAAA,OAAAX,kBAAA,CAAAC,OAAA,oBAAAC,oBAAA,CAAAD,OAAA,IAAAE,IAAA,CAAC,SAAAS,QAAAC,IAAA;oBAAA,IAAArB,IAAA,EAAAsB,MAAA;oBAAA,WAAAZ,oBAAA,CAAAD,OAAA,IAAAI,IAAA,UAAAU,SAAAC,QAAA;sBAAA,kBAAAA,QAAA,CAAAR,IAAA,GAAAQ,QAAA,CAAAP,IAAA;wBAAA;0BAASjB,IAAI,GAAAqB,IAAA,CAAJrB,IAAI,EAAEsB,MAAM,GAAAD,IAAA,CAANC,MAAM;0BAAAE,QAAA,CAAAR,IAAA;0BAAAQ,QAAA,CAAAP,IAAA;0BAAA,OAEpCzC,UAAU,CAACwB,IAAI,CAACyB,EAAE,CAAC;wBAAA;0BAEzBH,MAAM,CAACI,OAAO,CAAC;4BACXxB,KAAK,KAAAE,MAAA,CAAKJ,IAAI,CAAC2B,IAAI,CAAE;4BACrBxB,OAAO,EAAE;0BACb,CAAC,CAAC;0BAACqB,QAAA,CAAAP,IAAA;0BAAA;wBAAA;0BAAAO,QAAA,CAAAR,IAAA;0BAAAQ,QAAA,CAAAI,EAAA,GAAAJ,QAAA;0BAEHF,MAAM,CAACO,KAAK,CAAC;4BACT3B,KAAK,KAAAE,MAAA,CAAKJ,IAAI,CAAC2B,IAAI,CAAE;4BACrBxB,OAAO,EAAEqB,QAAA,CAAAI,EAAA,CAAEzB;0BACf,CAAC,CAAC;wBAAC;wBAAA;0BAAA,OAAAqB,QAAA,CAAAM,IAAA;sBAAA;oBAAA,GAAAV,OAAA;kBAAA,CAEV;kBAAA,iBAAAW,EAAA;oBAAA,OAAAZ,KAAA,CAAAa,KAAA,OAAAC,SAAA;kBAAA;gBAAA,IAAC;cAAA;gBAEF5C,MAAM,CAAC6C,UAAU,CAAC,CAAC;gBAEnB1C,iBAAiB,CAAC;kBACd2C,OAAO,EAAE9C,MAAM,CAAC8C,OAAO;kBACvBjC,KAAK,EAAE,cAAc;kBACrBC,OAAO,EAAE;gBACb,CAAC,CAAC;cAAC;cAAA;gBAAA,OAAAY,SAAA,CAAAe,IAAA;YAAA;UAAA,GAAAlB,QAAA;QAAA,CACN;QAAA,SAAAN,QAAA;UAAA,OAAAC,QAAA,CAAAyB,KAAA,OAAAC,SAAA;QAAA;QAAA,OAAA3B,OAAA;MAAA;IACL,CAAC,CAAC;EAAA;EAEN,IAAI,CAACR,YAAY,EAAE;IACfsC,OAAO,CAACC,GAAG,CAAC,6CAA6C,CAAC;IAC1D,OAAO,IAAI;EACf;EAEA,oBACI1E,MAAA,CAAA8C,OAAA,CAAA6B,aAAA,CAAClD,UAAU;IACPmD,IAAI,eAAE5E,MAAA,CAAA8C,OAAA,CAAA6B,aAAA,CAACxE,OAAA,CAAA0E,cAAU,MAAE,CAAE;IACrBC,QAAQ,EAAExC,gBAAiB;IAC3ByC,KAAK,YAAAtC,MAAA,CAAYX,UAAU,CAAG;IAC9BkD,gBAAgB,EAAE;EAAS,CAC9B,CAAC;AAEV,CAAC,CAAC;AAACC,OAAA,CAAAxE,YAAA,GAAAA,YAAA"}
|
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.ActionMove = void 0;
|
|
9
|
+
var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
|
|
10
|
+
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
11
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
+
var _drive_file_move = require("@material-design-icons/svg/outlined/drive_file_move.svg");
|
|
13
|
+
var _mobxReactLite = require("mobx-react-lite");
|
|
14
|
+
var _appAco = require("@webiny/app-aco");
|
|
15
|
+
var _FileManagerViewProvider = require("../../modules/FileManagerRenderer/FileManagerViewProvider");
|
|
16
|
+
var _FileManagerViewConfig = require("../../modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig");
|
|
17
|
+
var _BulkActions = require("./BulkActions");
|
|
18
|
+
var _constants = require("../../constants");
|
|
19
|
+
var ActionMove = (0, _mobxReactLite.observer)(function () {
|
|
20
|
+
var _useFileManagerView = (0, _FileManagerViewProvider.useFileManagerView)(),
|
|
21
|
+
moveFileToFolder = _useFileManagerView.moveFileToFolder;
|
|
22
|
+
var _useNavigateFolder = (0, _appAco.useNavigateFolder)(),
|
|
23
|
+
currentFolderId = _useNavigateFolder.currentFolderId;
|
|
24
|
+
var _FileManagerViewConfi = _FileManagerViewConfig.FileManagerViewConfig.Browser.BulkAction,
|
|
25
|
+
useWorker = _FileManagerViewConfi.useWorker,
|
|
26
|
+
useButtons = _FileManagerViewConfi.useButtons,
|
|
27
|
+
useDialog = _FileManagerViewConfi.useDialog;
|
|
28
|
+
var _useButtons = useButtons(),
|
|
29
|
+
IconButton = _useButtons.IconButton;
|
|
30
|
+
var worker = useWorker();
|
|
31
|
+
var _useDialog = useDialog(),
|
|
32
|
+
showConfirmationDialog = _useDialog.showConfirmationDialog,
|
|
33
|
+
showResultsDialog = _useDialog.showResultsDialog;
|
|
34
|
+
var _useMoveToFolderDialo = (0, _appAco.useMoveToFolderDialog)(),
|
|
35
|
+
showMoveDialog = _useMoveToFolderDialo.showDialog;
|
|
36
|
+
var filesLabel = (0, _react.useMemo)(function () {
|
|
37
|
+
return (0, _BulkActions.getFilesLabel)(worker.items.length);
|
|
38
|
+
}, [worker.items.length]);
|
|
39
|
+
var openWorkerDialog = (0, _react.useCallback)(function (folder) {
|
|
40
|
+
showConfirmationDialog({
|
|
41
|
+
title: "Move files",
|
|
42
|
+
message: "You are about to move ".concat(filesLabel, " to ").concat(folder.title, ". Are you sure you want to continue?"),
|
|
43
|
+
loadingLabel: "Processing ".concat(filesLabel),
|
|
44
|
+
execute: function () {
|
|
45
|
+
var _execute = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2() {
|
|
46
|
+
return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
|
|
47
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
48
|
+
case 0:
|
|
49
|
+
_context2.next = 2;
|
|
50
|
+
return worker.processInSeries( /*#__PURE__*/function () {
|
|
51
|
+
var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(_ref) {
|
|
52
|
+
var item, report;
|
|
53
|
+
return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
|
|
54
|
+
while (1) switch (_context.prev = _context.next) {
|
|
55
|
+
case 0:
|
|
56
|
+
item = _ref.item, report = _ref.report;
|
|
57
|
+
_context.prev = 1;
|
|
58
|
+
_context.next = 4;
|
|
59
|
+
return moveFileToFolder(item.id, folder.id);
|
|
60
|
+
case 4:
|
|
61
|
+
report.success({
|
|
62
|
+
title: "".concat(item.name),
|
|
63
|
+
message: "File successfully moved."
|
|
64
|
+
});
|
|
65
|
+
_context.next = 10;
|
|
66
|
+
break;
|
|
67
|
+
case 7:
|
|
68
|
+
_context.prev = 7;
|
|
69
|
+
_context.t0 = _context["catch"](1);
|
|
70
|
+
report.error({
|
|
71
|
+
title: "".concat(item.name),
|
|
72
|
+
message: _context.t0.message
|
|
73
|
+
});
|
|
74
|
+
case 10:
|
|
75
|
+
case "end":
|
|
76
|
+
return _context.stop();
|
|
77
|
+
}
|
|
78
|
+
}, _callee, null, [[1, 7]]);
|
|
79
|
+
}));
|
|
80
|
+
return function (_x) {
|
|
81
|
+
return _ref2.apply(this, arguments);
|
|
82
|
+
};
|
|
83
|
+
}());
|
|
84
|
+
case 2:
|
|
85
|
+
worker.resetItems();
|
|
86
|
+
showResultsDialog({
|
|
87
|
+
results: worker.results,
|
|
88
|
+
title: "Move files",
|
|
89
|
+
message: "Finished moving files! See full report below:"
|
|
90
|
+
});
|
|
91
|
+
case 4:
|
|
92
|
+
case "end":
|
|
93
|
+
return _context2.stop();
|
|
94
|
+
}
|
|
95
|
+
}, _callee2);
|
|
96
|
+
}));
|
|
97
|
+
function execute() {
|
|
98
|
+
return _execute.apply(this, arguments);
|
|
99
|
+
}
|
|
100
|
+
return execute;
|
|
101
|
+
}()
|
|
102
|
+
});
|
|
103
|
+
}, [filesLabel]);
|
|
104
|
+
var openMoveDialog = function openMoveDialog() {
|
|
105
|
+
return showMoveDialog({
|
|
106
|
+
title: "Select folder",
|
|
107
|
+
message: "Select a new location for selected files:",
|
|
108
|
+
loadingLabel: "Processing ".concat(filesLabel),
|
|
109
|
+
acceptLabel: "Move",
|
|
110
|
+
focusedFolderId: currentFolderId || _constants.ROOT_FOLDER,
|
|
111
|
+
onAccept: function onAccept(_ref3) {
|
|
112
|
+
return (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee3() {
|
|
113
|
+
var folder;
|
|
114
|
+
return (0, _regeneratorRuntime2.default)().wrap(function _callee3$(_context3) {
|
|
115
|
+
while (1) switch (_context3.prev = _context3.next) {
|
|
116
|
+
case 0:
|
|
117
|
+
folder = _ref3.folder;
|
|
118
|
+
openWorkerDialog(folder);
|
|
119
|
+
case 2:
|
|
120
|
+
case "end":
|
|
121
|
+
return _context3.stop();
|
|
122
|
+
}
|
|
123
|
+
}, _callee3);
|
|
124
|
+
}))();
|
|
125
|
+
}
|
|
126
|
+
});
|
|
127
|
+
};
|
|
128
|
+
return /*#__PURE__*/_react.default.createElement(IconButton, {
|
|
129
|
+
icon: /*#__PURE__*/_react.default.createElement(_drive_file_move.ReactComponent, null),
|
|
130
|
+
onAction: openMoveDialog,
|
|
131
|
+
label: "Move ".concat(filesLabel),
|
|
132
|
+
tooltipPlacement: "bottom"
|
|
133
|
+
});
|
|
134
|
+
});
|
|
135
|
+
exports.ActionMove = ActionMove;
|
|
136
|
+
|
|
137
|
+
//# sourceMappingURL=ActionMove.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_drive_file_move","_mobxReactLite","_appAco","_FileManagerViewProvider","_FileManagerViewConfig","_BulkActions","_constants","ActionMove","observer","_useFileManagerView","useFileManagerView","moveFileToFolder","_useNavigateFolder","useNavigateFolder","currentFolderId","_FileManagerViewConfi","FileManagerViewConfig","Browser","BulkAction","useWorker","useButtons","useDialog","_useButtons","IconButton","worker","_useDialog","showConfirmationDialog","showResultsDialog","_useMoveToFolderDialo","useMoveToFolderDialog","showMoveDialog","showDialog","filesLabel","useMemo","getFilesLabel","items","length","openWorkerDialog","useCallback","folder","title","message","concat","loadingLabel","execute","_execute","_asyncToGenerator2","default","_regeneratorRuntime2","mark","_callee2","wrap","_callee2$","_context2","prev","next","processInSeries","_ref2","_callee","_ref","item","report","_callee$","_context","id","success","name","t0","error","stop","_x","apply","arguments","resetItems","results","openMoveDialog","acceptLabel","focusedFolderId","ROOT_FOLDER","onAccept","_ref3","_callee3","_callee3$","_context3","createElement","icon","ReactComponent","onAction","label","tooltipPlacement","exports"],"sources":["ActionMove.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { ReactComponent as MoveIcon } from \"@material-design-icons/svg/outlined/drive_file_move.svg\";\nimport { observer } from \"mobx-react-lite\";\nimport { useMoveToFolderDialog, useNavigateFolder } from \"@webiny/app-aco\";\nimport { FolderItem } from \"@webiny/app-aco/types\";\n\nimport { useFileManagerView } from \"~/modules/FileManagerRenderer/FileManagerViewProvider\";\nimport { FileManagerViewConfig } from \"~/modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig\";\nimport { getFilesLabel } from \"~/components/BulkActions/BulkActions\";\nimport { ROOT_FOLDER } from \"~/constants\";\n\nexport const ActionMove = observer(() => {\n const { moveFileToFolder } = useFileManagerView();\n const { currentFolderId } = useNavigateFolder();\n\n const { useWorker, useButtons, useDialog } = FileManagerViewConfig.Browser.BulkAction;\n const { IconButton } = useButtons();\n const worker = useWorker();\n const { showConfirmationDialog, showResultsDialog } = useDialog();\n const { showDialog: showMoveDialog } = useMoveToFolderDialog();\n\n const filesLabel = useMemo(() => {\n return getFilesLabel(worker.items.length);\n }, [worker.items.length]);\n\n const openWorkerDialog = useCallback(\n (folder: FolderItem) => {\n showConfirmationDialog({\n title: \"Move files\",\n message: `You are about to move ${filesLabel} to ${folder.title}. Are you sure you want to continue?`,\n loadingLabel: `Processing ${filesLabel}`,\n execute: async () => {\n await worker.processInSeries(async ({ item, report }) => {\n try {\n await moveFileToFolder(item.id, folder.id);\n\n report.success({\n title: `${item.name}`,\n message: \"File successfully moved.\"\n });\n } catch (e) {\n report.error({\n title: `${item.name}`,\n message: e.message\n });\n }\n });\n\n worker.resetItems();\n\n showResultsDialog({\n results: worker.results,\n title: \"Move files\",\n message: \"Finished moving files! See full report below:\"\n });\n }\n });\n },\n [filesLabel]\n );\n\n const openMoveDialog = () =>\n showMoveDialog({\n title: \"Select folder\",\n message: \"Select a new location for selected files:\",\n loadingLabel: `Processing ${filesLabel}`,\n acceptLabel: `Move`,\n focusedFolderId: currentFolderId || ROOT_FOLDER,\n async onAccept({ folder }) {\n openWorkerDialog(folder);\n }\n });\n\n return (\n <IconButton\n icon={<MoveIcon />}\n onAction={openMoveDialog}\n label={`Move ${filesLabel}`}\n tooltipPlacement={\"bottom\"}\n />\n );\n});\n"],"mappings":"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"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.getFilesLabel = exports.BulkActions = void 0;
|
|
9
|
+
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
var _close = require("@material-design-icons/svg/outlined/close.svg");
|
|
12
|
+
var _i18n = require("@webiny/app/i18n");
|
|
13
|
+
var _appAdmin = require("@webiny/app-admin");
|
|
14
|
+
var _Button = require("@webiny/ui/Button");
|
|
15
|
+
var _Typography = require("@webiny/ui/Typography");
|
|
16
|
+
var _FileManagerViewConfig = require("../../modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig");
|
|
17
|
+
var _FileManagerViewProvider = require("../../modules/FileManagerRenderer/FileManagerViewProvider");
|
|
18
|
+
var _BulkActions = require("./BulkActions.styled");
|
|
19
|
+
var _templateObject;
|
|
20
|
+
var t = _i18n.i18n.ns("app-file-manager/components/bulk-actions");
|
|
21
|
+
var getFilesLabel = function getFilesLabel() {
|
|
22
|
+
var count = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
|
|
23
|
+
return "".concat(count, " ").concat(count === 1 ? "file" : "files");
|
|
24
|
+
};
|
|
25
|
+
exports.getFilesLabel = getFilesLabel;
|
|
26
|
+
var BulkActions = function BulkActions() {
|
|
27
|
+
var _useFileManagerViewCo = (0, _FileManagerViewConfig.useFileManagerViewConfig)(),
|
|
28
|
+
browser = _useFileManagerViewCo.browser;
|
|
29
|
+
var view = (0, _FileManagerViewProvider.useFileManagerView)();
|
|
30
|
+
var headline = (0, _react.useMemo)(function () {
|
|
31
|
+
return t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["{label} selected:"])))({
|
|
32
|
+
label: getFilesLabel(view.selected.length)
|
|
33
|
+
});
|
|
34
|
+
}, [view.selected]);
|
|
35
|
+
if (view.hasOnSelectCallback || !view.selected.length) {
|
|
36
|
+
return null;
|
|
37
|
+
}
|
|
38
|
+
return /*#__PURE__*/_react.default.createElement(_BulkActions.BulkActionsContainer, null, /*#__PURE__*/_react.default.createElement(_BulkActions.BulkActionsInner, null, /*#__PURE__*/_react.default.createElement(_BulkActions.ButtonsContainer, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
|
|
39
|
+
use: "headline6"
|
|
40
|
+
}, headline), /*#__PURE__*/_react.default.createElement(_appAdmin.Buttons, {
|
|
41
|
+
actions: browser.bulkActions
|
|
42
|
+
})), /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
|
|
43
|
+
icon: /*#__PURE__*/_react.default.createElement(_close.ReactComponent, null),
|
|
44
|
+
onClick: function onClick() {
|
|
45
|
+
return view.setSelected([]);
|
|
46
|
+
}
|
|
47
|
+
})));
|
|
48
|
+
};
|
|
49
|
+
exports.BulkActions = BulkActions;
|
|
50
|
+
|
|
51
|
+
//# sourceMappingURL=BulkActions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_close","_i18n","_appAdmin","_Button","_Typography","_FileManagerViewConfig","_FileManagerViewProvider","_BulkActions","_templateObject","t","i18n","ns","getFilesLabel","count","arguments","length","undefined","concat","exports","BulkActions","_useFileManagerViewCo","useFileManagerViewConfig","browser","view","useFileManagerView","headline","useMemo","_taggedTemplateLiteral2","default","label","selected","hasOnSelectCallback","createElement","BulkActionsContainer","BulkActionsInner","ButtonsContainer","Typography","use","Buttons","actions","bulkActions","IconButton","icon","ReactComponent","onClick","setSelected"],"sources":["BulkActions.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { ReactComponent as Close } from \"@material-design-icons/svg/outlined/close.svg\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Buttons } from \"@webiny/app-admin\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nimport { useFileManagerViewConfig } from \"~/modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig\";\nimport { useFileManagerView } from \"~/modules/FileManagerRenderer/FileManagerViewProvider\";\n\nimport { BulkActionsContainer, BulkActionsInner, ButtonsContainer } from \"./BulkActions.styled\";\n\nconst t = i18n.ns(\"app-file-manager/components/bulk-actions\");\n\nexport const getFilesLabel = (count = 0): string => {\n return `${count} ${count === 1 ? \"file\" : \"files\"}`;\n};\n\nexport const BulkActions = () => {\n const { browser } = useFileManagerViewConfig();\n const view = useFileManagerView();\n\n const headline = useMemo((): string => {\n return t`{label} selected:`({\n label: getFilesLabel(view.selected.length)\n });\n }, [view.selected]);\n\n if (view.hasOnSelectCallback || !view.selected.length) {\n return null;\n }\n\n return (\n <BulkActionsContainer>\n <BulkActionsInner>\n <ButtonsContainer>\n <Typography use={\"headline6\"}>{headline}</Typography>\n <Buttons actions={browser.bulkActions} />\n </ButtonsContainer>\n <IconButton icon={<Close />} onClick={() => view.setSelected([])} />\n </BulkActionsInner>\n </BulkActionsContainer>\n );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAEA,IAAAM,sBAAA,GAAAN,OAAA;AACA,IAAAO,wBAAA,GAAAP,OAAA;AAEA,IAAAQ,YAAA,GAAAR,OAAA;AAAgG,IAAAS,eAAA;AAEhG,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,0CAA0C,CAAC;AAEtD,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAA,EAA0B;EAAA,IAAtBC,KAAK,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC;EACnC,UAAAG,MAAA,CAAUJ,KAAK,OAAAI,MAAA,CAAIJ,KAAK,KAAK,CAAC,GAAG,MAAM,GAAG,OAAO;AACrD,CAAC;AAACK,OAAA,CAAAN,aAAA,GAAAA,aAAA;AAEK,IAAMO,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;EAC7B,IAAAC,qBAAA,GAAoB,IAAAC,+CAAwB,EAAC,CAAC;IAAtCC,OAAO,GAAAF,qBAAA,CAAPE,OAAO;EACf,IAAMC,IAAI,GAAG,IAAAC,2CAAkB,EAAC,CAAC;EAEjC,IAAMC,QAAQ,GAAG,IAAAC,cAAO,EAAC,YAAc;IACnC,OAAOjB,CAAC,CAAAD,eAAA,KAAAA,eAAA,OAAAmB,uBAAA,CAAAC,OAAA,2BAAoB;MACxBC,KAAK,EAAEjB,aAAa,CAACW,IAAI,CAACO,QAAQ,CAACf,MAAM;IAC7C,CAAC,CAAC;EACN,CAAC,EAAE,CAACQ,IAAI,CAACO,QAAQ,CAAC,CAAC;EAEnB,IAAIP,IAAI,CAACQ,mBAAmB,IAAI,CAACR,IAAI,CAACO,QAAQ,CAACf,MAAM,EAAE;IACnD,OAAO,IAAI;EACf;EAEA,oBACIlB,MAAA,CAAA+B,OAAA,CAAAI,aAAA,CAACzB,YAAA,CAAA0B,oBAAoB,qBACjBpC,MAAA,CAAA+B,OAAA,CAAAI,aAAA,CAACzB,YAAA,CAAA2B,gBAAgB,qBACbrC,MAAA,CAAA+B,OAAA,CAAAI,aAAA,CAACzB,YAAA,CAAA4B,gBAAgB,qBACbtC,MAAA,CAAA+B,OAAA,CAAAI,aAAA,CAAC5B,WAAA,CAAAgC,UAAU;IAACC,GAAG,EAAE;EAAY,GAAEZ,QAAqB,CAAC,eACrD5B,MAAA,CAAA+B,OAAA,CAAAI,aAAA,CAAC9B,SAAA,CAAAoC,OAAO;IAACC,OAAO,EAAEjB,OAAO,CAACkB;EAAY,CAAE,CAC1B,CAAC,eACnB3C,MAAA,CAAA+B,OAAA,CAAAI,aAAA,CAAC7B,OAAA,CAAAsC,UAAU;IAACC,IAAI,eAAE7C,MAAA,CAAA+B,OAAA,CAAAI,aAAA,CAAChC,MAAA,CAAA2C,cAAK,MAAE,CAAE;IAACC,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMrB,IAAI,CAACsB,WAAW,CAAC,EAAE,CAAC;IAAA;EAAC,CAAE,CACrD,CACA,CAAC;AAE/B,CAAC;AAAC3B,OAAA,CAAAC,WAAA,GAAAA,WAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
/// <reference types="react" />
|
|
3
|
+
/// <reference types="web" />
|
|
4
|
+
export declare const BulkActionsContainer: import("@emotion/styled").StyledComponent<{
|
|
5
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
6
|
+
as?: import("react").ElementType<any> | undefined;
|
|
7
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
8
|
+
export declare const BulkActionsInner: import("@emotion/styled").StyledComponent<{
|
|
9
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
10
|
+
as?: import("react").ElementType<any> | undefined;
|
|
11
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
12
|
+
export declare const ButtonsContainer: import("@emotion/styled").StyledComponent<{
|
|
13
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
14
|
+
as?: import("react").ElementType<any> | undefined;
|
|
15
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.ButtonsContainer = exports.BulkActionsInner = exports.BulkActionsContainer = void 0;
|
|
8
|
+
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
9
|
+
var _appAdmin = require("@webiny/app-admin");
|
|
10
|
+
var BulkActionsContainer = /*#__PURE__*/(0, _styled.default)("div", {
|
|
11
|
+
label: "BulkActionsContainer",
|
|
12
|
+
target: "e19j6q730"
|
|
13
|
+
})("width:100%;height:64px;background-color:var(--mdc-theme-surface);border-bottom:1px solid rgba(0,0,0,0.12);");
|
|
14
|
+
exports.BulkActionsContainer = BulkActionsContainer;
|
|
15
|
+
var BulkActionsInner = /*#__PURE__*/(0, _styled.default)("div", {
|
|
16
|
+
label: "BulkActionsInner",
|
|
17
|
+
target: "e19j6q731"
|
|
18
|
+
})("height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 16px;");
|
|
19
|
+
exports.BulkActionsInner = BulkActionsInner;
|
|
20
|
+
var ButtonsContainer = /*#__PURE__*/(0, _styled.default)("div", {
|
|
21
|
+
label: "ButtonsContainer",
|
|
22
|
+
target: "e19j6q732"
|
|
23
|
+
})("display:flex;align-items:center;", _appAdmin.ButtonContainer, "{margin:0;}");
|
|
24
|
+
exports.ButtonsContainer = ButtonsContainer;
|
|
25
|
+
|
|
26
|
+
//# sourceMappingURL=BulkActions.styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_styled","_interopRequireDefault","require","_appAdmin","BulkActionsContainer","styled","label","target","exports","BulkActionsInner","ButtonsContainer","ButtonContainer"],"sources":["BulkActions.styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { ButtonContainer } from \"@webiny/app-admin\";\n\nexport const BulkActionsContainer = styled.div`\n width: 100%;\n height: 64px;\n background-color: var(--mdc-theme-surface);\n border-bottom: 1px solid rgba(0, 0, 0, 0.12);\n`;\n\nexport const BulkActionsInner = styled.div`\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 12px 0 16px;\n`;\n\nexport const ButtonsContainer = styled.div`\n display: flex;\n align-items: center;\n\n ${ButtonContainer} {\n margin: 0;\n }\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAEO,IAAME,oBAAoB,oBAAGC,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,gHAKzC;AAACC,OAAA,CAAAJ,oBAAA,GAAAA,oBAAA;AAEK,IAAMK,gBAAgB,oBAAGJ,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,sGAMrC;AAACC,OAAA,CAAAC,gBAAA,GAAAA,gBAAA;AAEK,IAAMC,gBAAgB,oBAAGL,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,uCAIhCI,yBAAe,gBAGpB;AAACH,OAAA,CAAAE,gBAAA,GAAAA,gBAAA"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _exportNames = {
|
|
7
|
+
ActionDelete: true,
|
|
8
|
+
ActionMove: true
|
|
9
|
+
};
|
|
10
|
+
Object.defineProperty(exports, "ActionDelete", {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function get() {
|
|
13
|
+
return _ActionDelete.ActionDelete;
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
Object.defineProperty(exports, "ActionMove", {
|
|
17
|
+
enumerable: true,
|
|
18
|
+
get: function get() {
|
|
19
|
+
return _ActionMove.ActionMove;
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
var _ActionDelete = require("./ActionDelete");
|
|
23
|
+
var _ActionMove = require("./ActionMove");
|
|
24
|
+
var _BulkActions = require("./BulkActions");
|
|
25
|
+
Object.keys(_BulkActions).forEach(function (key) {
|
|
26
|
+
if (key === "default" || key === "__esModule") return;
|
|
27
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
28
|
+
if (key in exports && exports[key] === _BulkActions[key]) return;
|
|
29
|
+
Object.defineProperty(exports, key, {
|
|
30
|
+
enumerable: true,
|
|
31
|
+
get: function get() {
|
|
32
|
+
return _BulkActions[key];
|
|
33
|
+
}
|
|
34
|
+
});
|
|
35
|
+
});
|
|
36
|
+
|
|
37
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_ActionDelete","require","_ActionMove","_BulkActions","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export { ActionDelete } from \"./ActionDelete\";\nexport { ActionMove } from \"./ActionMove\";\nexport * from \"./BulkActions\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAAAG,MAAA,CAAAC,IAAA,CAAAF,YAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,YAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,YAAA,CAAAI,GAAA;IAAA;EAAA;AAAA"}
|
|
@@ -13,19 +13,17 @@ var _styled = require("./styled");
|
|
|
13
13
|
var _templateObject;
|
|
14
14
|
var t = _i18n.i18n.ns("app-admin/file-manager/components/drop-files-here");
|
|
15
15
|
var DropFilesHere = function DropFilesHere(_ref) {
|
|
16
|
-
var
|
|
17
|
-
onDragLeave = _ref.onDragLeave,
|
|
18
|
-
empty = _ref.empty,
|
|
16
|
+
var empty = _ref.empty,
|
|
19
17
|
onClick = _ref.onClick;
|
|
20
18
|
return /*#__PURE__*/_react.default.createElement(_styled.DropFilesHereWrapper, {
|
|
21
19
|
empty: empty,
|
|
22
|
-
|
|
23
|
-
onClick: onClick,
|
|
24
|
-
onDragLeave: onDragLeave
|
|
20
|
+
onClick: onClick
|
|
25
21
|
}, /*#__PURE__*/_react.default.createElement(_styled.DropFilesHereInner, {
|
|
26
22
|
empty: empty
|
|
27
23
|
}, /*#__PURE__*/_react.default.createElement(_styled.DropFilesHereIconWrapper, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
|
|
28
24
|
icon: /*#__PURE__*/_react.default.createElement(_styled.DropFilesHereIcon, null)
|
|
29
25
|
}), /*#__PURE__*/_react.default.createElement("div", null, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Drop files here"])))))));
|
|
30
26
|
};
|
|
31
|
-
exports.DropFilesHere = DropFilesHere;
|
|
27
|
+
exports.DropFilesHere = DropFilesHere;
|
|
28
|
+
|
|
29
|
+
//# sourceMappingURL=DropFilesHere.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_Icon","_styled","_templateObject","t","i18n","ns","DropFilesHere","_ref","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_Icon","_styled","_templateObject","t","i18n","ns","DropFilesHere","_ref","empty","onClick","default","createElement","DropFilesHereWrapper","DropFilesHereInner","DropFilesHereIconWrapper","Icon","icon","DropFilesHereIcon","_taggedTemplateLiteral2","exports"],"sources":["DropFilesHere.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Icon } from \"@webiny/ui/Icon\";\n\nimport {\n DropFilesHereWrapper,\n DropFilesHereInner,\n DropFilesHereIcon,\n DropFilesHereIconWrapper\n} from \"./styled\";\n\nconst t = i18n.ns(\"app-admin/file-manager/components/drop-files-here\");\n\nexport interface DropFilesHereProps {\n onDragLeave?: (event?: React.DragEvent<HTMLElement>) => void;\n onDrop?: (event?: React.DragEvent<HTMLElement>) => void;\n empty?: boolean;\n onClick?: (event?: React.MouseEvent<HTMLElement>) => void;\n}\n\nexport const DropFilesHere: React.FC<DropFilesHereProps> = ({ empty, onClick }) => {\n return (\n <DropFilesHereWrapper empty={empty} onClick={onClick}>\n <DropFilesHereInner empty={empty}>\n <DropFilesHereIconWrapper>\n <Icon icon={<DropFilesHereIcon />} />\n <div>{t`Drop files here`}</div>\n </DropFilesHereIconWrapper>\n </DropFilesHereInner>\n </DropFilesHereWrapper>\n );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAKkB,IAAAI,eAAA;AAElB,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mDAAmD,CAAC;AAS/D,IAAMC,aAA2C,GAAG,SAA9CA,aAA2CA,CAAAC,IAAA,EAA2B;EAAA,IAArBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EACxE,oBACIb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAW,oBAAoB;IAACJ,KAAK,EAAEA,KAAM;IAACC,OAAO,EAAEA;EAAQ,gBACjDb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAY,kBAAkB;IAACL,KAAK,EAAEA;EAAM,gBAC7BZ,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAa,wBAAwB,qBACrBlB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,KAAA,CAAAe,IAAI;IAACC,IAAI,eAAEpB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAgB,iBAAiB,MAAE;EAAE,CAAE,CAAC,eACrCrB,MAAA,CAAAc,OAAA,CAAAC,aAAA,cAAMR,CAAC,CAAAD,eAAA,KAAAA,eAAA,OAAAgB,uBAAA,CAAAR,OAAA,wBAAuB,CACR,CACV,CACF,CAAC;AAE/B,CAAC;AAACS,OAAA,CAAAb,aAAA,GAAAA,aAAA"}
|