@ozen-ui/kit
Version:
React component library
28 lines (27 loc) • 1.86 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.FileUploaderUploadButton = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var useThemeProps_1 = require("../../../../hooks/useThemeProps");
var polymorphicComponentWithRef_1 = require("../../../../utils/polymorphicComponentWithRef");
var ButtonNext_1 = require("../../../ButtonNext");
var context_1 = require("../../context");
var constants_1 = require("./constants");
exports.FileUploaderUploadButton = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
var props = (0, useThemeProps_1.useThemeProps)({
props: inProps,
name: 'FileUploaderUploadButton',
});
var children = props.children, _a = props.as, as = _a === void 0 ? constants_1.FILE_UPLOADER_UPLOAD_BUTTON_DEFAULT_TAG : _a, onClick = props.onClick, disabled = props.disabled, _b = props.disableOpen, disableOpen = _b === void 0 ? constants_1.FILE_UPLOADER_UPLOAD_BUTTON_DEFAULT_DISABLE_OPEN : _b, other = tslib_1.__rest(props, ["children", "as", "onClick", "disabled", "disableOpen"]);
var _c = (0, context_1.useFileUploaderContext)(), openUploader = _c.openUploader, size = _c.size, status = _c.status;
return (react_1.default.createElement(ButtonNext_1.Button, tslib_1.__assign({}, other, { ref: ref, size: constants_1.FILE_UPLOADER_SIZE_TO_UPLOAD_BUTTON_SIZE[size], variant: "function", as: as, onClick: function (event) {
onClick === null || onClick === void 0 ? void 0 : onClick(event);
if (disableOpen) {
return;
}
event.stopPropagation();
openUploader();
}, disabled: status === 'disabled' || disabled }), children));
});
exports.FileUploaderUploadButton.displayName = 'FileUploaderUploadButton';