@atlaskit/editor-plugin-block-controls 2.13.12 → 2.13.14

package/dist/esm/ui/empty-block-experiment/widget.js

@@ -1,133 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-/* eslint-disable @atlaskit/ui-styling-standard/use-compiled */
-import React, { createElement } from 'react';
-import { keyframes } from '@emotion/react';
-import ReactDOM from 'react-dom';
-import { injectIntl, RawIntlProvider } from 'react-intl-next';
-import { ToolTipContent } from '@atlaskit/editor-common/keymaps';
-import { blockControlsMessages as messages } from '@atlaskit/editor-common/messages';
-import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/whitespace';
-import { TextSelection } from '@atlaskit/editor-prosemirror/state';
-import { Decoration } from '@atlaskit/editor-prosemirror/view';
-import EditorAddIcon from '@atlaskit/icon/glyph/editor/add';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { Box, Pressable, xcss } from '@atlaskit/primitives';
-import Tooltip from '@atlaskit/tooltip';
-var wrapperStyles = xcss({
-  position: 'absolute',
-  top: "calc('50%' - ".concat("var(--ds-space-150, 12px)", ")"),
-  left: "calc(".concat("var(--ds-space-negative-300, -24px)", " + ", "var(--ds-space-negative-100, -8px)", ")")
-});
-var appear = keyframes({
-  from: {
-    visibility: 'hidden'
-  },
-  to: {
-    visibility: 'visible'
-  }
-});
-var delayedAppearance = xcss({
-  visibility: 'hidden',
-  animation: "".concat(appear, " 0.1s"),
-  animationDelay: '2s',
-  animationFillMode: 'forwards'
-});
-var buttonStyles = xcss({
-  boxSizing: 'border-box',
-  display: 'flex',
-  flexDirection: 'column',
-  justifyContent: 'center',
-  alignItems: 'center',
-  height: "var(--ds-space-300, 24px)",
-  width: "var(--ds-space-300, 24px)",
-  border: 'none',
-  backgroundColor: 'color.background.neutral',
-  borderRadius: '50%',
-  color: 'color.text.accent.gray',
-  zIndex: 'card',
-  outline: 'none',
-  ':hover': {
-    backgroundColor: 'color.background.neutral.hovered'
-  },
-  ':active': {
-    backgroundColor: 'color.background.neutral.pressed'
-  },
-  ':focus': {
-    outline: "2px solid ".concat("var(--ds-border-focused, #388BFF)")
-  }
-});
-export var TypeAheadControl = function TypeAheadControl(_ref) {
-  var api = _ref.api,
-    getPos = _ref.getPos,
-    formatMessage = _ref.intl.formatMessage;
-  return /*#__PURE__*/React.createElement(Box, {
-    xcss: [wrapperStyles],
-    testId: "editor-empty-line-prompt-experiment"
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    content: /*#__PURE__*/React.createElement(ToolTipContent, {
-      description: formatMessage(messages.insert),
-      shortcutOverride: "/"
-    })
-  }, /*#__PURE__*/React.createElement(Pressable, {
-    type: "button",
-    "aria-label": formatMessage(messages.insert),
-    xcss: [buttonStyles].concat(_toConsumableArray(fg('platform_editor_empty_line_prompt_delay') ? [delayedAppearance] : [])),
-    onClick: function onClick() {
-      var _api$core, _api$quickInsert;
-      api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(function (_ref2) {
-        var tr = _ref2.tr;
-        var start = getPos();
-        if (!start) {
-          return null;
-        }
-        return tr.setSelection(TextSelection.create(tr.doc, start));
-      });
-      api === null || api === void 0 || (_api$quickInsert = api.quickInsert) === null || _api$quickInsert === void 0 || _api$quickInsert.actions.openTypeAhead('blockControl');
-    }
-  }, /*#__PURE__*/React.createElement(EditorAddIcon, {
-    label: "add",
-    size: "medium"
-  }))));
-};
-var TypeAheadControlWithIntl = injectIntl(TypeAheadControl);
-var toDOM = function toDOM(api, getPos, getIntl) {
-  var wrapper = document.createElement('span');
-  wrapper.contentEditable = 'false';
-  wrapper.setAttribute('data-empty-block-experiment', 'true');
-  wrapper.setAttribute('class', 'empty-block-experiment');
-  var element = document.createElement('span');
-  element.contentEditable = 'false';
-  element.setAttribute('style', 'position: absolute;');
-  wrapper.appendChild(element);
-  ReactDOM.render( /*#__PURE__*/createElement(RawIntlProvider, {
-    value: getIntl()
-  }, /*#__PURE__*/createElement(TypeAheadControlWithIntl, {
-    api: api,
-    getPos: getPos
-  })), element);
-
-  // // This is a hack to ensure that the cursor in Chrome does not take on the height of the widget button.
-  // // Cursor height cannot be controlled via CSS and is handled by the browser.
-  // // see Prosemirror forum: https://discuss.prosemirror.net/t/chrome-caret-cursor-larger-than-the-text-with-inlined-items/5946
-  var cursorHack = document.createTextNode(ZERO_WIDTH_SPACE);
-  wrapper.appendChild(cursorHack);
-  return wrapper;
-};
-export var createEmptyBlockWidgetDecoration = function createEmptyBlockWidgetDecoration(selection, api, getIntl) {
-  if (selection instanceof TextSelection && selection.$cursor) {
-    var _$cursor$parent, _$cursor$parent2;
-    var $cursor = selection.$cursor;
-    var depth = $cursor.depth;
-    var cursorAtRoot = depth === 1;
-    var nodeIsEmpty = ((_$cursor$parent = $cursor.parent) === null || _$cursor$parent === void 0 ? void 0 : _$cursor$parent.nodeSize) === 2;
-    var supportedNodeTypes = ['paragraph', 'heading'];
-    if (cursorAtRoot && nodeIsEmpty && supportedNodeTypes.includes((_$cursor$parent2 = $cursor.parent) === null || _$cursor$parent2 === void 0 ? void 0 : _$cursor$parent2.type.name)) {
-      return Decoration.widget(selection.$cursor.posAtIndex($cursor.depth - 1), function (_view, getPos) {
-        return toDOM(api, getPos, getIntl);
-      }, {
-        key: 'emptyBlockWidgetDecoration',
-        side: -1
-      });
-    }
-  }
-};

package/dist/types/pm-plugins/empty-block-experiment.d.ts

@@ -1,13 +0,0 @@
-import { type IntlShape } from 'react-intl-next';
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import { type BlockControlsPlugin } from '../types';
-export declare const emptyBlockExperimentPluginKey: PluginKey<EmptyBlockExperimentState>;
-export type EmptyBlockExperimentState = {
-    decorations: DecorationSet;
-};
-export declare const createEmptyBlockExperimentPlugin: (api: ExtractInjectionAPI<BlockControlsPlugin> | undefined, getIntl: () => IntlShape) => SafePlugin<{
-    decorations: DecorationSet;
-}>;

package/dist/types/ui/empty-block-experiment/global-styles.d.ts

@@ -1,4 +0,0 @@
-/**
- * Hide the experiment button when it has been activated. (contains quick-insert decoration widget)
- */
-export declare const emptyBlockExperimentGlobalStyles: import("@emotion/react").SerializedStyles;

package/dist/types/ui/empty-block-experiment/widget.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { type IntlShape, type WrappedComponentProps } from 'react-intl-next';
-import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import { type Selection } from '@atlaskit/editor-prosemirror/state';
-import { Decoration } from '@atlaskit/editor-prosemirror/view';
-import { type BlockControlsPlugin } from '../../types';
-type Props = {
-    api: ExtractInjectionAPI<BlockControlsPlugin> | undefined;
-    getPos: () => number | undefined;
-};
-export declare const TypeAheadControl: ({ api, getPos, intl: { formatMessage }, }: Props & WrappedComponentProps) => JSX.Element;
-export declare const createEmptyBlockWidgetDecoration: (selection: Selection, api: ExtractInjectionAPI<BlockControlsPlugin> | undefined, getIntl: () => IntlShape) => Decoration | undefined;
-export {};

package/dist/types-ts4.5/pm-plugins/empty-block-experiment.d.ts

@@ -1,13 +0,0 @@
-import { type IntlShape } from 'react-intl-next';
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import { type BlockControlsPlugin } from '../types';
-export declare const emptyBlockExperimentPluginKey: PluginKey<EmptyBlockExperimentState>;
-export type EmptyBlockExperimentState = {
-    decorations: DecorationSet;
-};
-export declare const createEmptyBlockExperimentPlugin: (api: ExtractInjectionAPI<BlockControlsPlugin> | undefined, getIntl: () => IntlShape) => SafePlugin<{
-    decorations: DecorationSet;
-}>;

package/dist/types-ts4.5/ui/empty-block-experiment/global-styles.d.ts

@@ -1,4 +0,0 @@
-/**
- * Hide the experiment button when it has been activated. (contains quick-insert decoration widget)
- */
-export declare const emptyBlockExperimentGlobalStyles: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/ui/empty-block-experiment/widget.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { type IntlShape, type WrappedComponentProps } from 'react-intl-next';
-import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import { type Selection } from '@atlaskit/editor-prosemirror/state';
-import { Decoration } from '@atlaskit/editor-prosemirror/view';
-import { type BlockControlsPlugin } from '../../types';
-type Props = {
-    api: ExtractInjectionAPI<BlockControlsPlugin> | undefined;
-    getPos: () => number | undefined;
-};
-export declare const TypeAheadControl: ({ api, getPos, intl: { formatMessage }, }: Props & WrappedComponentProps) => JSX.Element;
-export declare const createEmptyBlockWidgetDecoration: (selection: Selection, api: ExtractInjectionAPI<BlockControlsPlugin> | undefined, getIntl: () => IntlShape) => Decoration | undefined;
-export {};