cloudhubui
Version:
Various components to use in react projects
794 lines (674 loc) • 32.1 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _qs = _interopRequireDefault(require("qs"));
var _uid = _interopRequireDefault(require("uid"));
var _AddAPhotoSharp = _interopRequireDefault(require("@material-ui/icons/AddAPhotoSharp"));
var _Cancel = _interopRequireDefault(require("@material-ui/icons/Cancel"));
var _ = require("..");
var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
var _dialog = require("../dialog");
var _AntProgress = _interopRequireDefault(require("../ant/AntProgress"));
var _ThemeContext = _interopRequireDefault(require("../theme/ThemeContext"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
// import useDebounce from '../customhooks/useDebounce';
var S3ImageUpload = function S3ImageUpload(_ref) {
var dirname = _ref.dirname,
ACL = _ref.ACL,
signaxiosinstance = _ref.signaxiosinstance,
uploadaxiosinstance = _ref.uploadaxiosinstance,
value = _ref.value,
input = _ref.input,
onChange = _ref.onChange,
signurl = _ref.signurl,
deleteurl = _ref.deleteurl,
limit = _ref.limit,
maxSize = _ref.maxSize,
accept = _ref.accept,
previewWidth = _ref.previewWidth,
previewHeight = _ref.previewHeight,
maxWidth = _ref.maxWidth,
minWidth = _ref.minWidth,
aspectratio = _ref.aspectratio,
tolerance = _ref.tolerance,
setuploading = _ref.setuploading,
readOnly = _ref.readOnly,
disabled = _ref.disabled,
uploading = _ref.uploading,
mime = _ref.mime;
var _React$useContext = _react.default.useContext(_ThemeContext.default),
sizes = _React$useContext.sizes,
colors = _React$useContext.colors;
var incominginput = input && input.value ? input.value : value;
var _React$useState = _react.default.useState(Array.isArray(incominginput) ? incominginput : []),
_React$useState2 = _slicedToArray(_React$useState, 2),
fileList = _React$useState2[0],
setfileList = _React$useState2[1];
var _React$useState3 = _react.default.useState(false),
_React$useState4 = _slicedToArray(_React$useState3, 2),
confirmdelete = _React$useState4[0],
setconfirmdelete = _React$useState4[1];
var _React$useState5 = _react.default.useState(null),
_React$useState6 = _slicedToArray(_React$useState5, 2),
deleting = _React$useState6[0],
setdeleting = _React$useState6[1];
var _React$useState7 = _react.default.useState(false),
_React$useState8 = _slicedToArray(_React$useState7, 2),
uploaderror = _React$useState8[0],
setuploaderror = _React$useState8[1];
var _React$useState9 = _react.default.useState(null),
_React$useState10 = _slicedToArray(_React$useState9, 2),
addinginfo = _React$useState10[0],
setaddinginfo = _React$useState10[1];
var elemId = (0, _uid.default)(5);
_react.default.useEffect(function () {
if (Array.isArray(incominginput) && !(0, _isEqual.default)(incominginput, fileList)) {
setfileList(incominginput);
}
}, [incominginput]);
_react.default.useEffect(function () {
if (uploaderror) {
setTimeout(function () {
setuploaderror(false);
}, 500);
}
}, [uploaderror]);
_react.default.useEffect(function () {
if (deleting && confirmdelete) {
signaxiosinstance().post(deleteurl, {
files: [deleting]
}).then(function (_ref2) {
var data = _ref2.data;
_.toastr.success(data.message);
setfileList(function (files) {
if (files.length > 0) {
var progressArray = files.map(function (obj) {
if (obj && obj.fd === deleting) {
return null;
}
return obj;
}).filter(Boolean);
return progressArray;
}
});
setdeleting(null);
setconfirmdelete(false);
}).catch(function (error) {
var response = error.response || {};
var data = response.data || {};
_.toastr.error(data.message || data);
});
}
}, [confirmdelete, deleting]);
var logChange = function logChange(fileUpdate) {
var incominginput = input && input.value ? input.value : value || [];
if (typeof input.onChange === 'function' && !(0, _isEqual.default)(fileUpdate, incominginput)) {
input.onChange(fileUpdate || []);
}
if (typeof onChange === 'function' && !(0, _isEqual.default)(fileUpdate, incominginput)) {
onChange(fileUpdate || []);
}
};
_react.default.useEffect(function () {
if (Array.isArray(fileList)) {
var isuploading = fileList.filter(Boolean).map(function (_ref3) {
var status = _ref3.status;
if (status === 'done') return 'done';
return 'uploading';
});
if (isuploading.indexOf('uploading') !== -1) {
if (!uploading) {
setuploading(true);
}
logChange(fileList);
} else {
setuploading(false);
logChange(fileList);
}
}
}, [fileList]);
var onprogress = function onprogress(progressEvent, url) {
if (progressEvent && url) {
setfileList(function (urls) {
if (urls.length > 0) {
var progressArray = urls.map(function (obj) {
if (obj && obj.signedUrl === url) {
var progress = Math.round(progressEvent.loaded * 100 / progressEvent.total);
return _objectSpread(_objectSpread({}, obj), {}, {
progress: progress
});
}
return obj;
});
return progressArray;
}
return urls;
});
}
};
var onUploadFinish = function onUploadFinish(url) {
if (url) {
setfileList(function (urls) {
if (urls.length > 0) {
var progressArray = urls.map(function (obj) {
if (obj && url === obj.signedUrl) {
var newobj = _objectSpread(_objectSpread({}, obj), {}, {
status: 'done'
});
delete newobj.signedUrl;
delete newobj.progress;
return _objectSpread({}, newobj);
}
return obj;
});
return progressArray;
}
return urls;
});
}
};
var onUploadError = function onUploadError(url) {
if (url) {
setfileList(function (urls) {
if (urls.length > 0) {
var progressArray = urls.map(function (obj) {
if (obj && url === obj.signedUrl) {
_.toastr.error("File ".concat(obj.filename || obj.name, " upload failed. please try again later"));
return null;
}
return obj;
});
return progressArray;
}
return urls;
});
}
};
var addImageInfo = function addImageInfo(vals) {
var fileobj = _objectSpread(_objectSpread({}, addinginfo), vals);
setfileList(function (files) {
if (files.length > 0) {
var progressArray = files.map(function (obj) {
if (obj && obj.fd === fileobj.fd) {
return fileobj;
}
return obj;
});
return progressArray;
}
});
setaddinginfo(null);
};
var handleFiles = /*#__PURE__*/function () {
var _ref4 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(event) {
var files, fileObjArray, Allfiles, fileArray, filesArray, signedUrls, uploads, _iterator, _step, _loop;
return regeneratorRuntime.wrap(function _callee2$(_context3) {
while (1) {
switch (_context3.prev = _context3.next) {
case 0:
_context3.prev = 0;
setuploaderror(false);
files = event.target.files;
if (!(limit && Array.isArray(fileList) && Array.isArray(files) && files.length + fileList.length > limit)) {
_context3.next = 5;
break;
}
return _context3.abrupt("return", _.toastr.error("Only a maximum of ".concat(limit, " files allowed")));
case 5:
_context3.next = 7;
return _toConsumableArray(files || []).filter(Boolean).map( /*#__PURE__*/function () {
var _ref5 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(file) {
return regeneratorRuntime.wrap(function _callee$(_context) {
while (1) {
switch (_context.prev = _context.next) {
case 0:
return _context.abrupt("return", new Promise(function (resolve, reject) {
var img = new Image();
img.src = URL.createObjectURL(file);
img.onload = function () {
if (minWidth && img.width < minWidth) {
_.toastr.error("Image ".concat(file.name, " has a width smaller than the required ").concat(minWidth, "px"));
setuploaderror(true);
reject(new Error('Invalid Width'));
}
if (aspectratio && !tolerance && (img.width / img.height).toFixed(2) !== aspectratio.toFixed(2)) {
_.toastr.error("Image ".concat(file.name, " aspect ratio is ").concat((img.width / img.height).toFixed(2), " but must be ").concat(aspectratio.toFixed(2)));
setuploaderror(true);
reject(new Error('Invalid aspect ratio'));
}
if (aspectratio && tolerance && Math.abs(Number(img.width) / Number(img.height) - Number(aspectratio)) > Number(tolerance)) {
_.toastr.error("Image ".concat(file.name, " aspect ratio is ").concat((img.width / img.height).toFixed(2), " but must be ").concat(aspectratio.toFixed(2)));
setuploaderror(true);
reject(new Error('Invalid aspect ration'));
}
if (!uploaderror) {
var elem = document.createElement('canvas');
elem.width = maxWidth || minWidth || img.width;
elem.height = Math.floor(elem.width * img.height / img.width);
var ctx = elem.getContext('2d'); // img.width and img.height will contain the original dimensions
ctx.drawImage(img, 0, 0, maxWidth || img.width, maxWidth ? Math.floor(maxWidth * img.height / img.width) : img.height);
var newname = function newname() {
if (mime) {
var oldname = file.name.replace(/[^\w\d_\-.]+/gi, '');
var oldtype = ".".concat((file.type || '').split('/')[1] || '');
var newtype = ".".concat((mime || '').split('/')[1] || '');
var newfilename = oldname.replace(oldtype, newtype);
return newfilename;
}
return file.name.replace(/[^\w\d_\-.]+/gi, '');
};
ctx.canvas.toBlob(function (blob) {
var newfile = new File([blob], newname(), {
type: mime || file.type,
lastModified: Date.now()
});
if (maxSize && maxSize > 0) {
var sizelimit = Number(maxSize * 1024);
if (newfile.size > sizelimit) {
_.toastr.error("Image \"".concat(file.name, "\" exceeds ").concat(maxSize, "KB. Please try again with a smaller file"));
setuploaderror(true);
reject(new Error('File too large'));
}
}
var fileprops = {
name: newfile.name,
type: newfile.type,
size: newfile.size,
width: maxWidth || img.width,
height: maxWidth ? Math.floor(maxWidth * img.height / img.width) : img.height
};
var result = {
newfile: newfile,
fileprops: fileprops
};
resolve(result);
}, mime || file.type);
}
};
}));
case 1:
case "end":
return _context.stop();
}
}
}, _callee);
}));
return function (_x2) {
return _ref5.apply(this, arguments);
};
}());
case 7:
fileObjArray = _context3.sent;
Allfiles = [];
_context3.next = 11;
return Promise.all(fileObjArray).then(function (Files) {
Allfiles = Files;
});
case 11:
fileArray = Allfiles.filter(Boolean).map(function (_ref6) {
var fileprops = _ref6.fileprops;
return fileprops;
});
filesArray = Allfiles.filter(Boolean).map(function (_ref7) {
var newfile = _ref7.newfile;
return newfile;
});
_context3.next = 15;
return getSignedUrl(fileArray, true).then(function (urls) {
return urls;
});
case 15:
signedUrls = _context3.sent;
signedUrls.filter(Boolean);
uploads = _toConsumableArray(filesArray || []).map(function (file) {
return signedUrls.filter(Boolean).map(function (_ref8) {
var signedUrl = _ref8.signedUrl,
filename = _ref8.filename;
if (file && filename === file.name.replace(/[^\w\d_\-.]+/gi, '')) {
return {
signedUrl: signedUrl,
file: file,
options: {
headers: {
'Content-Type': _qs.default.parse(signedUrl)['Content-Type'],
Expires: _qs.default.parse(signedUrl).Expires,
'x-amz-acl': _qs.default.parse(signedUrl)['x-amz-acl'] || 'public-read'
},
onUploadProgress: function onUploadProgress(progressEvent) {
onprogress(progressEvent, signedUrl);
}
}
};
}
return null;
}).filter(Boolean)[0];
});
_iterator = _createForOfIteratorHelper(uploads);
_context3.prev = 19;
_loop = /*#__PURE__*/regeneratorRuntime.mark(function _loop() {
var upload;
return regeneratorRuntime.wrap(function _loop$(_context2) {
while (1) {
switch (_context2.prev = _context2.next) {
case 0:
upload = _step.value;
_context2.next = 3;
return uploadaxiosinstance.put(upload.signedUrl, upload.file, upload.options).then(function () {
onUploadFinish(upload.signedUrl);
_.toastr.success('Image uploaded successfully');
}).catch(function (error) {
onUploadError(upload.signedUrl);
_.toastr.error("".concat(error.response ? error.response.data : 'Image upload failed, try again later'));
});
case 3:
case "end":
return _context2.stop();
}
}
}, _loop);
});
_iterator.s();
case 22:
if ((_step = _iterator.n()).done) {
_context3.next = 26;
break;
}
return _context3.delegateYield(_loop(), "t0", 24);
case 24:
_context3.next = 22;
break;
case 26:
_context3.next = 31;
break;
case 28:
_context3.prev = 28;
_context3.t1 = _context3["catch"](19);
_iterator.e(_context3.t1);
case 31:
_context3.prev = 31;
_iterator.f();
return _context3.finish(31);
case 34:
_context3.next = 39;
break;
case 36:
_context3.prev = 36;
_context3.t2 = _context3["catch"](0);
_.toastr.error('Some files could not be uploaded');
case 39:
case "end":
return _context3.stop();
}
}
}, _callee2, null, [[0, 36], [19, 28, 31, 34]]);
}));
return function handleFiles(_x) {
return _ref4.apply(this, arguments);
};
}();
var onDelete = function onDelete(fd) {
setdeleting(fd);
};
var getSignedUrl = /*#__PURE__*/function () {
var _ref9 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(files) {
var _yield$signaxiosinsta, data, signedUrls;
return regeneratorRuntime.wrap(function _callee3$(_context4) {
while (1) {
switch (_context4.prev = _context4.next) {
case 0:
_context4.prev = 0;
_context4.next = 3;
return signaxiosinstance().post(signurl, {
files: files,
ACL: ACL || 'public-read',
dirname: dirname || 'images/'
});
case 3:
_yield$signaxiosinsta = _context4.sent;
data = _yield$signaxiosinsta.data;
signedUrls = data.signedUrls.map(function (obj) {
return _objectSpread(_objectSpread({}, obj || {}), {}, {
progress: 0
});
});
setfileList(function (files) {
return [].concat(_toConsumableArray(files || []), _toConsumableArray(signedUrls));
});
return _context4.abrupt("return", signedUrls);
case 10:
_context4.prev = 10;
_context4.t0 = _context4["catch"](0);
_.toastr.error('There was an error uploading file. Please try again later');
case 13:
case "end":
return _context4.stop();
}
}
}, _callee3, null, [[0, 10]]);
}));
return function getSignedUrl(_x3) {
return _ref9.apply(this, arguments);
};
}();
return /*#__PURE__*/_react.default.createElement(_.Block, {
paper: true,
padding: 20
}, !uploaderror && /*#__PURE__*/_react.default.createElement("input", {
type: "file",
id: "fileElem".concat(elemId),
multiple: limit && limit > 1,
accept: accept || 'image/*',
style: {
position: 'absolute',
width: 1,
height: 1,
overflow: 'hidden',
clip: 'rect(1px, 1px, 1px, 1px)'
},
onChange: handleFiles,
disabled: readOnly || disabled
}), /*#__PURE__*/_react.default.createElement(_.Block, {
row: true,
wrap: true
}, Array.isArray(fileList) && fileList.filter(Boolean).map(function (file) {
return /*#__PURE__*/_react.default.createElement(_.Block, {
key: file.fd,
middle: true,
bottom: file.status === 'done',
center: file.status !== 'done',
flex: false,
style: {
backgroundImage: "url(".concat(file.status === 'done' ? file.url : '', ")"),
backgroundSize: 'cover',
width: previewWidth || 150,
height: previewHeight || file.width && file.height ? Math.floor(150 * file.height / file.width) : 150
},
padding: sizes.padding
}, file.status === 'done' ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Cancel.default, {
onClick: function onClick() {
if (!disabled && !readOnly) {
onDelete(file.fd);
}
},
style: {
color: colors.danger,
marginLeft: 'auto',
marginBottom: 'auto',
cursor: 'pointer'
}
}), /*#__PURE__*/_react.default.createElement(_.Text, {
caption: true,
style: {
backgroundColor: colors.milkyWhite,
border: '1px solid transparent',
borderRadius: 5,
textAlign: 'center'
}
}, file.filename), /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
title: /*#__PURE__*/_react.default.createElement("div", {
style: {
backgroundColor: colors.milkyWhite,
display: 'flex',
flexDirection: 'column'
}
}, file.caption && /*#__PURE__*/_react.default.createElement(_.Text, {
small: true
}, "caption: ", file.caption), file.author && /*#__PURE__*/_react.default.createElement(_.Text, {
small: true
}, "author: ", file.author), file.imagelocation && /*#__PURE__*/_react.default.createElement(_.Text, {
small: true
}, "location: ", file.imagelocation), file.externallink && /*#__PURE__*/_react.default.createElement(_.Text, {
small: true
}, "link: ", file.externallink))
}, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_.Text, {
caption: true,
link: true,
milkyWhite: true,
onClick: function onClick() {
if (!disabled && !readOnly) {
setaddinginfo(file);
}
},
style: {
backgroundColor: colors.twitterColor,
border: '1px solid transparent',
borderRadius: 5,
textAlign: 'center'
}
}, "+ Add Caption")))) : /*#__PURE__*/_react.default.createElement(_AntProgress.default, {
type: "circle",
percent: file.progress,
width: 60,
strokeColor: colors.success
}));
}), /*#__PURE__*/_react.default.createElement("label", {
htmlFor: "fileElem".concat(elemId),
style: {
cursor: 'pointer'
}
}, /*#__PURE__*/_react.default.createElement(_.Block, {
paper: true,
shadowhover: true,
middle: true,
center: true,
margin: [0, sizes.baseMargin],
style: {
width: previewWidth || 150,
height: previewHeight || 150
}
}, /*#__PURE__*/_react.default.createElement(_AddAPhotoSharp.default, null), /*#__PURE__*/_react.default.createElement(_.Text, {
caption: true
}, "upload")))), /*#__PURE__*/_react.default.createElement(_.Dialog, {
maxWidth: "sm",
open: deleting !== null,
onClose: function onClose() {
return setdeleting(null);
},
minHeight: 200
}, /*#__PURE__*/_react.default.createElement(_dialog.DialogHeader, {
onClose: function onClose() {
return setdeleting(null);
}
}), /*#__PURE__*/_react.default.createElement(_dialog.DialogContent, null, /*#__PURE__*/_react.default.createElement(_.Text, null, "Sure you want to remove image?")), /*#__PURE__*/_react.default.createElement(_dialog.DialogActions, null, /*#__PURE__*/_react.default.createElement(_.Button, {
contained: true,
color: colors.error,
onClick: function onClick() {
setdeleting(null);
}
}, "Cancel"), /*#__PURE__*/_react.default.createElement(_.Button, {
contained: true,
color: colors.success,
onClick: function onClick() {
setconfirmdelete(true);
}
}, "Delete"))), /*#__PURE__*/_react.default.createElement(_.Dialog, {
maxWidth: "sm",
open: addinginfo !== null,
onClose: function onClose() {
return setaddinginfo(null);
},
minHeight: 400
}, /*#__PURE__*/_react.default.createElement(_dialog.DialogHeader, {
onClose: function onClose() {
return setdeleting(null);
}
}), /*#__PURE__*/_react.default.createElement(_.Form, {
onSubmit: addImageInfo,
initialValues: addinginfo ? {
caption: addinginfo.caption,
author: addinginfo.author,
imagelocation: addinginfo.imagelocation,
externallink: addinginfo.externallink
} : {},
render: function render(_ref10) {
var handleSubmit = _ref10.handleSubmit,
pristine = _ref10.pristine;
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_dialog.DialogContent, null, /*#__PURE__*/_react.default.createElement(_.Block, null, /*#__PURE__*/_react.default.createElement(_.Field, {
type: "text",
name: "caption",
label: "Image caption",
component: _.Input,
flex: true
}), /*#__PURE__*/_react.default.createElement(_.Field, {
type: "text",
name: "author",
label: "Who took/owns this image?",
component: _.Input,
flex: true
}), /*#__PURE__*/_react.default.createElement(_.Field, {
type: "text",
name: "imagelocation",
label: "Where was image taken?",
component: _.Input,
flex: true
}), /*#__PURE__*/_react.default.createElement(_.Field, {
type: "text",
name: "externallink",
label: "Website of author or image collection",
component: _.Input,
flex: true
}))), /*#__PURE__*/_react.default.createElement(_dialog.DialogActions, null, /*#__PURE__*/_react.default.createElement(_.Button, {
contained: true,
color: colors.error,
onClick: function onClick() {
setaddinginfo(null);
}
}, "Cancel"), /*#__PURE__*/_react.default.createElement(_.Button, {
contained: true,
color: colors.success,
disabled: pristine,
onClick: handleSubmit
}, "Save Image Info")));
}
})));
};
S3ImageUpload.defaultProps = {
onChange: function onChange() {},
input: {
value: null,
onChange: function onChange() {}
},
setuploading: function setuploading() {}
};
var _default = S3ImageUpload;
exports.default = _default;