@atlaskit/editor-plugin-paste-options-toolbar
Version:
Paste options toolbar for @atlaskit/editor-core
37 lines • 1.48 kB
JavaScript
/* PasteActionsMenuContent.tsx generated by @compiled/babel-plugin v0.39.1 */
import "./PasteActionsMenuContent.compiled.css";
import { ax, ix } from "@compiled/react/runtime";
import React, { useCallback, useContext } from 'react';
import { PASTE_MENU } from '@atlaskit/editor-common/toolbar';
import { OutsideClickTargetRefContext } from '@atlaskit/editor-common/ui-react';
import { SurfaceRenderer } from '@atlaskit/editor-ui-control-model';
import { Box } from '@atlaskit/primitives/compiled';
var styles = {
container: "_2rko12b0 _bfhk1bhr _16qs130s"
};
var pasteMenuSurface = {
type: PASTE_MENU.type,
key: PASTE_MENU.key
};
export var PasteActionsMenuContent = function PasteActionsMenuContent(_ref) {
var onMouseDown = _ref.onMouseDown,
onMouseEnter = _ref.onMouseEnter,
components = _ref.components,
contentRef = _ref.contentRef;
var setOutsideClickTargetRef = useContext(OutsideClickTargetRefContext);
var mergedRef = useCallback(function (node) {
setOutsideClickTargetRef === null || setOutsideClickTargetRef === void 0 || setOutsideClickTargetRef(node);
if (contentRef) {
contentRef.current = node;
}
}, [setOutsideClickTargetRef, contentRef]);
return /*#__PURE__*/React.createElement(Box, {
ref: mergedRef,
xcss: styles.container,
onMouseDown: onMouseDown,
onMouseEnter: onMouseEnter
}, /*#__PURE__*/React.createElement(SurfaceRenderer, {
surface: pasteMenuSurface,
components: components
}));
};