gutenblock-controls/dist/form/input.js

Useful inspector controls for gutenberg

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _extends = Object.assign || 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; };

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

(function () {
  var enterModule = require('react-hot-loader').enterModule;

  enterModule && enterModule(module);
})();

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

var Input = function Input(_ref) {
  var name = _ref.name,
      type = _ref.type,
      label = _ref.label,
      _onChange = _ref.onChange,
      attributes = _ref.attributes,
      props = _objectWithoutProperties(_ref, ["name", "type", "label", "onChange", "attributes"]);

  return wp.element.createElement(
    "div",
    { className: "components-base-control__field" },
    wp.element.createElement(
      "label",
      { htmlFor: name, className: "components-base-control__label" },
      label
    ),
    wp.element.createElement("input", _extends({}, props, {
      id: name,
      name: name,
      type: type || 'string',
      className: "components-text-control__input",
      value: attributes[name],
      onChange: function onChange(e) {
        return _onChange(name, e.target.value);
      }
    }))
  );
};

var _default = Input;
exports.default = _default;
;

(function () {
  var reactHotLoader = require('react-hot-loader').default;

  var leaveModule = require('react-hot-loader').leaveModule;

  if (!reactHotLoader) {
    return;
  }

  reactHotLoader.register(Input, "Input", "src/form/input.js");
  reactHotLoader.register(_default, "default", "src/form/input.js");
  leaveModule(module);
})();

;