@boewa-software/react-async-uploader/esm/js/MultipleUploadsInputComponent.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 UploadInputValue = function UploadInputValue(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,
    id = _ref.id,
    name = _ref.name,
    values = _ref.values;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: 'multiple-upload-inputs'
  }, values.length > 0 && /*#__PURE__*/_react["default"].createElement("ul", null, values.map(function (value, index) {
    return /*#__PURE__*/_react["default"].createElement("li", {
      key: value.identifier
    }, /*#__PURE__*/_react["default"].createElement(UploadInputValue, {
      id: "".concat(id, "[").concat(index, "]"),
      name: "".concat(name, "[").concat(index, "]"),
      value: value.identifier
    }), value.name, /*#__PURE__*/_react["default"].createElement("button", {
      type: 'button',
      onClick: function onClick() {
        return value.remove();
      }
    }, "Remove"));
  })), /*#__PURE__*/_react["default"].createElement(_BrowseButton["default"], {
    assignBrowse: assignBrowse,
    className: 'browse-button'
  }, "Select File"));
};
var MultipleUploadsInputComponent = function MultipleUploadsInputComponent(_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));
};
MultipleUploadsInputComponent.propTypes = {
  dropZoneProps: _propTypes["default"].object
};
MultipleUploadsInputComponent.defaultProps = {
  dropZoneProps: {}
};
var _default = exports["default"] = MultipleUploadsInputComponent;