@wordpress/components/build/form-file-upload/index.js

UI components for WordPress.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _element = require("@wordpress/element");

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _button = _interopRequireDefault(require("../button"));

/**
 * WordPress dependencies
 */

/**
 * Internal dependencies
 */
function FormFileUpload({
  accept,
  children,
  multiple = false,
  onChange,
  render,
  ...props
}) {
  const ref = (0, _element.useRef)();

  const openFileDialog = () => {
    ref.current.click();
  };

  const ui = render ? render({
    openFileDialog
  }) : (0, _element.createElement)(_button.default, (0, _extends2.default)({
    onClick: openFileDialog
  }, props), children);
  return (0, _element.createElement)("div", {
    className: "components-form-file-upload"
  }, ui, (0, _element.createElement)("input", {
    type: "file",
    ref: ref,
    multiple: multiple,
    style: {
      display: 'none'
    },
    accept: accept,
    onChange: onChange
  }));
}

var _default = FormFileUpload;
exports.default = _default;
//# sourceMappingURL=index.js.map