@boewa-software/react-async-uploader
Version:
React Uploder
55 lines (54 loc) • 2.5 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _DropZone = _interopRequireDefault(require("./DropZone"));
var _BrowseButton = _interopRequireDefault(require("./BrowseButton"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
var UploaderComponent = function UploaderComponent(_ref) {
var assignDrop = _ref.assignDrop,
assignBrowse = _ref.assignBrowse,
uploads = _ref.uploads,
uploaderState = _ref.uploaderState,
start = _ref.start,
pause = _ref.pause,
reset = _ref.reset;
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement(_BrowseButton["default"], {
assignBrowse: assignBrowse
}, "Select File")), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_DropZone["default"], {
assignDrop: assignDrop,
style: {
padding: '3rem 5rem',
border: 'dashed grey 2px',
display: 'inline-block'
}
}, "DROP ZONE")), /*#__PURE__*/_react["default"].createElement("ul", null, uploads.map(function (upload) {
return /*#__PURE__*/_react["default"].createElement("li", {
key: upload.uniqueIdentifier
}, upload.name, " (Size: ", upload.size, ", Progress: ", upload.progress, ")", upload.error && /*#__PURE__*/_react["default"].createElement("span", {
className: 'alert alert-danger'
}, "Error: ", upload.error, /*#__PURE__*/_react["default"].createElement("button", {
type: 'button',
onClick: function onClick() {
return upload.retry();
}
}, "Retry")), /*#__PURE__*/_react["default"].createElement("button", {
type: 'button',
onClick: function onClick() {
return upload.cancel();
}
}, "Cancel"));
})), /*#__PURE__*/_react["default"].createElement("p", null, "State: ", uploaderState), /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("button", {
type: 'button',
onClick: start
}, "Start"), /*#__PURE__*/_react["default"].createElement("button", {
type: 'button',
onClick: pause
}, "Pause"), /*#__PURE__*/_react["default"].createElement("button", {
type: 'button',
onClick: reset
}, "Reset")));
};
var _default = exports["default"] = UploaderComponent;