@atlaskit/editor-core 190.1.15 → 190.1.18

package/dist/esm/plugins/breakout/plugin-key.js

@@ -1,5 +0,0 @@
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-export var pluginKey = new PluginKey('breakoutPlugin');
-export var getPluginState = function getPluginState(state) {
-  return pluginKey.getState(state) || undefined;
-};

package/dist/esm/plugins/breakout/types.js

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

package/dist/esm/plugins/breakout/ui/LayoutButton.js

@@ -1,126 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-/** @jsx jsx */
-import React from 'react';
-import { css, jsx } from '@emotion/react';
-import { B300, N300, N20A } from '@atlaskit/theme/colors';
-import { injectIntl } from 'react-intl-next';
-import { findParentDomRefOfType, findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
-import { Popup } from '@atlaskit/editor-common/ui';
-import CollapseIcon from '@atlaskit/icon/glyph/editor/collapse';
-import ExpandIcon from '@atlaskit/icon/glyph/editor/expand';
-import ToolbarButton from '../../../ui/ToolbarButton';
-import { getBreakoutMode } from '../utils/get-breakout-mode';
-import { setBreakoutMode } from '../commands/set-breakout-mode';
-import { removeBreakout } from '../commands/remove-breakout';
-import { BreakoutCssClassName } from '@atlaskit/editor-common/styles';
-import { isBreakoutMarkAllowed } from '../utils/is-breakout-mark-allowed';
-import { getPluginState } from '../plugin-key';
-import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-import { isSupportedNodeForBreakout } from '../utils/is-supported-node';
-import { layers } from '@atlaskit/theme/constants';
-import { getNextBreakoutMode, getTitle } from '@atlaskit/editor-common/utils';
-var toolbarButtonWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  && button {\n    background: ", ";\n    color: ", ";\n    :hover {\n      background: ", ";\n      color: ", " !important;\n    }\n  }\n"])), "var(--ds-background-neutral, ".concat(N20A, ")"), "var(--ds-icon, ".concat(N300, ")"), "var(--ds-background-neutral-hovered, ".concat(B300, ")"), "var(--ds-icon, white)");
-function getBreakoutNodeElement(pluginState, selection, editorView) {
-  if (!pluginState.breakoutNode) {
-    return undefined;
-  }
-  if (selection instanceof NodeSelection && isSupportedNodeForBreakout(selection.node)) {
-    return findDomRefAtPos(selection.from, editorView.domAtPos.bind(editorView));
-  }
-  return findParentDomRefOfType(pluginState.breakoutNode.node.type, editorView.domAtPos.bind(editorView))(selection);
-}
-var LayoutButton = /*#__PURE__*/function (_React$Component) {
-  _inherits(LayoutButton, _React$Component);
-  var _super = _createSuper(LayoutButton);
-  function LayoutButton() {
-    var _this;
-    _classCallCheck(this, LayoutButton);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "handleClick", function (breakoutMode) {
-      return function () {
-        var _this$props$editorVie = _this.props.editorView,
-          state = _this$props$editorVie.state,
-          dispatch = _this$props$editorVie.dispatch;
-        if (['wide', 'full-width'].indexOf(breakoutMode) !== -1) {
-          setBreakoutMode(breakoutMode)(state, dispatch);
-        } else {
-          removeBreakout()(state, dispatch);
-        }
-      };
-    });
-    return _this;
-  }
-  _createClass(LayoutButton, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        formatMessage = _this$props.intl.formatMessage,
-        mountPoint = _this$props.mountPoint,
-        boundariesElement = _this$props.boundariesElement,
-        scrollableElement = _this$props.scrollableElement,
-        editorView = _this$props.editorView,
-        node = _this$props.node;
-      var state = editorView.state;
-      if (!node || !isBreakoutMarkAllowed(state)) {
-        return null;
-      }
-      var breakoutMode = getBreakoutMode(editorView.state);
-      var titleMessage = getTitle(breakoutMode);
-      var title = formatMessage(titleMessage);
-      var nextBreakoutMode = getNextBreakoutMode(breakoutMode);
-      var belowOtherPopupsZIndex = layers.layer() - 1;
-      var pluginState = getPluginState(state);
-      if (!pluginState) {
-        return null;
-      }
-      var element = getBreakoutNodeElement(pluginState, state.selection, editorView);
-      if (!element) {
-        return null;
-      }
-      var closestEl = element.querySelector(".".concat(BreakoutCssClassName.BREAKOUT_MARK_DOM));
-      if (closestEl && closestEl.firstChild) {
-        element = closestEl.firstChild;
-      }
-      return jsx(Popup, {
-        ariaLabel: title,
-        target: element,
-        offset: [5, 0],
-        alignY: "start",
-        alignX: "end",
-        mountTo: mountPoint,
-        boundariesElement: boundariesElement,
-        scrollableElement: scrollableElement,
-        stick: true,
-        forcePlacement: true,
-        zIndex: belowOtherPopupsZIndex
-      }, jsx("div", {
-        css: toolbarButtonWrapper
-      }, jsx(ToolbarButton, {
-        title: title,
-        testId: titleMessage.id,
-        onClick: this.handleClick(nextBreakoutMode),
-        iconBefore: breakoutMode === 'full-width' ? jsx(CollapseIcon, {
-          label: title
-        }) : jsx(ExpandIcon, {
-          label: title
-        })
-      })));
-    }
-  }]);
-  return LayoutButton;
-}(React.Component);
-_defineProperty(LayoutButton, "displayName", 'LayoutButton');
-export default injectIntl(LayoutButton);

package/dist/esm/plugins/breakout/utils/find-breakout-node.js

@@ -1,37 +0,0 @@
-import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-import { findParentNode } from '@atlaskit/editor-prosemirror/utils';
-import { isSupportedNodeForBreakout } from './is-supported-node';
-
-/**
- * Find the nearest parent node to the selection that supports breakout, or if the nearest
- * matching parent node is the doc, return undefined.
- * For depth, if a node is selected and supports breakout, return the depth of the node.
- * @param selection Current editor selection
- */
-export function findSupportedNodeForBreakout(selection) {
-  if (selection instanceof NodeSelection) {
-    var supportsBreakout = isSupportedNodeForBreakout(selection.node);
-    if (supportsBreakout) {
-      return {
-        pos: selection.from,
-        start: selection.from,
-        node: selection.node,
-        // If a selected expand is in a doc, the depth of that expand is 0. Therefore
-        // we don't need to subtract 1 or instantly return false if the depth is 0
-        depth: selection.$anchor.depth
-      };
-    }
-  }
-  var breakoutNode = findParentNode(isSupportedNodeForBreakout)(selection);
-  if (!breakoutNode || breakoutNode.depth === 0) {
-    // If this node doesn't exist or the only supporting node is the document
-    // (with depth 0), then we're not inside a node that supports breakout
-    return undefined;
-  }
-  return {
-    node: breakoutNode.node,
-    start: breakoutNode.start,
-    pos: breakoutNode.pos,
-    depth: breakoutNode.depth - 1
-  };
-}

package/dist/esm/plugins/breakout/utils/get-breakout-mode.js

@@ -1,18 +0,0 @@
-import { findSupportedNodeForBreakout } from './find-breakout-node';
-/**
- * Get the current mode of the breakout at the selection
- * @param state Current EditorState
- */
-export function getBreakoutMode(state) {
-  var node = findSupportedNodeForBreakout(state.selection);
-  if (!node) {
-    return;
-  }
-  var breakoutMark = node.node.marks.find(function (m) {
-    return m.type.name === 'breakout';
-  });
-  if (!breakoutMark) {
-    return;
-  }
-  return breakoutMark.attrs.mode;
-}

package/dist/esm/plugins/breakout/utils/is-breakout-mark-allowed.js

@@ -1,22 +0,0 @@
-import { findSupportedNodeForBreakout } from './find-breakout-node';
-
-/**
- * Check if breakout should be allowed for the current selection. If a node is selected,
- * can this node be broken out, if text, can the enclosing parent node be broken out.
- *
- * Currently breakout of a node is not possible if it's nested in anything but the document, however
- * this logic supports this changing.
- */
-export function isBreakoutMarkAllowed(state) {
-  if (!state.schema.marks.breakout) {
-    return false;
-  }
-  var supportedNodeParent = findSupportedNodeForBreakout(state.selection);
-  if (!supportedNodeParent) {
-    return false;
-  }
-  // At the moment we can only breakout when the depth is 0, ie. doc is the only node
-  // that supports breakout. This *could* change though.
-  var parent = state.selection.$from.node(supportedNodeParent.depth);
-  return parent.type.allowsMarkType(state.schema.marks.breakout);
-}

package/dist/esm/plugins/breakout/utils/is-supported-node.js

@@ -1,9 +0,0 @@
-var supportedNodesForBreakout = ['codeBlock', 'layoutSection', 'expand'];
-
-/**
- * Check if breakout can be applied to a node
- * @param node Node to check
- */
-export function isSupportedNodeForBreakout(node) {
-  return supportedNodesForBreakout.indexOf(node.type.name) !== -1;
-}

package/dist/types/plugins/breakout/commands/remove-breakout.d.ts

@@ -1,2 +0,0 @@
-import type { Command } from '../../../types';
-export declare function removeBreakout(): Command;

package/dist/types/plugins/breakout/commands/set-breakout-mode.d.ts

@@ -1,3 +0,0 @@
-import type { BreakoutMode } from '@atlaskit/editor-common/types';
-import type { Command } from '../../../types';
-export declare function setBreakoutMode(mode: BreakoutMode): Command;

package/dist/types/plugins/breakout/index.d.ts

@@ -1,12 +0,0 @@
-import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
-import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
-import type { BreakoutPluginState } from './types';
-interface BreakoutPluginOptions {
-    allowBreakoutButton?: boolean;
-}
-declare const breakoutPlugin: NextEditorPlugin<'breakout', {
-    pluginConfiguration: BreakoutPluginOptions | undefined;
-    dependencies: [WidthPlugin];
-    sharedState: Partial<BreakoutPluginState>;
-}>;
-export default breakoutPlugin;

package/dist/types/plugins/breakout/plugin-key.d.ts

@@ -1,5 +0,0 @@
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import type { BreakoutPluginState } from './types';
-export declare const pluginKey: PluginKey<BreakoutPluginState>;
-export declare const getPluginState: (state: EditorState) => BreakoutPluginState | undefined;

package/dist/types/plugins/breakout/types.d.ts

@@ -1,4 +0,0 @@
-import type { ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
-export interface BreakoutPluginState {
-    breakoutNode: ContentNodeWithPos | undefined;
-}

package/dist/types/plugins/breakout/ui/LayoutButton.d.ts

@@ -1,17 +0,0 @@
-/** @jsx jsx */
-import React from 'react';
-import type { WrappedComponentProps } from 'react-intl-next';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-export interface Props {
-    editorView: EditorView;
-    mountPoint?: HTMLElement;
-    node: PMNode | null;
-    boundariesElement?: HTMLElement;
-    scrollableElement?: HTMLElement;
-    handleClick?: Function;
-}
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
-};
-export default _default;

package/dist/types/plugins/breakout/utils/find-breakout-node.d.ts

@@ -1,9 +0,0 @@
-import type { Selection } from '@atlaskit/editor-prosemirror/state';
-import type { ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
-/**
- * Find the nearest parent node to the selection that supports breakout, or if the nearest
- * matching parent node is the doc, return undefined.
- * For depth, if a node is selected and supports breakout, return the depth of the node.
- * @param selection Current editor selection
- */
-export declare function findSupportedNodeForBreakout(selection: Selection): ContentNodeWithPos | undefined;

package/dist/types/plugins/breakout/utils/get-breakout-mode.d.ts

@@ -1,7 +0,0 @@
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-import type { BreakoutMode } from '@atlaskit/editor-common/types';
-/**
- * Get the current mode of the breakout at the selection
- * @param state Current EditorState
- */
-export declare function getBreakoutMode(state: EditorState): BreakoutMode | undefined;

package/dist/types/plugins/breakout/utils/is-breakout-mark-allowed.d.ts

@@ -1,9 +0,0 @@
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-/**
- * Check if breakout should be allowed for the current selection. If a node is selected,
- * can this node be broken out, if text, can the enclosing parent node be broken out.
- *
- * Currently breakout of a node is not possible if it's nested in anything but the document, however
- * this logic supports this changing.
- */
-export declare function isBreakoutMarkAllowed(state: EditorState): boolean;

package/dist/types/plugins/breakout/utils/is-supported-node.d.ts

@@ -1,6 +0,0 @@
-import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-/**
- * Check if breakout can be applied to a node
- * @param node Node to check
- */
-export declare function isSupportedNodeForBreakout(node: PMNode): boolean;

package/dist/types-ts4.5/plugins/breakout/commands/remove-breakout.d.ts

@@ -1,2 +0,0 @@
-import type { Command } from '../../../types';
-export declare function removeBreakout(): Command;

package/dist/types-ts4.5/plugins/breakout/commands/set-breakout-mode.d.ts

@@ -1,3 +0,0 @@
-import type { BreakoutMode } from '@atlaskit/editor-common/types';
-import type { Command } from '../../../types';
-export declare function setBreakoutMode(mode: BreakoutMode): Command;

package/dist/types-ts4.5/plugins/breakout/index.d.ts

@@ -1,14 +0,0 @@
-import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
-import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
-import type { BreakoutPluginState } from './types';
-interface BreakoutPluginOptions {
-    allowBreakoutButton?: boolean;
-}
-declare const breakoutPlugin: NextEditorPlugin<'breakout', {
-    pluginConfiguration: BreakoutPluginOptions | undefined;
-    dependencies: [
-        WidthPlugin
-    ];
-    sharedState: Partial<BreakoutPluginState>;
-}>;
-export default breakoutPlugin;

package/dist/types-ts4.5/plugins/breakout/plugin-key.d.ts

@@ -1,5 +0,0 @@
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import type { BreakoutPluginState } from './types';
-export declare const pluginKey: PluginKey<BreakoutPluginState>;
-export declare const getPluginState: (state: EditorState) => BreakoutPluginState | undefined;

package/dist/types-ts4.5/plugins/breakout/types.d.ts

@@ -1,4 +0,0 @@
-import type { ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
-export interface BreakoutPluginState {
-    breakoutNode: ContentNodeWithPos | undefined;
-}

package/dist/types-ts4.5/plugins/breakout/ui/LayoutButton.d.ts

@@ -1,17 +0,0 @@
-/** @jsx jsx */
-import React from 'react';
-import type { WrappedComponentProps } from 'react-intl-next';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-export interface Props {
-    editorView: EditorView;
-    mountPoint?: HTMLElement;
-    node: PMNode | null;
-    boundariesElement?: HTMLElement;
-    scrollableElement?: HTMLElement;
-    handleClick?: Function;
-}
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
-};
-export default _default;

package/dist/types-ts4.5/plugins/breakout/utils/find-breakout-node.d.ts

@@ -1,9 +0,0 @@
-import type { Selection } from '@atlaskit/editor-prosemirror/state';
-import type { ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
-/**
- * Find the nearest parent node to the selection that supports breakout, or if the nearest
- * matching parent node is the doc, return undefined.
- * For depth, if a node is selected and supports breakout, return the depth of the node.
- * @param selection Current editor selection
- */
-export declare function findSupportedNodeForBreakout(selection: Selection): ContentNodeWithPos | undefined;

package/dist/types-ts4.5/plugins/breakout/utils/get-breakout-mode.d.ts

@@ -1,7 +0,0 @@
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-import type { BreakoutMode } from '@atlaskit/editor-common/types';
-/**
- * Get the current mode of the breakout at the selection
- * @param state Current EditorState
- */
-export declare function getBreakoutMode(state: EditorState): BreakoutMode | undefined;

package/dist/types-ts4.5/plugins/breakout/utils/is-breakout-mark-allowed.d.ts

@@ -1,9 +0,0 @@
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-/**
- * Check if breakout should be allowed for the current selection. If a node is selected,
- * can this node be broken out, if text, can the enclosing parent node be broken out.
- *
- * Currently breakout of a node is not possible if it's nested in anything but the document, however
- * this logic supports this changing.
- */
-export declare function isBreakoutMarkAllowed(state: EditorState): boolean;

package/dist/types-ts4.5/plugins/breakout/utils/is-supported-node.d.ts

@@ -1,6 +0,0 @@
-import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-/**
- * Check if breakout can be applied to a node
- * @param node Node to check
- */
-export declare function isSupportedNodeForBreakout(node: PMNode): boolean;