@gechiui/block-editor
Version:
61 lines (48 loc) • 1.97 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "ImageEditingProvider", {
enumerable: true,
get: function () {
return _context.default;
}
});
exports.default = ImageEditor;
var _element = require("@gechiui/element");
var _components = require("@gechiui/components");
var _blockControls = _interopRequireDefault(require("../block-controls"));
var _cropper = _interopRequireDefault(require("./cropper"));
var _zoomDropdown = _interopRequireDefault(require("./zoom-dropdown"));
var _aspectRatioDropdown = _interopRequireDefault(require("./aspect-ratio-dropdown"));
var _rotationButton = _interopRequireDefault(require("./rotation-button"));
var _formControls = _interopRequireDefault(require("./form-controls"));
var _context = _interopRequireDefault(require("./context"));
/**
* GeChiUI dependencies
*/
/**
* Internal dependencies
*/
function ImageEditor(_ref) {
let {
url,
width,
height,
clientWidth,
naturalHeight,
naturalWidth
} = _ref;
return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_cropper.default, {
url: url,
width: width,
height: height,
clientWidth: clientWidth,
naturalHeight: naturalHeight,
naturalWidth: naturalWidth
}), (0, _element.createElement)(_blockControls.default, null, (0, _element.createElement)(_components.ToolbarGroup, null, (0, _element.createElement)(_zoomDropdown.default, null), (0, _element.createElement)(_components.ToolbarItem, null, toggleProps => (0, _element.createElement)(_aspectRatioDropdown.default, {
toggleProps: toggleProps
})), (0, _element.createElement)(_rotationButton.default, null)), (0, _element.createElement)(_components.ToolbarGroup, null, (0, _element.createElement)(_formControls.default, null))));
}
//# sourceMappingURL=index.js.map