UNPKG

@blueprintjs/core

Version:

Core styles & components

60 lines 2.87 kB
"use strict"; /* * Copyright 2017 Palantir Technologies, Inc. All rights reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ Object.defineProperty(exports, "__esModule", { value: true }); exports.FileInput = void 0; const tslib_1 = require("tslib"); const classnames_1 = tslib_1.__importDefault(require("classnames")); const React = tslib_1.__importStar(require("react")); const common_1 = require("../../common"); const props_1 = require("../../common/props"); const NS = common_1.Classes.getClassNamespace(); // this is a simple component, unit tests would be mostly tautological /* istanbul ignore next */ /** * File input component. * * @see https://blueprintjs.com/docs/#core/components/file-input */ const FileInput = (props) => { const { buttonText, className, disabled, fill, hasSelection = false, inputProps = {}, // eslint-disable-next-line @typescript-eslint/no-deprecated large = false, onInputChange, size = "medium", // eslint-disable-next-line @typescript-eslint/no-deprecated small = false, text = "Choose file...", ...htmlProps } = props; const rootClasses = (0, classnames_1.default)(className, common_1.Classes.FILE_INPUT, { [common_1.Classes.DISABLED]: disabled, [common_1.Classes.FILL]: fill, [common_1.Classes.FILE_INPUT_HAS_SELECTION]: hasSelection, }, common_1.Classes.sizeClass(size, { large, small })); const uploadProps = { [`${NS}-button-text`]: buttonText, className: (0, classnames_1.default)(common_1.Classes.FILE_UPLOAD_INPUT, { [common_1.Classes.FILE_UPLOAD_INPUT_CUSTOM_TEXT]: !!buttonText, }), }; const handleInputChange = (e) => { var _a; onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(e); (_a = inputProps === null || inputProps === void 0 ? void 0 : inputProps.onChange) === null || _a === void 0 ? void 0 : _a.call(inputProps, e); }; return (React.createElement("label", { ...htmlProps, className: rootClasses }, React.createElement("input", { ...inputProps, onChange: handleInputChange, type: "file", disabled: disabled }), React.createElement("span", { ...uploadProps }, text))); }; exports.FileInput = FileInput; exports.FileInput.displayName = `${props_1.DISPLAYNAME_PREFIX}.FileInput`; //# sourceMappingURL=fileInput.js.map