UNPKG

@gechiui/block-editor

Version:
61 lines (48 loc) 1.97 kB
"use strict"; 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