@wordpress/block-library
Version:
Block library for the WordPress editor.
65 lines (61 loc) • 2.27 kB
JavaScript
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _embedLinkSettings = _interopRequireDefault(require("./embed-link-settings"));
var _i18n = require("@wordpress/i18n");
var _components = require("@wordpress/components");
var _blockEditor = require("@wordpress/block-editor");
var _data = require("@wordpress/data");
var _editPost = require("@wordpress/edit-post");
var _jsxRuntime = require("react/jsx-runtime");
/**
* Internal dependencies
*/
/**
* WordPress dependencies
*/
// eslint-disable-next-line no-restricted-imports
function getResponsiveHelp(checked) {
return checked ? (0, _i18n.__)('This embed will preserve its aspect ratio when the browser is resized.') : (0, _i18n.__)('This embed may not preserve its aspect ratio when the browser is resized.');
}
const EmbedControls = ({
blockSupportsResponsive,
themeSupportsResponsive,
allowResponsive,
toggleResponsive,
url,
linkLabel,
onEditURL
}) => {
const {
closeGeneralSidebar: closeSettingsBottomSheet
} = (0, _data.useDispatch)(_editPost.store);
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_blockEditor.InspectorControls, {
children: [themeSupportsResponsive && blockSupportsResponsive && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PanelBody, {
title: (0, _i18n.__)('Media settings'),
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
label: (0, _i18n.__)('Resize for smaller devices'),
checked: allowResponsive,
help: getResponsiveHelp,
onChange: toggleResponsive
})
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PanelBody, {
title: (0, _i18n.__)('Link settings'),
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_embedLinkSettings.default, {
value: url,
label: linkLabel,
onSubmit: value => {
closeSettingsBottomSheet();
onEditURL(value);
}
})
})]
})
});
};
var _default = exports.default = EmbedControls;
//# sourceMappingURL=embed-controls.native.js.map
;