@wordpress/block-editor
Version:
79 lines (78 loc) • 2.39 kB
JavaScript
// packages/block-editor/src/components/button-block-appender/index.js
import clsx from "clsx";
import { Button } from "@wordpress/components";
import { forwardRef } from "@wordpress/element";
import { _x, sprintf } from "@wordpress/i18n";
import { Icon, plus } from "@wordpress/icons";
import deprecated from "@wordpress/deprecated";
import Inserter from "../inserter";
import { jsx } from "react/jsx-runtime";
function ButtonBlockAppender({ rootClientId, className, onFocus, tabIndex, onSelect }, ref) {
return /* @__PURE__ */ jsx(
Inserter,
{
position: "bottom center",
rootClientId,
__experimentalIsQuick: true,
onSelectOrClose: (...args) => {
if (onSelect && typeof onSelect === "function") {
onSelect(...args);
}
},
renderToggle: ({
onToggle,
disabled,
isOpen,
blockTitle,
hasSingleBlockType
}) => {
const isToggleButton = !hasSingleBlockType;
const label = hasSingleBlockType ? sprintf(
// translators: %s: the name of the block when there is only one
_x(
"Add %s",
"directly add the only allowed block"
),
blockTitle
) : _x(
"Add block",
"Generic label for block inserter button"
);
return /* @__PURE__ */ jsx(
Button,
{
__next40pxDefaultSize: true,
ref,
onFocus,
tabIndex,
className: clsx(
className,
"block-editor-button-block-appender"
),
onClick: onToggle,
"aria-haspopup": isToggleButton ? "true" : void 0,
"aria-expanded": isToggleButton ? isOpen : void 0,
disabled,
label,
showTooltip: true,
children: /* @__PURE__ */ jsx(Icon, { icon: plus })
}
);
},
isAppender: true
}
);
}
var ButtonBlockerAppender = forwardRef((props, ref) => {
deprecated(`wp.blockEditor.ButtonBlockerAppender`, {
alternative: "wp.blockEditor.ButtonBlockAppender",
since: "5.9"
});
return ButtonBlockAppender(props, ref);
});
var button_block_appender_default = forwardRef(ButtonBlockAppender);
export {
ButtonBlockerAppender,
button_block_appender_default as default
};
//# sourceMappingURL=index.js.map