@atlaskit/editor-core 189.3.13 → 189.3.15

package/dist/es2019/plugins/expand/pm-plugins/main.js

@@ -1,73 +0,0 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
-import { createSelectionClickHandler } from '@atlaskit/editor-common/selection';
-import ExpandNodeView from '../nodeviews';
-import { setExpandRef } from '../commands';
-import { findExpand } from '../utils';
-import { expandClassNames } from '../ui/class-names';
-import { getPluginState, createPluginState, pluginKey } from './plugin-factory';
-export function containsClass(element, className) {
-  var _element$classList;
-  return Boolean(element === null || element === void 0 ? void 0 : (_element$classList = element.classList) === null || _element$classList === void 0 ? void 0 : _element$classList.contains(className));
-}
-export const createPlugin = (dispatch, getIntl, appearance = 'full-page', useLongPressSelection = false, featureFlags, api) => {
-  const state = createPluginState(dispatch, {});
-  const isMobile = appearance === 'mobile';
-  return new SafePlugin({
-    state: state,
-    key: pluginKey,
-    props: {
-      nodeViews: {
-        expand: ExpandNodeView({
-          getIntl,
-          isMobile,
-          featureFlags,
-          api
-        }),
-        nestedExpand: ExpandNodeView({
-          getIntl,
-          isMobile,
-          featureFlags,
-          api
-        })
-      },
-      handleKeyDown(_view, event) {
-        return containsClass(event.target, expandClassNames.titleContainer);
-      },
-      handleKeyPress(_view, event) {
-        return containsClass(event.target, expandClassNames.titleContainer);
-      },
-      handleScrollToSelection() {
-        return containsClass(document.activeElement, expandClassNames.titleInput);
-      },
-      handleClickOn: createSelectionClickHandler(['expand', 'nestedExpand'], target => target.classList.contains(expandClassNames.prefix), {
-        useLongPressSelection
-      })
-    },
-    // @see ED-8027 to follow up on this work-around
-    filterTransaction(tr) {
-      if (containsClass(document.activeElement, expandClassNames.titleInput) && tr.selectionSet && (!tr.steps.length || tr.isGeneric)) {
-        return false;
-      }
-      return true;
-    },
-    view: editorView => {
-      const domAtPos = editorView.domAtPos.bind(editorView);
-      return {
-        update: view => {
-          const {
-            state,
-            dispatch
-          } = view;
-          const node = findExpand(state);
-          if (node) {
-            const expandRef = findDomRefAtPos(node.pos, domAtPos);
-            if (getPluginState(state).expandRef !== expandRef) {
-              setExpandRef(expandRef)(state, dispatch);
-            }
-          }
-        }
-      };
-    }
-  });
-};

package/dist/es2019/plugins/expand/pm-plugins/plugin-factory.js

@@ -1,9 +0,0 @@
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { pluginFactory } from '../../../utils/plugin-state-factory';
-import reducer from '../reducer';
-export const pluginKey = new PluginKey('expandPlugin');
-export const {
-  createPluginState,
-  createCommand,
-  getPluginState
-} = pluginFactory(pluginKey, reducer);

package/dist/es2019/plugins/expand/reducer.js

@@ -1,11 +0,0 @@
-export default ((pluginState, action) => {
-  switch (action.type) {
-    case 'SET_EXPAND_REF':
-      return {
-        ...pluginState,
-        expandRef: action.data.ref
-      };
-    default:
-      return pluginState;
-  }
-});

package/dist/es2019/plugins/expand/toolbar.js

@@ -1,52 +0,0 @@
-import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
-import commonMessages from '../../messages';
-import { deleteExpand } from './commands';
-import { getPluginState } from './pm-plugins/plugin-factory';
-export const getToolbarConfig = api => (state, {
-  formatMessage
-}) => {
-  var _api$decorations$acti, _api$decorations, _api$analytics;
-  const {
-    hoverDecoration
-  } = (_api$decorations$acti = api === null || api === void 0 ? void 0 : (_api$decorations = api.decorations) === null || _api$decorations === void 0 ? void 0 : _api$decorations.actions) !== null && _api$decorations$acti !== void 0 ? _api$decorations$acti : {};
-  const editorAnalyticsAPI = api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions;
-  const {
-    expandRef
-  } = getPluginState(state);
-  if (expandRef) {
-    const {
-      nestedExpand,
-      expand
-    } = state.schema.nodes;
-    return {
-      title: 'Expand toolbar',
-      getDomRef: () => expandRef,
-      nodeType: [nestedExpand, expand],
-      offset: [0, 6],
-      items: [{
-        type: 'copy-button',
-        items: [{
-          state,
-          formatMessage,
-          nodeType: [nestedExpand, expand]
-        }, {
-          type: 'separator'
-        }]
-      }, {
-        id: 'editor.expand.delete',
-        type: 'button',
-        appearance: 'danger',
-        focusEditoronEnter: true,
-        icon: RemoveIcon,
-        onClick: deleteExpand(editorAnalyticsAPI),
-        onMouseEnter: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration([nestedExpand, expand], true),
-        onMouseLeave: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration([nestedExpand, expand], false),
-        onFocus: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration([nestedExpand, expand], true),
-        onBlur: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration([nestedExpand, expand], false),
-        title: formatMessage(commonMessages.remove),
-        tabIndex: null
-      }]
-    };
-  }
-  return;
-};

package/dist/es2019/plugins/expand/types.js

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

package/dist/es2019/plugins/expand/ui/ExpandIconButton.js

@@ -1,85 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
-import React, { useCallback } from 'react';
-import { jsx } from '@emotion/react';
-import Button from '@atlaskit/button/custom-theme-button';
-import { expandMessages, expandLayoutWrapperStyle, ExpandLayoutWrapperWithRef } from '@atlaskit/editor-common/ui';
-import { akEditorSwoopCubicBezier } from '@atlaskit/editor-shared-styles';
-import ChevronRightIcon from '@atlaskit/icon/glyph/chevron-right';
-import Tooltip from '@atlaskit/tooltip';
-import { expandClassNames } from './class-names';
-export const withTooltip = WrapperComponent => {
-  return class WithSortableColumn extends React.Component {
-    constructor(props) {
-      super(props);
-    }
-    render() {
-      const {
-        label
-      } = this.props;
-      return jsx(Tooltip, {
-        content: label,
-        position: "top",
-        tag: ExpandLayoutWrapperWithRef
-      }, jsx(WrapperComponent, this.props));
-    }
-  };
-};
-export const CustomButton = props => {
-  const {
-    label,
-    allowInteractiveExpand
-  } = props;
-  const useTheme = useCallback((currentTheme, themeProps) => {
-    const {
-      buttonStyles,
-      ...rest
-    } = currentTheme(themeProps);
-    return {
-      buttonStyles: {
-        ...buttonStyles,
-        height: '100%',
-        '& svg': {
-          transform: props.expanded ? 'transform: rotate(90deg);' : 'transform: rotate(0deg);',
-          transition: `transform 0.2s ${akEditorSwoopCubicBezier};`
-        }
-      },
-      ...rest
-    };
-  }, [props]);
-  return jsx(Button, {
-    appearance: "subtle",
-    className: expandClassNames.iconContainer,
-    iconBefore: jsx(ChevronRightIcon, {
-      label: label
-    }),
-    shouldFitContainer: true,
-    theme: useTheme,
-    isDisabled: !allowInteractiveExpand
-  });
-};
-const ButtonWithTooltip = withTooltip(CustomButton);
-const ButtonWithoutTooltip = CustomButton;
-export const ExpandIconButton = props => {
-  const {
-    expanded,
-    intl
-  } = props;
-  const message = expanded ? expandMessages.collapseNode : expandMessages.expandNode;
-  const label = intl && intl.formatMessage(message) || message.defaultMessage;
-  // check to ensure device supports any-hover
-  const supportsAnyHover = !!window.matchMedia ? window.matchMedia('(any-hover: hover)').matches !== window.matchMedia('(any-hover: none)').matches : false;
-  const hoverEventCheck = supportsAnyHover ? window.matchMedia('(any-hover: hover)').matches : true;
-
-  // hoverEventCheck is to disable tooltips for mobile to prevent incorrect hover state causing issues on iOS
-  if (props.allowInteractiveExpand && hoverEventCheck) {
-    return jsx(ButtonWithTooltip, _extends({
-      label: label
-    }, props));
-  }
-  return jsx("div", {
-    css: expandLayoutWrapperStyle
-  }, jsx(ButtonWithoutTooltip, _extends({
-    label: label
-  }, props)));
-};

package/dist/es2019/plugins/expand/ui/class-names.js

@@ -1,12 +0,0 @@
-const prefix = 'ak-editor-expand';
-export const expandClassNames = {
-  prefix,
-  expanded: `${prefix}__expanded`,
-  titleContainer: `${prefix}__title-container`,
-  inputContainer: `${prefix}__input-container`,
-  iconContainer: `${prefix}__icon-container`,
-  icon: `${prefix}__icon`,
-  titleInput: `${prefix}__title-input`,
-  content: `${prefix}__content`,
-  type: type => `${prefix}__type-${type}`
-};

package/dist/es2019/plugins/expand/utils.js

@@ -1 +0,0 @@
-export { findExpand, transformSliceToRemoveOpenExpand, transformSliceNestedExpandToExpand } from '@atlaskit/editor-common/transforms';

package/dist/es2019/plugins/max-content-size/index.js

@@ -1,35 +0,0 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-export const pluginKey = new PluginKey('maxContentSizePlugin');
-export function createPlugin(dispatch, maxContentSize) {
-  if (!maxContentSize) {
-    return;
-  }
-  let maxContentSizeReached = false;
-  return new SafePlugin({
-    filterTransaction(tr) {
-      const result = tr.doc && tr.doc.nodeSize > maxContentSize;
-      if (result || result !== maxContentSizeReached) {
-        dispatch(pluginKey, {
-          maxContentSizeReached: result
-        });
-      }
-      maxContentSizeReached = result;
-      return !result;
-    }
-  });
-}
-const maxContentSizePlugin = ({
-  config: maxContentSize
-}) => ({
-  name: 'maxContentSize',
-  pmPlugins() {
-    return [{
-      name: 'maxContentSize',
-      plugin: ({
-        dispatch
-      }) => createPlugin(dispatch, maxContentSize)
-    }];
-  }
-});
-export default maxContentSizePlugin;

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

@@ -1,4 +0,0 @@
-export var BreakoutCssClassName = {
-  BREAKOUT_MARK: 'fabric-editor-breakout-mark',
-  BREAKOUT_MARK_DOM: 'fabric-editor-breakout-mark-dom'
-};

package/dist/esm/plugins/expand/commands.js

@@ -1,177 +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 { Selection } from '@atlaskit/editor-prosemirror/state';
-import { findTable } from '@atlaskit/editor-tables/utils';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, INPUT_METHOD, EVENT_TYPE, PLATFORMS, MODE } from '@atlaskit/editor-common/analytics';
-import { GapCursorSelection, Side } from '@atlaskit/editor-common/selection';
-import { findExpand } from './utils';
-import { createCommand } from './pm-plugins/plugin-factory';
-import { createWrapSelectionTransaction } from '@atlaskit/editor-common/utils';
-import { safeInsert } from '@atlaskit/editor-prosemirror/utils';
-export var setExpandRef = function setExpandRef(ref) {
-  return createCommand({
-    type: 'SET_EXPAND_REF',
-    data: {
-      ref: ref
-    }
-  }, function (tr) {
-    return tr.setMeta('addToHistory', false);
-  });
-};
-export var deleteExpandAtPos = function deleteExpandAtPos(editorAnalyticsAPI) {
-  return function (expandNodePos, expandNode) {
-    return function (state, dispatch) {
-      if (!expandNode || isNaN(expandNodePos)) {
-        return false;
-      }
-      var payload = {
-        action: ACTION.DELETED,
-        actionSubject: expandNode.type === state.schema.nodes.expand ? ACTION_SUBJECT.EXPAND : ACTION_SUBJECT.NESTED_EXPAND,
-        attributes: {
-          inputMethod: INPUT_METHOD.TOOLBAR
-        },
-        eventType: EVENT_TYPE.TRACK
-      };
-      if (expandNode && dispatch) {
-        var tr = state.tr;
-        tr.delete(expandNodePos, expandNodePos + expandNode.nodeSize);
-        editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(payload)(tr);
-        dispatch(tr);
-      }
-      return true;
-    };
-  };
-};
-export var deleteExpand = function deleteExpand(editorAnalyticsAPI) {
-  return function (state, dispatch) {
-    var expandNode = findExpand(state);
-    if (!expandNode) {
-      return false;
-    }
-    return deleteExpandAtPos(editorAnalyticsAPI)(expandNode.pos, expandNode.node)(state, dispatch);
-  };
-};
-export var updateExpandTitle = function updateExpandTitle(title, pos, nodeType) {
-  return function (state, dispatch) {
-    var node = state.doc.nodeAt(pos);
-    if (node && node.type === nodeType && dispatch) {
-      var tr = state.tr;
-      tr.setNodeMarkup(pos, node.type, _objectSpread(_objectSpread({}, node.attrs), {}, {
-        title: title
-      }), node.marks);
-      dispatch(tr);
-    }
-    return true;
-  };
-};
-export var toggleExpandExpanded = function toggleExpandExpanded(editorAnalyticsAPI) {
-  return function (pos, nodeType) {
-    return function (state, dispatch) {
-      var node = state.doc.nodeAt(pos);
-      if (node && node.type === nodeType && dispatch) {
-        var tr = state.tr;
-        var isExpandedNext = !node.attrs.__expanded;
-        tr.setNodeMarkup(pos, node.type, _objectSpread(_objectSpread({}, node.attrs), {}, {
-          __expanded: isExpandedNext
-        }), node.marks);
-
-        // If we're going to collapse the expand and our cursor is currently inside
-        // Move to a right gap cursor, if the toolbar is interacted (or an API),
-        // it will insert below rather than inside (which will be invisible).
-        if (isExpandedNext === false && findExpand(state)) {
-          tr.setSelection(new GapCursorSelection(tr.doc.resolve(pos + node.nodeSize), Side.RIGHT));
-        }
-
-        // log when people open/close expands
-        // TODO: ED-8523 make platform/mode global attributes?
-        var payload = {
-          action: ACTION.TOGGLE_EXPAND,
-          actionSubject: nodeType === state.schema.nodes.expand ? ACTION_SUBJECT.EXPAND : ACTION_SUBJECT.NESTED_EXPAND,
-          attributes: {
-            platform: PLATFORMS.WEB,
-            mode: MODE.EDITOR,
-            expanded: isExpandedNext
-          },
-          eventType: EVENT_TYPE.TRACK
-        };
-
-        // `isRemote` meta prevents this step from being
-        // sync'd between sessions in collab edit
-        tr.setMeta('isRemote', true);
-        editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(payload)(tr);
-        dispatch(tr);
-      }
-      return true;
-    };
-  };
-};
-
-// Creates either an expand or a nestedExpand node based on the current selection
-export var createExpandNode = function createExpandNode(state) {
-  var _state$schema$nodes = state.schema.nodes,
-    expand = _state$schema$nodes.expand,
-    nestedExpand = _state$schema$nodes.nestedExpand;
-  var expandType = findTable(state.selection) ? nestedExpand : expand;
-  return expandType.createAndFill({});
-};
-export var insertExpand = function insertExpand(editorAnalyticsAPI) {
-  return function (state, dispatch) {
-    var expandNode = createExpandNode(state);
-    if (!expandNode) {
-      return false;
-    }
-    var tr = state.selection.empty ? safeInsert(expandNode)(state.tr).scrollIntoView() : createWrapSelectionTransaction({
-      state: state,
-      type: expandNode.type
-    });
-    var payload = {
-      action: ACTION.INSERTED,
-      actionSubject: ACTION_SUBJECT.DOCUMENT,
-      actionSubjectId: (expandNode === null || expandNode === void 0 ? void 0 : expandNode.type) === state.schema.nodes.expand ? ACTION_SUBJECT_ID.EXPAND : ACTION_SUBJECT_ID.NESTED_EXPAND,
-      attributes: {
-        inputMethod: INPUT_METHOD.INSERT_MENU
-      },
-      eventType: EVENT_TYPE.TRACK
-    };
-    if (dispatch && expandNode) {
-      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(payload)(tr);
-      dispatch(tr);
-    }
-    return true;
-  };
-};
-export var focusTitle = function focusTitle(pos) {
-  return function (state, dispatch, editorView) {
-    if (editorView) {
-      var dom = editorView.domAtPos(pos);
-      var expandWrapper = dom.node.parentElement;
-      if (expandWrapper) {
-        setSelectionInsideExpand(pos)(state, dispatch, editorView);
-        var input = expandWrapper.querySelector('input');
-        if (input) {
-          input.focus();
-          return true;
-        }
-      }
-    }
-    return false;
-  };
-};
-
-// Used to clear any node or cell selection when expand title is focused
-export var setSelectionInsideExpand = function setSelectionInsideExpand(expandPos) {
-  return function (state, dispatch, editorView) {
-    if (editorView) {
-      if (!editorView.hasFocus()) {
-        editorView.focus();
-      }
-      var sel = Selection.findFrom(editorView.state.doc.resolve(expandPos), 1, true);
-      if (sel && dispatch) {
-        dispatch(editorView.state.tr.setSelection(sel));
-      }
-      return true;
-    }
-    return false;
-  };
-};

package/dist/esm/plugins/expand/index.js

@@ -1,97 +0,0 @@
-import _typeof from "@babel/runtime/helpers/typeof";
-import React from 'react';
-import { expand, nestedExpand } from '@atlaskit/adf-schema';
-import { createPlugin } from './pm-plugins/main';
-import { expandKeymap } from './pm-plugins/keymap';
-import { IconExpand } from '@atlaskit/editor-common/quick-insert';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { getToolbarConfig } from './toolbar';
-import { createExpandNode, insertExpand } from './commands';
-import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
-import { createWrapSelectionTransaction } from '@atlaskit/editor-common/utils';
-var expandPlugin = function expandPlugin(_ref) {
-  var _api$featureFlags, _api$analytics;
-  var _ref$config = _ref.config,
-    options = _ref$config === void 0 ? {} : _ref$config,
-    api = _ref.api;
-  var featureFlags = (api === null || api === void 0 || (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
-  return {
-    name: 'expand',
-    nodes: function nodes() {
-      return [{
-        name: 'expand',
-        node: expand
-      }, {
-        name: 'nestedExpand',
-        node: nestedExpand
-      }];
-    },
-    actions: {
-      insertExpand: insertExpand(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)
-    },
-    pmPlugins: function pmPlugins() {
-      return [{
-        name: 'expand',
-        plugin: function plugin(_ref2) {
-          var dispatch = _ref2.dispatch,
-            getIntl = _ref2.getIntl;
-          return createPlugin(dispatch, getIntl, options.appearance, options.useLongPressSelection, featureFlags, api);
-        }
-      }, {
-        name: 'expandKeymap',
-        plugin: function plugin() {
-          return expandKeymap(api);
-        }
-      }];
-    },
-    pluginsOptions: {
-      floatingToolbar: getToolbarConfig(api),
-      quickInsert: function quickInsert(_ref3) {
-        var formatMessage = _ref3.formatMessage;
-        if (options && options.allowInsertion !== true) {
-          return [];
-        }
-        return [{
-          id: 'expand',
-          title: formatMessage(messages.expand),
-          description: formatMessage(messages.expandDescription),
-          keywords: ['accordion', 'collapse'],
-          priority: 600,
-          icon: function icon() {
-            return /*#__PURE__*/React.createElement(IconExpand, null);
-          },
-          action: function action(insert, state) {
-            var _api$analytics2;
-            var node = createExpandNode(state);
-            if (!node) {
-              return false;
-            }
-            var tr = state.selection.empty ? insert(node) : createWrapSelectionTransaction({
-              state: state,
-              type: node.type
-            });
-            api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || _api$analytics2.actions.attachAnalyticsEvent({
-              action: ACTION.INSERTED,
-              actionSubject: ACTION_SUBJECT.DOCUMENT,
-              actionSubjectId: node.type === state.schema.nodes.nestedExpand ? ACTION_SUBJECT_ID.NESTED_EXPAND : ACTION_SUBJECT_ID.EXPAND,
-              attributes: {
-                inputMethod: INPUT_METHOD.QUICK_INSERT
-              },
-              eventType: EVENT_TYPE.TRACK
-            })(tr);
-            return tr;
-          }
-        }];
-      }
-    }
-  };
-};
-export default expandPlugin;
-export function isExpandInsertionEnabled(_ref4) {
-  var allowExpand = _ref4.allowExpand;
-  if (allowExpand && _typeof(allowExpand) === 'object') {
-    return !!allowExpand.allowInsertion;
-  }
-  return false;
-}
-export { pluginKey } from './pm-plugins/plugin-factory';