@boewa-software/react-async-uploader/esm/js/UploadInputComponent.js

React Uploder

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _DropZone = _interopRequireDefault(require("./DropZone"));
var _BrowseButton = _interopRequireDefault(require("./BrowseButton"));
var _excluded = ["dropZoneProps"];
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
var InputComponent = function InputComponent(props) {
  return /*#__PURE__*/_react["default"].createElement("input", _extends({
    type: 'hidden'
    // onChange-Handler unschädlich machen, da wir nur von außen schreiben
    ,
    onChange: function onChange() {
      return null;
    }
  }, props));
};
var ContentComponent = function ContentComponent(_ref) {
  var assignBrowse = _ref.assignBrowse,
    reset = _ref.reset,
    value = _ref.value,
    id = _ref.id,
    name = _ref.name;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: 'upload-input'
  }, /*#__PURE__*/_react["default"].createElement(InputComponent, {
    id: id,
    name: name,
    value: value ? value.identifier : ''
  }), value && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", null, value.name), /*#__PURE__*/_react["default"].createElement("button", {
    type: 'button',
    onClick: function onClick() {
      return reset();
    }
  }, "Reset")), /*#__PURE__*/_react["default"].createElement(_BrowseButton["default"], {
    assignBrowse: assignBrowse,
    className: 'browse-button'
  }, "Select File"));
};
var UploadInputComponent = function UploadInputComponent(_ref2) {
  var dropZoneProps = _ref2.dropZoneProps,
    props = _objectWithoutProperties(_ref2, _excluded);
  return /*#__PURE__*/_react["default"].createElement(_DropZone["default"], _extends({
    assignDrop: props.assignDrop
  }, dropZoneProps), /*#__PURE__*/_react["default"].createElement(ContentComponent, props));
};
UploadInputComponent.propTypes = {
  dropZoneProps: _propTypes["default"].object
};
UploadInputComponent.defaultProps = {
  dropZoneProps: {}
};
var _default = exports["default"] = UploadInputComponent;