@atlaskit/editor-core 189.3.3 → 189.3.6

package/dist/esm/plugins/code-block/pm-plugins/main.js

@@ -1,107 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { browser } from '@atlaskit/editor-common/utils';
-import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-import { codeBlockNodeView } from '../nodeviews/code-block';
-import { createSelectionClickHandler } from '@atlaskit/editor-common/selection';
-import { pluginKey } from '../plugin-key';
-import { ACTIONS } from './actions';
-import { ignoreFollowingMutations, resetShouldIgnoreFollowingMutations } from '../actions';
-import { findCodeBlock } from '../utils';
-import { codeBlockClassNames } from '../ui/class-names';
-export var createPlugin = function createPlugin(_ref) {
-  var _ref$useLongPressSele = _ref.useLongPressSelection,
-    useLongPressSelection = _ref$useLongPressSele === void 0 ? false : _ref$useLongPressSele,
-    getIntl = _ref.getIntl,
-    appearance = _ref.appearance,
-    _ref$allowComposition = _ref.allowCompositionInputOverride,
-    allowCompositionInputOverride = _ref$allowComposition === void 0 ? false : _ref$allowComposition;
-  var handleDOMEvents = {};
-
-  // ME-1599: Composition on mobile was causing the DOM observer to mutate the code block
-  // incorrecly and lose content when pressing enter in the middle of a code block line.
-  if (allowCompositionInputOverride) {
-    handleDOMEvents.beforeinput = function (view, event) {
-      var keyEvent = event;
-      var eventInputType = keyEvent.inputType;
-      var eventText = keyEvent.data;
-      if (browser.ios && event.composed &&
-      // insertParagraph will be the input type when the enter key is pressed.
-      eventInputType === 'insertParagraph' && findCodeBlock(view.state, view.state.selection)) {
-        event.preventDefault();
-        return true;
-      } else if (browser.android && event.composed && eventInputType === 'insertCompositionText' && eventText[(eventText === null || eventText === void 0 ? void 0 : eventText.length) - 1] === '\n' && findCodeBlock(view.state, view.state.selection)) {
-        var resultingText = event.target.outerText + '\n';
-        if (resultingText.endsWith(eventText)) {
-          // End of paragraph
-          setTimeout(function () {
-            view.someProp('handleKeyDown', function (f) {
-              return f(view, new KeyboardEvent('keydown', {
-                bubbles: true,
-                cancelable: true,
-                key: 'Enter',
-                code: 'Enter'
-              }));
-            });
-          }, 0);
-        } else {
-          // Middle of paragraph, end of line
-          ignoreFollowingMutations(view.state, view.dispatch);
-        }
-        return true;
-      }
-      if (browser.android) {
-        resetShouldIgnoreFollowingMutations(view.state, view.dispatch);
-      }
-      return false;
-    };
-  }
-  return new SafePlugin({
-    state: {
-      init: function init(_, state) {
-        var node = findCodeBlock(state, state.selection);
-        return {
-          pos: node ? node.pos : null,
-          contentCopied: false,
-          isNodeSelected: false,
-          shouldIgnoreFollowingMutations: false
-        };
-      },
-      apply: function apply(tr, pluginState, _oldState, newState) {
-        if (tr.docChanged || tr.selectionSet) {
-          var node = findCodeBlock(newState, tr.selection);
-          var newPluginState = _objectSpread(_objectSpread({}, pluginState), {}, {
-            pos: node ? node.pos : null,
-            isNodeSelected: tr.selection instanceof NodeSelection
-          });
-          return newPluginState;
-        }
-        var meta = tr.getMeta(pluginKey);
-        if ((meta === null || meta === void 0 ? void 0 : meta.type) === ACTIONS.SET_COPIED_TO_CLIPBOARD) {
-          return _objectSpread(_objectSpread({}, pluginState), {}, {
-            contentCopied: meta.data
-          });
-        } else if ((meta === null || meta === void 0 ? void 0 : meta.type) === ACTIONS.SET_SHOULD_IGNORE_FOLLOWING_MUTATIONS) {
-          return _objectSpread(_objectSpread({}, pluginState), {}, {
-            shouldIgnoreFollowingMutations: meta.data
-          });
-        }
-        return pluginState;
-      }
-    },
-    key: pluginKey,
-    props: {
-      nodeViews: {
-        codeBlock: codeBlockNodeView
-      },
-      handleClickOn: createSelectionClickHandler(['codeBlock'], function (target) {
-        return !!(target.closest(".".concat(codeBlockClassNames.gutter)) || target.classList.contains(codeBlockClassNames.content));
-      }, {
-        useLongPressSelection: useLongPressSelection
-      }),
-      handleDOMEvents: handleDOMEvents
-    }
-  });
-};

package/dist/esm/plugins/code-block/refresh-browser-selection.js

@@ -1,25 +0,0 @@
-import { browser } from '@atlaskit/editor-common/utils';
-import { pluginKey } from './plugin-key';
-
-// Workaround for a firefox issue where dom selection is off sync
-// https://product-fabric.atlassian.net/browse/ED-12442
-var refreshBrowserSelection = function refreshBrowserSelection() {
-  var domSelection = window.getSelection();
-  if (domSelection) {
-    var domRange = domSelection && domSelection.rangeCount === 1 && domSelection.getRangeAt(0).cloneRange();
-    if (domRange) {
-      domSelection.removeAllRanges();
-      domSelection.addRange(domRange);
-    }
-  }
-};
-var refreshBrowserSelectionOnChange = function refreshBrowserSelectionOnChange(transaction, editorState) {
-  var _pluginKey$getState;
-  if (browser.gecko && transaction.docChanged &&
-  // codeblockState.pos should be set if current selection is in a codeblock.
-  typeof ((_pluginKey$getState = pluginKey.getState(editorState)) === null || _pluginKey$getState === void 0 ? void 0 : _pluginKey$getState.pos) === 'number') {
-    refreshBrowserSelection();
-  }
-};
-export default refreshBrowserSelectionOnChange;
-export { refreshBrowserSelection };

package/dist/esm/plugins/code-block/toolbar.js

@@ -1,121 +0,0 @@
-import { defineMessages } from 'react-intl-next';
-import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
-import CopyIcon from '@atlaskit/icon/glyph/copy';
-import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
-import { removeCodeBlock, changeLanguage, copyContentToClipboard, resetCopiedState } from './actions';
-import commonMessages, { codeBlockButtonMessages } from '@atlaskit/editor-common/messages';
-import { provideVisualFeedbackForCopyButton, removeVisualFeedbackForCopyButton } from './pm-plugins/codeBlockCopySelectionPlugin';
-import { pluginKey } from './plugin-key';
-import { createLanguageList, getLanguageIdentifier, DEFAULT_LANGUAGES } from './language-list';
-export var messages = defineMessages({
-  selectLanguage: {
-    id: 'fabric.editor.selectLanguage',
-    defaultMessage: 'Select language',
-    description: 'Code blocks display software code. A prompt to select the software language the code is written in.'
-  }
-});
-var languageList = createLanguageList(DEFAULT_LANGUAGES);
-export var getToolbarConfig = function getToolbarConfig() {
-  var allowCopyToClipboard = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-  var api = arguments.length > 1 ? arguments[1] : undefined;
-  return function (state, _ref) {
-    var _api$decorations$acti, _api$analytics, _codeBlockState$pos, _node$attrs;
-    var formatMessage = _ref.formatMessage;
-    var _ref2 = (_api$decorations$acti = api === null || api === void 0 ? void 0 : api.decorations.actions) !== null && _api$decorations$acti !== void 0 ? _api$decorations$acti : {},
-      hoverDecoration = _ref2.hoverDecoration;
-    var editorAnalyticsAPI = api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions;
-    var codeBlockState = pluginKey.getState(state);
-    var pos = (_codeBlockState$pos = codeBlockState === null || codeBlockState === void 0 ? void 0 : codeBlockState.pos) !== null && _codeBlockState$pos !== void 0 ? _codeBlockState$pos : null;
-    if (!codeBlockState || pos === null) {
-      return;
-    }
-    var node = state.doc.nodeAt(pos);
-    var nodeType = state.schema.nodes.codeBlock;
-    if ((node === null || node === void 0 ? void 0 : node.type) !== nodeType) {
-      return;
-    }
-    var language = node === null || node === void 0 || (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.language;
-    var options = languageList.map(function (lang) {
-      return {
-        label: lang.name,
-        value: getLanguageIdentifier(lang),
-        alias: lang.alias
-      };
-    });
-
-    // If language is not undefined search for it in the value and then search in the aliases
-    var defaultValue = language ? options.find(function (option) {
-      return option.value === language;
-    }) || options.find(function (option) {
-      return option.alias.includes(language);
-    }) : null;
-    var languageSelect = {
-      id: 'editor.codeBlock.languageOptions',
-      type: 'select',
-      selectType: 'list',
-      onChange: function onChange(option) {
-        return changeLanguage(editorAnalyticsAPI)(option.value);
-      },
-      defaultValue: defaultValue,
-      placeholder: formatMessage(messages.selectLanguage),
-      options: options,
-      filterOption: languageListFilter
-    };
-    var separator = {
-      type: 'separator'
-    };
-    var copyToClipboardItems = !allowCopyToClipboard ? [] : [{
-      id: 'editor.codeBlock.copy',
-      type: 'button',
-      appearance: 'subtle',
-      icon: CopyIcon,
-      // note: copyContentToClipboard contains logic that also removes the
-      // visual feedback for the copy button
-      onClick: copyContentToClipboard,
-      title: formatMessage(codeBlockState.contentCopied ? codeBlockButtonMessages.copiedCodeToClipboard : codeBlockButtonMessages.copyCodeToClipboard),
-      onMouseEnter: provideVisualFeedbackForCopyButton,
-      // note: resetCopiedState contains logic that also removes the
-      // visual feedback for the copy button
-      onMouseLeave: resetCopiedState,
-      onFocus: provideVisualFeedbackForCopyButton,
-      onBlur: removeVisualFeedbackForCopyButton,
-      hideTooltipOnClick: false,
-      disabled: codeBlockState.isNodeSelected,
-      tabIndex: null
-    }, separator];
-    var deleteButton = {
-      id: 'editor.codeBlock.delete',
-      type: 'button',
-      appearance: 'danger',
-      icon: RemoveIcon,
-      onMouseEnter: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, true),
-      onMouseLeave: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, false),
-      onFocus: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, true),
-      onBlur: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, false),
-      onClick: removeCodeBlock,
-      title: formatMessage(commonMessages.remove),
-      tabIndex: null
-    };
-    return {
-      title: 'CodeBlock floating controls',
-      getDomRef: function getDomRef(view) {
-        return findDomRefAtPos(pos, view.domAtPos.bind(view));
-      },
-      nodeType: nodeType,
-      items: [languageSelect, separator].concat(copyToClipboardItems, [deleteButton]),
-      scrollable: true
-    };
-  };
-};
-
-/**
- * Filters language list based on both name and alias properties.
- */
-export var languageListFilter = function languageListFilter(option, rawInput) {
-  var _ref3 = option,
-    data = _ref3.data;
-  var searchString = rawInput.toLowerCase();
-  return data.label.toLowerCase().includes(searchString) || data.alias.some(function (alias) {
-    return alias.toLowerCase() === searchString;
-  });
-};

package/dist/esm/plugins/code-block/transform-to-code-block.js

@@ -1,77 +0,0 @@
-import { TextSelection } from '@atlaskit/editor-prosemirror/state';
-import { Fragment } from '@atlaskit/editor-prosemirror/model';
-import { GapCursorSelection } from '@atlaskit/editor-common/selection';
-import { timestampToString, mapSlice } from '@atlaskit/editor-common/utils';
-export function transformToCodeBlockAction(state, start, attrs) {
-  var startOfCodeBlockText = state.selection.$from;
-  var endPosition = state.selection.empty && !(state.selection instanceof GapCursorSelection) ? startOfCodeBlockText.end() : state.selection.$to.pos;
-  var startLinePosition = startOfCodeBlockText.start();
-  //when cmd+A is used to select the content. start position should be 0.
-  var parentStartPosition = startOfCodeBlockText.depth === 0 ? 0 : startOfCodeBlockText.before();
-  var contentSlice = state.doc.slice(startOfCodeBlockText.pos, endPosition);
-  var codeBlockSlice = mapSlice(contentSlice, function (node, parent, index) {
-    if (node.type === state.schema.nodes.hardBreak) {
-      return state.schema.text('\n');
-    }
-    if (node.isText) {
-      return node.mark([]);
-    }
-    if (node.isInline) {
-      // Convert dates
-      if (node.attrs.timestamp) {
-        return state.schema.text(timestampToString(node.attrs.timestamp, null));
-      }
-      // Convert links
-      if (node.attrs.url) {
-        return state.schema.text(node.attrs.url);
-      }
-      return node.attrs.text ? state.schema.text(node.attrs.text) : null;
-    }
-
-    // if the current node is the last child of the Slice exit early to prevent
-    // adding additional line breaks
-    if (contentSlice.content.childCount - 1 === index) {
-      return node.content;
-    }
-
-    //useful to decide whether to append line breaks when the content has list items.
-    var isParentLastChild = parent && contentSlice.content.childCount - 1 === index;
-
-    // add line breaks at the end of each paragraph to mimic layout of selected content
-    // do not add line breaks when the 'paragraph' parent is last child.
-    if (node.content.childCount && node.type === state.schema.nodes.paragraph && !isParentLastChild) {
-      return node.content.append(Fragment.from(state.schema.text('\n\n')));
-    }
-    return node.content.childCount ? node.content : null;
-  });
-  var tr = state.tr;
-
-  // Replace current block node
-  var startMapped = startLinePosition === start ? parentStartPosition : start;
-  var codeBlock = state.schema.nodes.codeBlock;
-  var codeBlockNode = codeBlock.createChecked(attrs, codeBlockSlice.content);
-  tr.replaceWith(startMapped, Math.min(endPosition, tr.doc.content.size), codeBlockNode);
-
-  // Reposition cursor when inserting into layouts or table headers
-  var mapped = tr.doc.resolve(tr.mapping.map(startMapped) + 1);
-  var selection = TextSelection.findFrom(mapped, state.selection instanceof GapCursorSelection ? -1 : 1, true);
-  if (selection) {
-    return tr.setSelection(selection);
-  }
-  return tr.setSelection(TextSelection.create(tr.doc, Math.min(start + startOfCodeBlockText.node().nodeSize - 1, tr.doc.content.size)));
-}
-export function isConvertableToCodeBlock(state) {
-  // Before a document is loaded, there is no selection.
-  if (!state.selection) {
-    return false;
-  }
-  var $from = state.selection.$from;
-  var node = $from.parent;
-  if (!node.isTextblock || node.type === state.schema.nodes.codeBlock) {
-    return false;
-  }
-  var parentDepth = $from.depth - 1;
-  var parentNode = $from.node(parentDepth);
-  var index = $from.index(parentDepth);
-  return parentNode.canReplaceWith(index, index + 1, state.schema.nodes.codeBlock);
-}

package/dist/esm/plugins/code-block/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/plugins/code-block/ui/class-names.js

@@ -1,9 +0,0 @@
-import { CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
-export var codeBlockClassNames = {
-  container: CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER,
-  start: CodeBlockSharedCssClassName.CODEBLOCK_START,
-  end: CodeBlockSharedCssClassName.CODEBLOCK_END,
-  contentWrapper: CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER,
-  gutter: CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER,
-  content: CodeBlockSharedCssClassName.CODEBLOCK_CONTENT
-};

package/dist/esm/plugins/code-block/utils.js

@@ -1,4 +0,0 @@
-export { findCodeBlock, transformSliceToJoinAdjacentCodeBlocks, transformSingleLineCodeBlockToCodeMark } from '@atlaskit/editor-common/transforms';
-export function getCursor(selection) {
-  return selection.$cursor || undefined;
-}

package/dist/types/plugins/code-block/actions.d.ts

@@ -1,18 +0,0 @@
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-import type { Command } from '@atlaskit/editor-common/types';
-import type { INPUT_METHOD, EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-export declare const removeCodeBlock: Command;
-export declare const changeLanguage: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (language: string) => Command;
-export declare const copyContentToClipboard: Command;
-export declare const resetCopiedState: Command;
-export declare const ignoreFollowingMutations: Command;
-export declare const resetShouldIgnoreFollowingMutations: Command;
-/**
- * This function creates a new transaction that inserts a code block,
- * if there is text selected it will wrap the current selection if not it will
- * append the codeblock to the end of the document.
- */
-export declare function createInsertCodeBlockTransaction({ state, }: {
-    state: EditorState;
-}): import("prosemirror-state").Transaction;
-export declare function insertCodeBlockWithAnalytics(inputMethod: INPUT_METHOD, analyticsAPI?: EditorAnalyticsAPI): Command;

package/dist/types/plugins/code-block/ide-ux/bracket-handling.d.ts

@@ -1,12 +0,0 @@
-export declare const BRACKET_MAP: {
-    '{': string;
-    '[': string;
-    '(': string;
-};
-export type BracketMapKey = keyof typeof BRACKET_MAP;
-export declare const shouldAutoCloseBracket: (before: string, after: string) => boolean;
-export declare const getAutoClosingBracketInfo: (before: string, after: string) => {
-    left: "{" | "[" | "(" | undefined;
-    right: string | undefined;
-    hasTrailingMatchingBracket: boolean;
-};

package/dist/types/plugins/code-block/ide-ux/commands.d.ts

@@ -1,7 +0,0 @@
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-import type { CommandDispatch } from '@atlaskit/editor-common/types';
-export declare const indent: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (state: EditorState, dispatch?: CommandDispatch) => boolean;
-export declare const outdent: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (state: EditorState, dispatch?: CommandDispatch) => boolean;
-export declare function insertIndent(state: EditorState, dispatch: CommandDispatch): boolean;
-export declare function insertNewlineWithIndent(state: EditorState, dispatch?: CommandDispatch): boolean;

package/dist/types/plugins/code-block/ide-ux/line-handling.d.ts

@@ -1,25 +0,0 @@
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-export declare const isSelectionEntirelyInsideCodeBlock: (state: EditorState) => boolean;
-export declare const isCursorInsideCodeBlock: (state: EditorState) => boolean;
-export declare const getStartOfCurrentLine: (state: EditorState) => {
-    text: string;
-    pos: number;
-};
-export declare const getEndOfCurrentLine: (state: EditorState) => {
-    text: string;
-    pos: number;
-};
-export declare function getLinesFromSelection(state: EditorState): {
-    text: string;
-    start: number;
-    end: number;
-};
-export declare const forEachLine: (text: string, callback: (line: string, offset: number) => void) => void;
-export declare const getLineInfo: (line: string) => {
-    indentToken: {
-        token: string;
-        size: number;
-        regex: RegExp;
-    };
-    indentText: string;
-};

package/dist/types/plugins/code-block/ide-ux/paired-character-handling.d.ts

@@ -1,2 +0,0 @@
-export declare const isCursorBeforeClosingCharacter: (after: string) => boolean;
-export declare const isClosingCharacter: (text: string) => boolean;

package/dist/types/plugins/code-block/ide-ux/quote-handling.d.ts

@@ -1,12 +0,0 @@
-export declare const QUOTE_MAP: {
-    "'": string;
-    '"': string;
-    '`': string;
-};
-export type QuoteMapKey = keyof typeof QUOTE_MAP;
-export declare const shouldAutoCloseQuote: (before: string, after: string) => boolean;
-export declare const getAutoClosingQuoteInfo: (before: string, after: string) => {
-    left: "`" | "'" | "\"" | undefined;
-    right: string | undefined;
-    hasTrailingMatchingQuote: boolean;
-};

package/dist/types/plugins/code-block/index.d.ts

@@ -1,19 +0,0 @@
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import type { NextEditorPlugin, OptionalPlugin, Command } from '@atlaskit/editor-common/types';
-import type { CodeBlockOptions } from './types';
-import type { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
-import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
-import type { compositionPlugin } from '@atlaskit/editor-plugin-composition';
-export type CodeBlockPlugin = NextEditorPlugin<'codeBlock', {
-    pluginConfiguration: CodeBlockOptions;
-    dependencies: [
-        typeof decorationsPlugin,
-        typeof compositionPlugin,
-        OptionalPlugin<typeof analyticsPlugin>
-    ];
-    actions: {
-        insertCodeBlock: (inputMethod: INPUT_METHOD) => Command;
-    };
-}>;
-declare const codeBlockPlugin: CodeBlockPlugin;
-export default codeBlockPlugin;