@novin-dev/formalite
Version:
Generate MUI form with few line of code
49 lines (42 loc) • 2.25 kB
JavaScript
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var React = require('react');
var styles = require('@mui/material/styles');
var material = require('@mui/material');
var utils = require('../../../config/utils.js');
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
function RejectionFiles(_a) {
var fileRejections = _a.fileRejections, fileState = _a.fileState;
return (React__default["default"].createElement(material.Paper, { variant: "outlined", sx: {
py: 1,
px: 2,
mt: 1,
borderColor: "error.light",
bgcolor: function (theme) { return styles.alpha(theme.palette.error.main, 0.08); },
} },
fileState && fileState.errorText && (React__default["default"].createElement(material.Box, { sx: { my: 1 } },
React__default["default"].createElement(material.Typography, { variant: "subtitle2", noWrap: true },
fileState.original === "default"
? fileState.originalName
: fileState.name,
" ",
"- ",
utils.fData(fileState.size || 0)),
React__default["default"].createElement(material.Typography, { variant: "caption", component: "p" },
"- ",
fileState.errorText))),
fileRejections.map(function (_a) {
var file = _a.file, errors = _a.errors;
return (React__default["default"].createElement(material.Box, { key: file.name, sx: { my: 1 } },
React__default["default"].createElement(material.Typography, { variant: "subtitle2", noWrap: true },
file.name,
" - ",
utils.fData(file.size)),
errors.map(function (error) { return (React__default["default"].createElement(material.Typography, { key: error.code, variant: "caption", component: "p" },
"- ",
error.message)); })));
})));
}
exports["default"] = RejectionFiles;
//# sourceMappingURL=RejectionFiles.js.map