@raona/components
Version:
React components used at Raona to work with SPFx
62 lines (61 loc) • 4.09 kB
JavaScript
;
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var react_1 = require("react");
// import { FileTypeIcon } from '@pnp/spfx-controls-react';
var WrapperComponent_1 = require("./WrapperComponent");
var FilePicker_1 = require("../../FilePicker");
var FileTypeIcon_1 = require("@pnp/spfx-controls-react/lib/controls/fileTypeIcon/FileTypeIcon");
var SPFilePicker = /** @class */ (function (_super) {
__extends(SPFilePicker, _super);
function SPFilePicker() {
return _super !== null && _super.apply(this, arguments) || this;
}
// private renderFileList(files: FileBuffer[]): any{
// return(
// <div>
// <table className="ms-Table modal__table">
// {files && files.map((file) =>(
// <tr>
// <td>File</td>
// <td>{file.name}</td>
// {/* <td>{(new Date(file.lastModified)).toDateString}</td> */}
// <td>{file.data ? file.data.byteLength : null} bytes</td>
// {/* <td> <button onClick={this.deleteCoverImage}>Eliminar</button></td> */}
// </tr>
// ))}
// </table>
// </div>
// );
// }
SPFilePicker.prototype.render = function () {
var _a = this.props, containerClassName = _a.containerClassName, labelClassName = _a.labelClassName, label = _a.label, requiredMessage = _a.requiredMessage, requiredClassName = _a.requiredClassName, displayText = _a.displayText, className = _a.className, onFilesChange = _a.onFilesChange, values = _a.values, allowedFileTypes = _a.allowedFileTypes, multiple = _a.multiple, id = _a.id, deleteFile = _a.deleteFile, errorMessage = _a.errorMessage, errors = _a.errors, renderFileList = _a.renderFileList, setFieldValue = _a.setFieldValue, dragClassName = _a.dragClassName;
return (React.createElement(WrapperComponent_1.WrapperComponent, { containerClassName: containerClassName, label: label, labelClassName: labelClassName, requiredClassName: requiredClassName, requiredMessage: requiredMessage, errors: errors },
React.createElement(FilePicker_1.FilePicker, { className: className, dragClassName: dragClassName, displayText: displayText, onFilesChange: onFilesChange, multiple: multiple, allowedFileTypes: allowedFileTypes, renderFileList: renderFileList }),
values &&
React.createElement("div", null,
React.createElement("table", { className: "ms-Table modal__table" }, values.map(function (file, index) { return (React.createElement("tr", null,
React.createElement("td", null,
React.createElement(FileTypeIcon_1.FileTypeIcon, { type: 2, path: file.name })),
React.createElement("td", null, file.name),
React.createElement("td", null, (new Date(file.lastModified)).toDateString()),
React.createElement("td", null,
React.createElement("i", { className: "icon-delete", style: { cursor: 'pointer' }, onClick: function (e) { return deleteFile(id, index, setFieldValue); } })))); }))),
errorMessage));
};
return SPFilePicker;
}(react_1.Component));
exports.SPFilePicker = SPFilePicker;