@atlaskit/editor-core 203.16.5 → 203.17.2

package/dist/es2019/ui/Addon/ClickAreaInline/index.js

@@ -1,34 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { createParagraphAtEnd } from '@atlaskit/editor-common/commands';
-const clickArea = css({
-  flexGrow: 1
-});
-export const ClickAreaInline = ({
-  editorView,
-  children
-}) => {
-  const handleMouseDown = React.useCallback(event => {
-    if (!editorView) {
-      return;
-    }
-    if (createParagraphAtEnd()(editorView.state, editorView.dispatch)) {
-      editorView.focus();
-      event.stopPropagation();
-    }
-  }, [editorView]);
-
-  // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-  return jsx("div", {
-    "data-testid": "click-wrapper",
-    css: clickArea,
-    onMouseDown: handleMouseDown
-  });
-};
-export default ClickAreaInline;

package/dist/es2019/ui/Addon/ClickAreaMobile/index.js

@@ -1,85 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { clickAreaClickHandler } from '../click-area-helper';
-
-/**
- * Fills the visible viewport height so that it can filter
- * clicks/taps within or below the content (e.g. if the content
- * doesn't exceed the viewport, or whether it overflows it).
- */
-const clickWrapper = ({
-  isExpanded,
-  minHeight
-}) => css({
-  height: '100%'
-},
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-isExpanded && minHeight ? `min-height: ${minHeight}px` : '');
-/**
- * Click Area is responsible for improving UX by ensuring the user
- * can always tap beneath the content area, to insert more content.
- *
- * This is achieved by inserting a new empty paragraph at the end of
- * the document (if one doesn't already exist).
- *
- * This is particularly important when the content exceeds the visible
- * viewport height, and if the last content node captures text selection
- * e.g. table, layouts, codeblock, etc.
- *
- * This relies on the Scroll Gutter plugin which inserts additional
- * whitespace at the end of the document when it overflows the viewport.
- */
-// Ignored via go/ees005
-// eslint-disable-next-line @repo/internal/react/no-class-components
-export default class ClickAreaMobile extends React.Component {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "clickElementRef", /*#__PURE__*/React.createRef());
-    _defineProperty(this, "handleClick", event => {
-      const {
-        editorView: view,
-        editorDisabled
-      } = this.props;
-      if (!view) {
-        return;
-      }
-      if (!editorDisabled) {
-        // if the editor is disabled -- we don't want to intercept any click events
-        clickAreaClickHandler(view, event);
-      }
-      const scrollGutterClicked = event.clientY > view.dom.getBoundingClientRect().bottom;
-      // Reset the default prosemirror scrollIntoView logic by
-      // clamping the scroll position to the bottom of the viewport.
-      if (scrollGutterClicked) {
-        event.preventDefault();
-        if (this.clickElementRef.current) {
-          this.clickElementRef.current.scrollIntoView(false);
-        }
-      }
-    });
-  }
-  render() {
-    return (
-      // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-      jsx("div", {
-        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-        css: clickWrapper({
-          isExpanded: this.props.isExpanded,
-          minHeight: this.props.minHeight
-        })
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-        ,
-        className: "editor-click-wrapper",
-        onClick: this.handleClick,
-        ref: this.clickElementRef
-      }, this.props.children)
-    );
-  }
-}

package/dist/esm/ui/Addon/ClickAreaInline/index.js

@@ -1,33 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { createParagraphAtEnd } from '@atlaskit/editor-common/commands';
-var clickArea = css({
-  flexGrow: 1
-});
-export var ClickAreaInline = function ClickAreaInline(_ref) {
-  var editorView = _ref.editorView,
-    children = _ref.children;
-  var handleMouseDown = React.useCallback(function (event) {
-    if (!editorView) {
-      return;
-    }
-    if (createParagraphAtEnd()(editorView.state, editorView.dispatch)) {
-      editorView.focus();
-      event.stopPropagation();
-    }
-  }, [editorView]);
-
-  // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-  return jsx("div", {
-    "data-testid": "click-wrapper",
-    css: clickArea,
-    onMouseDown: handleMouseDown
-  });
-};
-export default ClickAreaInline;

package/dist/esm/ui/Addon/ClickAreaMobile/index.js

@@ -1,103 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { clickAreaClickHandler } from '../click-area-helper';
-
-/**
- * Fills the visible viewport height so that it can filter
- * clicks/taps within or below the content (e.g. if the content
- * doesn't exceed the viewport, or whether it overflows it).
- */
-var clickWrapper = function clickWrapper(_ref) {
-  var isExpanded = _ref.isExpanded,
-    minHeight = _ref.minHeight;
-  return css({
-    height: '100%'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  isExpanded && minHeight ? "min-height: ".concat(minHeight, "px") : '');
-};
-/**
- * Click Area is responsible for improving UX by ensuring the user
- * can always tap beneath the content area, to insert more content.
- *
- * This is achieved by inserting a new empty paragraph at the end of
- * the document (if one doesn't already exist).
- *
- * This is particularly important when the content exceeds the visible
- * viewport height, and if the last content node captures text selection
- * e.g. table, layouts, codeblock, etc.
- *
- * This relies on the Scroll Gutter plugin which inserts additional
- * whitespace at the end of the document when it overflows the viewport.
- */
-// Ignored via go/ees005
-// eslint-disable-next-line @repo/internal/react/no-class-components
-var ClickAreaMobile = /*#__PURE__*/function (_React$Component) {
-  function ClickAreaMobile() {
-    var _this;
-    _classCallCheck(this, ClickAreaMobile);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, ClickAreaMobile, [].concat(args));
-    _defineProperty(_this, "clickElementRef", /*#__PURE__*/React.createRef());
-    _defineProperty(_this, "handleClick", function (event) {
-      var _this$props = _this.props,
-        view = _this$props.editorView,
-        editorDisabled = _this$props.editorDisabled;
-      if (!view) {
-        return;
-      }
-      if (!editorDisabled) {
-        // if the editor is disabled -- we don't want to intercept any click events
-        clickAreaClickHandler(view, event);
-      }
-      var scrollGutterClicked = event.clientY > view.dom.getBoundingClientRect().bottom;
-      // Reset the default prosemirror scrollIntoView logic by
-      // clamping the scroll position to the bottom of the viewport.
-      if (scrollGutterClicked) {
-        event.preventDefault();
-        if (_this.clickElementRef.current) {
-          _this.clickElementRef.current.scrollIntoView(false);
-        }
-      }
-    });
-    return _this;
-  }
-  _inherits(ClickAreaMobile, _React$Component);
-  return _createClass(ClickAreaMobile, [{
-    key: "render",
-    value: function render() {
-      return (
-        // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-        jsx("div", {
-          // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-          css: clickWrapper({
-            isExpanded: this.props.isExpanded,
-            minHeight: this.props.minHeight
-          })
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-          ,
-          className: "editor-click-wrapper",
-          onClick: this.handleClick,
-          ref: this.clickElementRef
-        }, this.props.children)
-      );
-    }
-  }]);
-}(React.Component);
-export { ClickAreaMobile as default };

package/dist/types/ui/Addon/ClickAreaInline/index.d.ts

@@ -1,13 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-import { jsx } from '@emotion/react';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-export interface Props {
-    editorView?: EditorView;
-    children?: React.ReactNode;
-}
-export declare const ClickAreaInline: ({ editorView, children }: Props) => jsx.JSX.Element;
-export default ClickAreaInline;

package/dist/types/ui/Addon/ClickAreaMobile/index.d.ts

@@ -1,34 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-import { jsx } from '@emotion/react';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-export interface Props {
-    editorView?: EditorView;
-    minHeight: number;
-    children?: React.ReactNode;
-    persistScrollGutter?: boolean;
-    isExpanded?: boolean;
-    editorDisabled?: boolean;
-}
-/**
- * Click Area is responsible for improving UX by ensuring the user
- * can always tap beneath the content area, to insert more content.
- *
- * This is achieved by inserting a new empty paragraph at the end of
- * the document (if one doesn't already exist).
- *
- * This is particularly important when the content exceeds the visible
- * viewport height, and if the last content node captures text selection
- * e.g. table, layouts, codeblock, etc.
- *
- * This relies on the Scroll Gutter plugin which inserts additional
- * whitespace at the end of the document when it overflows the viewport.
- */
-export default class ClickAreaMobile extends React.Component<Props> {
-    private clickElementRef;
-    private handleClick;
-    render(): jsx.JSX.Element;
-}

package/dist/types-ts4.5/ui/Addon/ClickAreaInline/index.d.ts

@@ -1,13 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-import { jsx } from '@emotion/react';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-export interface Props {
-    editorView?: EditorView;
-    children?: React.ReactNode;
-}
-export declare const ClickAreaInline: ({ editorView, children }: Props) => jsx.JSX.Element;
-export default ClickAreaInline;

package/dist/types-ts4.5/ui/Addon/ClickAreaMobile/index.d.ts

@@ -1,34 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-import { jsx } from '@emotion/react';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-export interface Props {
-    editorView?: EditorView;
-    minHeight: number;
-    children?: React.ReactNode;
-    persistScrollGutter?: boolean;
-    isExpanded?: boolean;
-    editorDisabled?: boolean;
-}
-/**
- * Click Area is responsible for improving UX by ensuring the user
- * can always tap beneath the content area, to insert more content.
- *
- * This is achieved by inserting a new empty paragraph at the end of
- * the document (if one doesn't already exist).
- *
- * This is particularly important when the content exceeds the visible
- * viewport height, and if the last content node captures text selection
- * e.g. table, layouts, codeblock, etc.
- *
- * This relies on the Scroll Gutter plugin which inserts additional
- * whitespace at the end of the document when it overflows the viewport.
- */
-export default class ClickAreaMobile extends React.Component<Props> {
-    private clickElementRef;
-    private handleClick;
-    render(): jsx.JSX.Element;
-}