You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
					124 lines
				
				4.9 KiB
			
		
		
			
		
	
	
					124 lines
				
				4.9 KiB
			| 
											3 years ago
										 | "use strict"; | ||
|  | 
 | ||
|  | Object.defineProperty(exports, "__esModule", { | ||
|  |   value: true | ||
|  | }); | ||
|  | exports.default = void 0; | ||
|  | 
 | ||
|  | var _react = _interopRequireWildcard(require("react")); | ||
|  | 
 | ||
|  | var _designSystem = require("@adminjs/design-system"); | ||
|  | 
 | ||
|  | var _reactRouter = require("react-router"); | ||
|  | 
 | ||
|  | var _apiClient = _interopRequireDefault(require("../../utils/api-client")); | ||
|  | 
 | ||
|  | var _getBulkActionsFromRecords = _interopRequireDefault(require("../app/records-table/utils/get-bulk-actions-from-records")); | ||
|  | 
 | ||
|  | var _wrapper = _interopRequireDefault(require("./utils/wrapper")); | ||
|  | 
 | ||
|  | var _app = require("../app"); | ||
|  | 
 | ||
|  | var _hooks = require("../../hooks"); | ||
|  | 
 | ||
|  | var _allowOverride = _interopRequireDefault(require("../../hoc/allow-override")); | ||
|  | 
 | ||
|  | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
|  | 
 | ||
|  | function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } | ||
|  | 
 | ||
|  | function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } | ||
|  | 
 | ||
|  | const api = new _apiClient.default(); | ||
|  | 
 | ||
|  | const BulkAction = () => { | ||
|  |   const params = (0, _reactRouter.useParams)(); | ||
|  |   const [records, setRecords] = (0, _react.useState)([]); | ||
|  |   const [loading, setLoading] = (0, _react.useState)(false); | ||
|  |   const { | ||
|  |     translateMessage | ||
|  |   } = (0, _hooks.useTranslation)(); | ||
|  |   const addNotice = (0, _hooks.useNotice)(); | ||
|  |   const location = (0, _reactRouter.useLocation)(); | ||
|  |   const { | ||
|  |     resourceId, | ||
|  |     actionName | ||
|  |   } = params; | ||
|  |   const resource = (0, _hooks.useResource)(resourceId); | ||
|  | 
 | ||
|  |   const fetchRecords = () => { | ||
|  |     const recordIdsString = new URLSearchParams(location.search).get('recordIds'); | ||
|  |     const recordIds = recordIdsString ? recordIdsString.split(',') : []; | ||
|  |     setLoading(true); | ||
|  |     return api.bulkAction({ | ||
|  |       resourceId: resourceId, | ||
|  |       recordIds, | ||
|  |       actionName: actionName | ||
|  |     }).then(response => { | ||
|  |       setLoading(false); | ||
|  |       setRecords(response.data.records); | ||
|  |     }).catch(error => { | ||
|  |       setLoading(false); | ||
|  |       addNotice({ | ||
|  |         message: translateMessage('errorFetchingRecords', resourceId), | ||
|  |         type: 'error' | ||
|  |       }); | ||
|  |       throw error; | ||
|  |     }); | ||
|  |   }; | ||
|  | 
 | ||
|  |   (0, _react.useEffect)(() => { | ||
|  |     fetchRecords(); | ||
|  |   }, [params.resourceId, params.actionName]); | ||
|  | 
 | ||
|  |   if (!resource) { | ||
|  |     return /*#__PURE__*/_react.default.createElement(_app.NoResourceError, { | ||
|  |       resourceId: resourceId | ||
|  |     }); | ||
|  |   } | ||
|  | 
 | ||
|  |   if (!records && !loading) { | ||
|  |     return /*#__PURE__*/_react.default.createElement(_app.ErrorMessageBox, { | ||
|  |       title: "No records" | ||
|  |     }, /*#__PURE__*/_react.default.createElement("p", null, translateMessage('noRecordsSelected', resourceId))); | ||
|  |   } | ||
|  | 
 | ||
|  |   const action = (0, _getBulkActionsFromRecords.default)(records || []).find(r => r.name === actionName); | ||
|  | 
 | ||
|  |   if (loading) { | ||
|  |     const actionFromResource = resource.actions.find(r => r.name === actionName); | ||
|  |     return actionFromResource !== null && actionFromResource !== void 0 && actionFromResource.showInDrawer ? /*#__PURE__*/_react.default.createElement(_app.DrawerPortal, null, /*#__PURE__*/_react.default.createElement(_designSystem.Loader, null)) : /*#__PURE__*/_react.default.createElement(_designSystem.Loader, null); | ||
|  |   } | ||
|  | 
 | ||
|  |   if (!action) { | ||
|  |     return /*#__PURE__*/_react.default.createElement(_app.NoActionError, { | ||
|  |       resourceId: resourceId, | ||
|  |       actionName: actionName | ||
|  |     }); | ||
|  |   } | ||
|  | 
 | ||
|  |   if (action.showInDrawer) { | ||
|  |     return /*#__PURE__*/_react.default.createElement(_app.DrawerPortal, { | ||
|  |       width: action.containerWidth | ||
|  |     }, /*#__PURE__*/_react.default.createElement(_app.BaseActionComponent, { | ||
|  |       action: action, | ||
|  |       resource: resource, | ||
|  |       records: records | ||
|  |     })); | ||
|  |   } | ||
|  | 
 | ||
|  |   return /*#__PURE__*/_react.default.createElement(_wrapper.default, { | ||
|  |     width: action.containerWidth | ||
|  |   }, !(action !== null && action !== void 0 && action.showInDrawer) ? /*#__PURE__*/_react.default.createElement(_app.ActionHeader, { | ||
|  |     resource: resource, | ||
|  |     action: action | ||
|  |   }) : '', /*#__PURE__*/_react.default.createElement(_app.BaseActionComponent, { | ||
|  |     action: action, | ||
|  |     resource: resource, | ||
|  |     records: records | ||
|  |   })); | ||
|  | }; | ||
|  | 
 | ||
|  | var _default = (0, _allowOverride.default)(BulkAction, 'BulkActionRoute'); | ||
|  | 
 | ||
|  | exports.default = _default; |