@atlaskit/editor-core
Version:
A package contains Atlassian editor core functionality
37 lines (36 loc) • 1.2 kB
JavaScript
/**
* @jsxRuntime classic
* @jsx jsx
*/
import React from 'react';
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
import { css, jsx } from '@emotion/react';
import { clickAreaClickHandler } from '../click-area-helper';
var clickWrapper = css({
flexGrow: 1,
height: '100%'
});
export var ClickAreaBlock = function ClickAreaBlock(_ref) {
var editorView = _ref.editorView,
editorDisabled = _ref.editorDisabled,
children = _ref.children;
var handleMouseDown = React.useCallback(function (event) {
if (!editorView) {
return;
}
if (!editorDisabled) {
clickAreaClickHandler(editorView, event);
}
}, [editorView, editorDisabled]);
return jsx("div", {
"data-editor-click-wrapper": true,
"data-testid": "click-wrapper",
css: clickWrapper,
onMouseDown: handleMouseDown
// This div is a presentational container that captures mouse events
// for programmatic editor focus management, not user interaction.
,
role: "presentation"
}, children);
};
export default ClickAreaBlock;