@brizy/ui
Version:
React elements in Brizy style
35 lines (34 loc) • 1.74 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Upload = void 0;
const react_1 = __importDefault(require("react"));
const UploadComponent_1 = require("./UploadComponent");
const ramda_1 = require("ramda");
const utils_1 = require("./utils");
const Icon_1 = require("../../Icon");
const icons_1 = require("../../icons");
const constants_1 = require("../../constants");
const useTranslation_1 = require("../../utils/localization/useTranslation");
const getContent = (props) => {
const { value, onRemove } = props;
return (react_1.default.createElement("span", { className: `${constants_1.BRZ_PREFIX}-upload-file__name-file-item--single` },
react_1.default.createElement("span", { className: `${constants_1.BRZ_PREFIX}-upload-file__name-file-item--single__text` }, value.name),
onRemove && (react_1.default.createElement("button", { onClick: e => {
e.preventDefault();
onRemove(value);
} },
react_1.default.createElement(Icon_1.Icon, { source: icons_1.Delete, color: "gray-mid", hoverColor: "gray", size: "12px" })))));
};
const Upload = (props) => {
const { t } = (0, useTranslation_1.useTranslation)();
const renderContent = (0, ramda_1.cond)([
[(0, ramda_1.prop)("loading"), utils_1.getLoading],
[utils_1.isValid, getContent],
[ramda_1.T, (0, ramda_1.always)((0, utils_1.getChoose)(t))],
]);
return react_1.default.createElement(UploadComponent_1.UploadComponent, Object.assign({}, props), renderContent(props));
};
exports.Upload = Upload;