@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.
Files changed (177) hide show
  1. package/BatchFileUploader.js +3 -1
  2. package/FileManagerFileTypePlugin.js +3 -1
  3. package/app.js +3 -1
  4. package/components/BottomInfoBar/BottomInfoBar.js +3 -1
  5. package/components/BottomInfoBar/ListStatus.js +3 -1
  6. package/components/BottomInfoBar/SupportedFileTypes.js +3 -1
  7. package/components/BottomInfoBar/index.js +3 -1
  8. package/components/BottomInfoBar/styled.js +3 -1
  9. package/components/BulkActions/ActionDelete.d.ts +4 -0
  10. package/components/BulkActions/ActionDelete.js +119 -0
  11. package/components/BulkActions/ActionDelete.js.map +1 -0
  12. package/components/BulkActions/ActionMove.d.ts +4 -0
  13. package/components/BulkActions/ActionMove.js +137 -0
  14. package/components/BulkActions/ActionMove.js.map +1 -0
  15. package/components/BulkActions/BulkActions.d.ts +3 -0
  16. package/components/BulkActions/BulkActions.js +51 -0
  17. package/components/BulkActions/BulkActions.js.map +1 -0
  18. package/components/BulkActions/BulkActions.styled.d.ts +15 -0
  19. package/components/BulkActions/BulkActions.styled.js +26 -0
  20. package/components/BulkActions/BulkActions.styled.js.map +1 -0
  21. package/components/BulkActions/index.d.ts +3 -0
  22. package/components/BulkActions/index.js +37 -0
  23. package/components/BulkActions/index.js.map +1 -0
  24. package/components/DropFilesHere/DropFilesHere.js +5 -7
  25. package/components/DropFilesHere/DropFilesHere.js.map +1 -1
  26. package/components/DropFilesHere/index.js +3 -1
  27. package/components/DropFilesHere/styled.js +9 -4
  28. package/components/DropFilesHere/styled.js.map +1 -1
  29. package/components/Empty/Empty.js +3 -1
  30. package/components/Empty/Empty.js.map +1 -1
  31. package/components/Empty/index.js +3 -1
  32. package/components/FileDetails/FileDetails.js +6 -4
  33. package/components/FileDetails/FileDetails.js.map +1 -1
  34. package/components/FileDetails/FileDetailsProvider.js +3 -1
  35. package/components/FileDetails/components/Actions.js +3 -1
  36. package/components/FileDetails/components/Aliases.js +3 -1
  37. package/components/FileDetails/components/BaseFields.js +3 -1
  38. package/components/FileDetails/components/Content.js +3 -1
  39. package/components/FileDetails/components/CreatedOn.js +3 -1
  40. package/components/FileDetails/components/Extensions.js +3 -1
  41. package/components/FileDetails/components/Flex.js +3 -1
  42. package/components/FileDetails/components/Footer.js +3 -1
  43. package/components/FileDetails/components/Header.js +3 -1
  44. package/components/FileDetails/components/Name.js +3 -1
  45. package/components/FileDetails/components/Preview.js +3 -1
  46. package/components/FileDetails/components/PreviewMeta.js +3 -1
  47. package/components/FileDetails/components/Tags.js +3 -1
  48. package/components/FileDetails/components/Thumbnail.js +3 -1
  49. package/components/FileDetails/components/TypeAndSize.js +3 -1
  50. package/components/FileDetails/components/actions/CopyUrl.js +3 -1
  51. package/components/FileDetails/components/actions/DeleteImage.js +3 -1
  52. package/components/FileDetails/components/actions/Download.js +3 -1
  53. package/components/FileDetails/components/actions/MoveTo.js +3 -1
  54. package/components/FileDetails/index.js +3 -1
  55. package/components/Grid/File.js +3 -1
  56. package/components/Grid/Grid.d.ts +2 -0
  57. package/components/Grid/Grid.js +14 -5
  58. package/components/Grid/Grid.js.map +1 -1
  59. package/components/Grid/index.js +3 -1
  60. package/components/Grid/styled.js +3 -1
  61. package/components/LayoutSwitch/LayoutSwitch.d.ts +2 -0
  62. package/components/LayoutSwitch/LayoutSwitch.js +34 -0
  63. package/components/LayoutSwitch/LayoutSwitch.js.map +1 -0
  64. package/components/LayoutSwitch/index.d.ts +1 -0
  65. package/components/LayoutSwitch/index.js +18 -0
  66. package/components/LayoutSwitch/index.js.map +1 -0
  67. package/components/NoPermission/NoPermission.js +3 -1
  68. package/components/NoPermission/index.js +3 -1
  69. package/components/NoPermission/styled.js +3 -1
  70. package/components/NoResults/NoResults.js +3 -1
  71. package/components/NoResults/index.js +3 -1
  72. package/components/NoResults/styled.js +3 -1
  73. package/components/Table/FolderActionDelete.js +3 -1
  74. package/components/Table/FolderActionEdit.js +3 -1
  75. package/components/Table/FolderActionManagePermissions.d.ts +6 -0
  76. package/components/Table/FolderActionManagePermissions.js +27 -0
  77. package/components/Table/FolderActionManagePermissions.js.map +1 -0
  78. package/components/Table/Name.d.ts +5 -1
  79. package/components/Table/Name.js +12 -3
  80. package/components/Table/Name.js.map +1 -1
  81. package/components/Table/RecordActionCopy.js +3 -1
  82. package/components/Table/RecordActionDelete.js +5 -3
  83. package/components/Table/RecordActionDelete.js.map +1 -1
  84. package/components/Table/RecordActionEdit.js +3 -1
  85. package/components/Table/RecordActionMove.js +3 -1
  86. package/components/Table/Table.d.ts +11 -13
  87. package/components/Table/Table.js +46 -15
  88. package/components/Table/Table.js.map +1 -1
  89. package/components/Table/index.js +3 -1
  90. package/components/Table/styled.d.ts +0 -1
  91. package/components/Table/styled.js +3 -3
  92. package/components/Table/styled.js.map +1 -1
  93. package/components/Title/Title.js +3 -1
  94. package/components/Title/index.js +3 -1
  95. package/components/Title/styled.js +3 -1
  96. package/components/UploadStatus/UploadStatus.js +3 -1
  97. package/components/UploadStatus/index.js +3 -1
  98. package/components/UploadStatus/styled.js +3 -1
  99. package/constants.js +3 -1
  100. package/contexts/FileProvider.js +3 -1
  101. package/getFileTypePlugin.js +3 -1
  102. package/hooks/useCopyFile.js +3 -1
  103. package/hooks/useDeleteFile.js +3 -1
  104. package/hooks/useFile.js +3 -1
  105. package/hooks/useFileDetails.js +3 -1
  106. package/hooks/useFileModel.js +3 -1
  107. package/hooks/useMoveFileToFolder.js +3 -1
  108. package/index.js +3 -1
  109. package/modules/FileManagerApiProvider/FileManagerApiContext/FileManagerApiContext.js +5 -3
  110. package/modules/FileManagerApiProvider/FileManagerApiContext/FileManagerApiContext.js.map +1 -1
  111. package/modules/FileManagerApiProvider/FileManagerApiContext/FileModelContext.js +3 -1
  112. package/modules/FileManagerApiProvider/FileManagerApiContext/getFileUploader.js +3 -1
  113. package/modules/FileManagerApiProvider/FileManagerApiContext/index.js +3 -1
  114. package/modules/FileManagerApiProvider/FileManagerApiContext/useFileManagerApi.js +3 -1
  115. package/modules/FileManagerApiProvider/graphql.js +3 -1
  116. package/modules/FileManagerApiProvider/index.js +3 -1
  117. package/modules/FileManagerRenderer/FileManagerView/FileManagerView.js +41 -33
  118. package/modules/FileManagerRenderer/FileManagerView/FileManagerView.js.map +1 -1
  119. package/modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig.d.ts +12 -0
  120. package/modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig.js +4 -1
  121. package/modules/FileManagerRenderer/FileManagerView/FileManagerViewConfig.js.map +1 -1
  122. package/modules/FileManagerRenderer/FileManagerView/LeftSidebar.js +3 -1
  123. package/modules/FileManagerRenderer/FileManagerView/NavigateFolderProvider.js +3 -1
  124. package/modules/FileManagerRenderer/FileManagerView/components/Filters.js +3 -1
  125. package/modules/FileManagerRenderer/FileManagerView/components/SearchWidget.js +3 -1
  126. package/modules/FileManagerRenderer/FileManagerView/components/TagsList/Empty.js +3 -1
  127. package/modules/FileManagerRenderer/FileManagerView/components/TagsList/Tag.js +3 -1
  128. package/modules/FileManagerRenderer/FileManagerView/components/TagsList/TagsList.js +3 -1
  129. package/modules/FileManagerRenderer/FileManagerView/components/TagsList/index.js +3 -1
  130. package/modules/FileManagerRenderer/FileManagerView/components/TagsList/styled.js +3 -1
  131. package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/BulkAction.d.ts +26 -0
  132. package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/BulkAction.js +96 -0
  133. package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/BulkAction.js.map +1 -0
  134. package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/Filter.js +3 -1
  135. package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/FilterByTags.js +3 -1
  136. package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/FiltersToWhere.js +3 -1
  137. package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/index.d.ts +13 -0
  138. package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/index.js +5 -1
  139. package/modules/FileManagerRenderer/FileManagerView/configComponents/Browser/index.js.map +1 -1
  140. package/modules/FileManagerRenderer/FileManagerView/configComponents/FileDetails/Field.js +3 -1
  141. package/modules/FileManagerRenderer/FileManagerView/configComponents/FileDetails/FieldDecorator.js +3 -1
  142. package/modules/FileManagerRenderer/FileManagerView/configComponents/FileDetails/Width.js +3 -1
  143. package/modules/FileManagerRenderer/FileManagerView/configComponents/FileDetails/index.js +3 -1
  144. package/modules/FileManagerRenderer/FileManagerView/index.js +3 -1
  145. package/modules/FileManagerRenderer/FileManagerView/outputFileSelectionError.js +3 -1
  146. package/modules/FileManagerRenderer/FileManagerViewProvider/FileManagerViewContext.d.ts +2 -1
  147. package/modules/FileManagerRenderer/FileManagerViewProvider/FileManagerViewContext.js +22 -21
  148. package/modules/FileManagerRenderer/FileManagerViewProvider/FileManagerViewContext.js.map +1 -1
  149. package/modules/FileManagerRenderer/FileManagerViewProvider/index.js +3 -1
  150. package/modules/FileManagerRenderer/FileManagerViewProvider/setSelection.d.ts +30 -0
  151. package/modules/FileManagerRenderer/FileManagerViewProvider/setSelection.js +115 -0
  152. package/modules/FileManagerRenderer/FileManagerViewProvider/setSelection.js.map +1 -0
  153. package/modules/FileManagerRenderer/FileManagerViewProvider/state.d.ts +4 -1
  154. package/modules/FileManagerRenderer/FileManagerViewProvider/state.js +4 -2
  155. package/modules/FileManagerRenderer/FileManagerViewProvider/state.js.map +1 -1
  156. package/modules/FileManagerRenderer/FileManagerViewProvider/useFileManagerView.js +3 -1
  157. package/modules/FileManagerRenderer/FileManagerViewProvider/useListFiles.d.ts +1 -2
  158. package/modules/FileManagerRenderer/FileManagerViewProvider/useListFiles.js +5 -9
  159. package/modules/FileManagerRenderer/FileManagerViewProvider/useListFiles.js.map +1 -1
  160. package/modules/FileManagerRenderer/FileManagerViewProvider/useTags.js +3 -1
  161. package/modules/FileManagerRenderer/filters/FilterByType.js +3 -1
  162. package/modules/FileManagerRenderer/index.js +10 -1
  163. package/modules/FileManagerRenderer/index.js.map +1 -1
  164. package/modules/FileTypes/fileDefault.js +3 -1
  165. package/modules/FileTypes/fileImage/EditAction.js +3 -1
  166. package/modules/FileTypes/fileImage/index.js +3 -1
  167. package/modules/FileTypes/index.js +3 -1
  168. package/modules/Settings/graphql.js +4 -2
  169. package/modules/Settings/graphql.js.map +1 -1
  170. package/modules/Settings/index.js +3 -1
  171. package/modules/Settings/plugins/installation.js +3 -1
  172. package/modules/Settings/plugins/permissionRenderer/FileManagerPermissions.js +3 -1
  173. package/modules/Settings/plugins/permissionRenderer/index.js +3 -1
  174. package/modules/Settings/views/FileManagerSettings.js +3 -1
  175. package/package.json +17 -16
  176. package/tagsHelpers.js +3 -1
  177. package/types.js +3 -1
@@ -173,4 +173,6 @@ var BatchFileUploader = /*#__PURE__*/function () {
173
173
  }]);
174
174
  return BatchFileUploader;
175
175
  }();
176
- exports.BatchFileUploader = BatchFileUploader;
176
+ exports.BatchFileUploader = BatchFileUploader;
177
+
178
+ //# sourceMappingURL=BatchFileUploader.js.map
@@ -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
@@ -23,4 +23,6 @@ var ListStatus = function ListStatus(_ref) {
23
23
  })));
24
24
  };
25
25
  var _default = ListStatus;
26
- exports.default = _default;
26
+ exports.default = _default;
27
+
28
+ //# sourceMappingURL=ListStatus.js.map
@@ -44,4 +44,6 @@ var SupportedFileTypes = function SupportedFileTypes(_ref) {
44
44
  }));
45
45
  };
46
46
  var _default = SupportedFileTypes;
47
- exports.default = _default;
47
+ exports.default = _default;
48
+
49
+ //# sourceMappingURL=SupportedFileTypes.js.map
@@ -13,4 +13,6 @@ Object.keys(_BottomInfoBar).forEach(function (key) {
13
13
  return _BottomInfoBar[key];
14
14
  }
15
15
  });
16
- });
16
+ });
17
+
18
+ //# sourceMappingURL=index.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,4 @@
1
+ /// <reference types="react" />
2
+ export declare const ActionDelete: (() => JSX.Element | null) & {
3
+ displayName: string;
4
+ };
@@ -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,4 @@
1
+ /// <reference types="react" />
2
+ export declare const ActionMove: (() => JSX.Element) & {
3
+ displayName: string;
4
+ };
@@ -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,3 @@
1
+ /// <reference types="react" />
2
+ export declare const getFilesLabel: (count?: number) => string;
3
+ export declare const BulkActions: () => JSX.Element | null;
@@ -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,3 @@
1
+ export { ActionDelete } from "./ActionDelete";
2
+ export { ActionMove } from "./ActionMove";
3
+ export * from "./BulkActions";
@@ -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 onDrop = _ref.onDrop,
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
- onDrop: onDrop,
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","onDrop","onDragLeave","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> = ({\n onDrop,\n onDragLeave,\n empty,\n onClick\n}) => {\n return (\n <DropFilesHereWrapper\n empty={empty}\n onDrop={onDrop}\n onClick={onClick}\n onDragLeave={onDragLeave}\n >\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,EAKlD;EAAA,IAJFC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IACXC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;EAEP,oBACIf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,OAAA,CAAAa,oBAAoB;IACjBJ,KAAK,EAAEA,KAAM;IACbF,MAAM,EAAEA,MAAO;IACfG,OAAO,EAAEA,OAAQ;IACjBF,WAAW,EAAEA;EAAY,gBAEzBb,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,OAAA,CAAAc,kBAAkB;IAACL,KAAK,EAAEA;EAAM,gBAC7Bd,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,OAAA,CAAAe,wBAAwB,qBACrBpB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,KAAA,CAAAiB,IAAI;IAACC,IAAI,eAAEtB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,OAAA,CAAAkB,iBAAiB,MAAE;EAAE,CAAE,CAAC,eACrCvB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,cAAMV,CAAC,CAAAD,eAAA,KAAAA,eAAA,OAAAkB,uBAAA,CAAAR,OAAA,wBAAuB,CACR,CACV,CACF,CAAC;AAE/B,CAAC;AAACS,OAAA,CAAAf,aAAA,GAAAA,aAAA"}
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"}
@@ -13,4 +13,6 @@ Object.keys(_DropFilesHere).forEach(function (key) {
13
13
  return _DropFilesHere[key];
14
14
  }
15
15
  });
16
- });
16
+ });
17
+
18
+ //# sourceMappingURL=index.js.map