@patternfly/react-code-editor
Version:
This package provides a PatternFly wrapper for the Monaco code editor
20 lines • 1.32 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.CodeEditorControl = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("react");
const Button_1 = require('@patternfly/react-core/dist/js/components/Button');
const Tooltip_1 = require('@patternfly/react-core/dist/js/components/Tooltip');
const CodeEditorUtils_1 = require("./CodeEditorUtils");
const CodeEditorControl = (_a) => {
var { icon, className, 'aria-label': ariaLabel, onClick = () => { }, isVisible = true, tooltipProps = {} } = _a, props = tslib_1.__rest(_a, ["icon", "className", 'aria-label', "onClick", "isVisible", "tooltipProps"]);
const context = (0, react_1.useContext)(CodeEditorUtils_1.CodeEditorContext);
const onCustomClick = (event) => {
onClick(context.code, event);
};
return isVisible ? ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, Object.assign({}, tooltipProps, { children: (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ className: className, onClick: onCustomClick, variant: "plain", "aria-label": ariaLabel }, props, { icon: icon })) }))) : null;
};
exports.CodeEditorControl = CodeEditorControl;
exports.CodeEditorControl.displayName = 'CodeEditorControl';
//# sourceMappingURL=CodeEditorControl.js.map