@atlaskit/editor-core 191.0.8 → 191.0.9

package/dist/es2019/plugins/find-replace/commands.js

@@ -1,240 +0,0 @@
-import { TextSelection } from '@atlaskit/editor-prosemirror/state';
-import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import { createCommand, getPluginState } from './plugin';
-import { FindReplaceActionTypes } from './actions';
-import { findMatches, findSearchIndex, getSelectedText, createDecoration, nextIndex, prevIndex, findDecorationFromMatch, removeDecorationsFromSet, getSelectionForMatch, removeMatchesFromSet } from './utils';
-import { withScrollIntoView } from './utils/commands';
-import batchDecorations from './utils/batch-decorations';
-export const activate = () => createCommand(state => {
-  const {
-    selection
-  } = state;
-  let findText;
-  let matches;
-  let index;
-
-  // if user has selected text and hit cmd-f, set that as the keyword
-  if (selection instanceof TextSelection && !selection.empty) {
-    findText = getSelectedText(selection);
-    const {
-      shouldMatchCase
-    } = getPluginState(state);
-    matches = findMatches(state.doc, findText, shouldMatchCase);
-    index = findSearchIndex(selection.from, matches);
-  }
-  return {
-    type: FindReplaceActionTypes.ACTIVATE,
-    findText,
-    matches,
-    index
-  };
-});
-export const find = (editorView, containerElement, keyword) => withScrollIntoView(createCommand(state => {
-  const {
-    selection
-  } = state;
-  const {
-    shouldMatchCase
-  } = getPluginState(state);
-  const matches = keyword !== undefined ? findMatches(state.doc, keyword, shouldMatchCase) : [];
-  const index = findSearchIndex(selection.from, matches);
-
-  // we can't just apply all the decorations to highlight the search results at once
-  // as if there are a lot ProseMirror cries :'(
-  batchDecorations.applyAllSearchDecorations(editorView, containerElement, decorations => addDecorations(decorations)(editorView.state, editorView.dispatch), decorations => removeDecorations(decorations)(editorView.state, editorView.dispatch));
-  return {
-    type: FindReplaceActionTypes.FIND,
-    findText: keyword || '',
-    matches,
-    index
-  };
-}, (tr, state) => {
-  const {
-    selection
-  } = state;
-  const {
-    shouldMatchCase
-  } = getPluginState(state);
-  const matches = keyword !== undefined ? findMatches(state.doc, keyword, shouldMatchCase) : [];
-  if (matches.length > 0) {
-    const index = findSearchIndex(selection.from, matches);
-    return tr.setSelection(getSelectionForMatch(tr.selection, tr.doc, index, matches));
-  }
-  return tr;
-}));
-export const findNext = () => withScrollIntoView(createCommand(state => findInDirection(state, 'next'), (tr, state) => {
-  const {
-    matches,
-    index
-  } = getPluginState(state);
-  // can't use index from plugin state because if the cursor has moved, it will still be the
-  // OLD index (the find next operation should look for the first match forward starting
-  // from the current cursor position)
-  let searchIndex = findSearchIndex(state.selection.from, matches);
-  if (searchIndex === index) {
-    // cursor has not moved, so we just want to find the next in matches array
-    searchIndex = nextIndex(searchIndex, matches.length);
-  }
-  return tr.setSelection(getSelectionForMatch(tr.selection, tr.doc, searchIndex, matches));
-}));
-export const findPrevious = () => withScrollIntoView(createCommand(state => findInDirection(state, 'previous'), (tr, state) => {
-  const {
-    matches
-  } = getPluginState(state);
-  // can't use index from plugin state because if the cursor has moved, it will still be the
-  // OLD index (the find prev operation should look for the first match backward starting
-  // from the current cursor position)
-  const searchIndex = findSearchIndex(state.selection.from, matches, true);
-  return tr.setSelection(getSelectionForMatch(tr.selection, tr.doc, searchIndex, matches));
-}));
-const findInDirection = (state, dir) => {
-  const pluginState = getPluginState(state);
-  const {
-    matches,
-    findText
-  } = pluginState;
-  let {
-    decorationSet,
-    index
-  } = pluginState;
-  if (findText) {
-    const searchIndex = findSearchIndex(state.selection.from, matches, dir === 'previous');
-    // compare index from plugin state and index of first match forward from cursor position
-    if (index === searchIndex) {
-      // normal case, cycling through matches
-      index = dir === 'next' ? nextIndex(index, matches.length) : prevIndex(index, matches.length);
-    } else {
-      // cursor has moved
-      index = searchIndex;
-    }
-    decorationSet = updateSelectedHighlight(state, index);
-  }
-  return {
-    type: dir === 'next' ? FindReplaceActionTypes.FIND_NEXT : FindReplaceActionTypes.FIND_PREVIOUS,
-    index,
-    decorationSet
-  };
-};
-export const replace = replaceText => withScrollIntoView(createCommand(state => {
-  const pluginState = getPluginState(state);
-  const {
-    findText
-  } = pluginState;
-  let {
-    decorationSet,
-    matches,
-    index
-  } = pluginState;
-  decorationSet = updateSelectedHighlight(state, nextIndex(index, matches.length));
-  if (replaceText.toLowerCase().indexOf(findText.toLowerCase()) === -1) {
-    decorationSet = removeMatchesFromSet(decorationSet, [matches[index]], state.doc);
-    matches.splice(index, 1);
-    if (index > matches.length - 1) {
-      index = 0;
-    }
-  } else {
-    index = nextIndex(index, matches.length);
-  }
-  return {
-    type: FindReplaceActionTypes.REPLACE,
-    replaceText,
-    decorationSet,
-    matches,
-    index
-  };
-}, (tr, state) => {
-  const {
-    matches,
-    index,
-    findText
-  } = getPluginState(state);
-  if (matches[index]) {
-    const {
-      start,
-      end
-    } = matches[index];
-    const newIndex = nextIndex(index, matches.length);
-    tr.insertText(replaceText, start, end).setSelection(getSelectionForMatch(tr.selection, tr.doc, newIndex, matches, newIndex === 0 ? 0 : replaceText.length - findText.length));
-  }
-  return tr;
-}));
-export const replaceAll = replaceText => createCommand({
-  type: FindReplaceActionTypes.REPLACE_ALL,
-  replaceText: replaceText,
-  decorationSet: DecorationSet.empty,
-  matches: [],
-  index: 0
-}, (tr, state) => {
-  const pluginState = getPluginState(state);
-  pluginState.matches.forEach(match => {
-    tr.insertText(replaceText, tr.mapping.map(match.start), tr.mapping.map(match.end));
-  });
-  tr.setMeta('scrollIntoView', false);
-  return tr;
-});
-export const addDecorations = decorations => createCommand(state => {
-  const {
-    decorationSet
-  } = getPluginState(state);
-  return {
-    type: FindReplaceActionTypes.UPDATE_DECORATIONS,
-    decorationSet: decorationSet.add(state.doc, decorations)
-  };
-});
-export const removeDecorations = decorations => createCommand(state => {
-  const {
-    decorationSet
-  } = getPluginState(state);
-  return {
-    type: FindReplaceActionTypes.UPDATE_DECORATIONS,
-    decorationSet: removeDecorationsFromSet(decorationSet, decorations, state.doc)
-  };
-});
-export const cancelSearch = () => createCommand(() => {
-  batchDecorations.stop();
-  return {
-    type: FindReplaceActionTypes.CANCEL
-  };
-});
-export const blur = () => createCommand({
-  type: FindReplaceActionTypes.BLUR
-});
-export const toggleMatchCase = () => createCommand({
-  type: FindReplaceActionTypes.TOGGLE_MATCH_CASE
-});
-const updateSelectedHighlight = (state, nextSelectedIndex) => {
-  let {
-    decorationSet,
-    index,
-    matches
-  } = getPluginState(state);
-  const currentSelectedMatch = matches[index];
-  const nextSelectedMatch = matches[nextSelectedIndex];
-  if (index === nextSelectedIndex) {
-    return decorationSet;
-  }
-  const currentSelectedDecoration = findDecorationFromMatch(decorationSet, currentSelectedMatch);
-  const nextSelectedDecoration = findDecorationFromMatch(decorationSet, nextSelectedMatch);
-
-  // Update decorations so the current selected match becomes a normal match
-  // and the next selected gets the selected styling
-  const decorationsToRemove = [];
-  if (currentSelectedDecoration) {
-    decorationsToRemove.push(currentSelectedDecoration);
-  }
-  if (nextSelectedDecoration) {
-    decorationsToRemove.push(nextSelectedDecoration);
-  }
-  if (decorationsToRemove.length > 0) {
-    // removeDecorationsFromSet depends on decorations being pre-sorted
-    decorationsToRemove.sort((a, b) => a.from < b.from ? -1 : 1);
-    decorationSet = removeDecorationsFromSet(decorationSet, decorationsToRemove, state.doc);
-  }
-  if (currentSelectedMatch) {
-    decorationSet = decorationSet.add(state.doc, [createDecoration(currentSelectedMatch.start, currentSelectedMatch.end)]);
-  }
-  if (nextSelectedMatch) {
-    decorationSet = decorationSet.add(state.doc, [createDecoration(nextSelectedMatch.start, nextSelectedMatch.end, true)]);
-  }
-  return decorationSet;
-};

package/dist/es2019/plugins/find-replace/index.js

@@ -1,89 +0,0 @@
-import React from 'react';
-import { createPlugin } from './plugin';
-import keymapPlugin from './keymap';
-import FindReplaceToolbarButtonWithState from './FindReplaceToolbarButtonWithState';
-import { findReplacePluginKey } from './plugin-key';
-export const findReplacePlugin = ({
-  config: props,
-  api
-}) => {
-  var _api$featureFlags;
-  const featureFlags = (api === null || api === void 0 ? void 0 : (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
-  return {
-    name: 'findReplace',
-    pmPlugins() {
-      return [{
-        name: 'findReplace',
-        plugin: ({
-          dispatch
-        }) => createPlugin(dispatch)
-      }, {
-        name: 'findReplaceKeymap',
-        plugin: () => {
-          var _api$analytics;
-          return keymapPlugin(api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions);
-        }
-      }];
-    },
-    getSharedState(editorState) {
-      if (!editorState) {
-        return undefined;
-      }
-      return findReplacePluginKey.getState(editorState) || undefined;
-    },
-    actions: {
-      getToolbar: ({
-        popupsBoundariesElement,
-        popupsMountPoint,
-        popupsScrollableElement,
-        editorView,
-        containerElement,
-        dispatchAnalyticsEvent,
-        isToolbarReducedSpacing
-      }) => {
-        return /*#__PURE__*/React.createElement(FindReplaceToolbarButtonWithState, {
-          popupsBoundariesElement: popupsBoundariesElement,
-          popupsMountPoint: popupsMountPoint,
-          popupsScrollableElement: popupsScrollableElement,
-          editorView: editorView,
-          containerElement: containerElement,
-          dispatchAnalyticsEvent: dispatchAnalyticsEvent
-          // `allowMatchCase` comes through the preset, but not the feature flags
-          // prop with the `ComposableEditor` - grab the FFs from the editor API
-          // instead until we clean this up.
-          ,
-          featureFlags: featureFlags,
-          isToolbarReducedSpacing: isToolbarReducedSpacing,
-          api: api
-        });
-      }
-    },
-    primaryToolbarComponent({
-      popupsBoundariesElement,
-      popupsMountPoint,
-      popupsScrollableElement,
-      isToolbarReducedSpacing,
-      editorView,
-      containerElement,
-      dispatchAnalyticsEvent
-    }) {
-      if (props !== null && props !== void 0 && props.twoLineEditorToolbar) {
-        return null;
-      } else {
-        return /*#__PURE__*/React.createElement(FindReplaceToolbarButtonWithState, {
-          popupsBoundariesElement: popupsBoundariesElement,
-          popupsMountPoint: popupsMountPoint,
-          popupsScrollableElement: popupsScrollableElement,
-          isToolbarReducedSpacing: isToolbarReducedSpacing,
-          editorView: editorView,
-          containerElement: containerElement,
-          dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-          takeFullWidth: props === null || props === void 0 ? void 0 : props.takeFullWidth,
-          featureFlags: featureFlags,
-          api: api
-        });
-      }
-    }
-  };
-};
-export default findReplacePlugin;

package/dist/es2019/plugins/find-replace/keymap.js

@@ -1,16 +0,0 @@
-import { keymap } from '@atlaskit/editor-prosemirror/keymap';
-import { bindKeymapWithCommand, find as findKeymap } from '@atlaskit/editor-common/keymaps';
-import { activateWithAnalytics } from './commands-with-analytics';
-import { TRIGGER_METHOD } from '@atlaskit/editor-common/analytics';
-const activateFindReplace = editorAnalyticsAPI => (state, dispatch) => {
-  activateWithAnalytics(editorAnalyticsAPI)({
-    triggerMethod: TRIGGER_METHOD.SHORTCUT
-  })(state, dispatch);
-  return true;
-};
-const keymapPlugin = editorAnalyticsAPI => {
-  const list = {};
-  bindKeymapWithCommand(findKeymap.common, activateFindReplace(editorAnalyticsAPI), list);
-  return keymap(list);
-};
-export default keymapPlugin;

package/dist/es2019/plugins/find-replace/plugin-key.js

@@ -1,2 +0,0 @@
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-export const findReplacePluginKey = new PluginKey('findReplace');

package/dist/es2019/plugins/find-replace/plugin.js

@@ -1,117 +0,0 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import { pluginFactory } from '@atlaskit/editor-common/utils';
-import reducer from './reducer';
-import { findMatches, createDecorations, removeDecorationsFromSet, findSearchIndex, removeMatchesFromSet, findDecorationFromMatch, isMatchAffectedByStep } from './utils';
-import { findUniqueItemsIn } from '../../utils/array';
-import { stepHasSlice } from '@atlaskit/editor-common/utils';
-import { findReplacePluginKey } from './plugin-key';
-export const initialState = {
-  isActive: false,
-  shouldFocus: false,
-  findText: '',
-  replaceText: '',
-  index: 0,
-  matches: [],
-  decorationSet: DecorationSet.empty,
-  shouldMatchCase: false
-};
-const handleDocChanged = (tr, pluginState) => {
-  const {
-    isActive,
-    findText
-  } = pluginState;
-  if (!isActive || !findText) {
-    return pluginState;
-  }
-  if (!tr.steps.find(stepHasSlice)) {
-    return pluginState;
-  }
-  let {
-    index,
-    decorationSet,
-    matches,
-    shouldMatchCase
-  } = pluginState;
-  const newMatches = findMatches(tr.doc, findText, shouldMatchCase);
-  decorationSet = decorationSet.map(tr.mapping, tr.doc);
-  const numDecorations = decorationSet.find().length;
-  const mappedMatches = matches.map(match => ({
-    start: tr.mapping.map(match.start),
-    end: tr.mapping.map(match.end)
-  }));
-  let matchesToAdd = [];
-  let matchesToDelete = [];
-  if (newMatches.length > 0 && numDecorations === 0) {
-    matchesToAdd = newMatches;
-  } else if (newMatches.length === 0 && numDecorations > 0) {
-    decorationSet = DecorationSet.empty;
-  } else if (newMatches.length > 0 || numDecorations > 0) {
-    // go through tr steps and find any new matches from user adding content or
-    // any dead matches from user deleting content
-    tr.steps.forEach(step => {
-      if (stepHasSlice(step)) {
-        // add all matches that are between the affected positions and don't already have
-        // corresponding decorations
-        matchesToAdd = [...matchesToAdd, ...newMatches.filter(match => isMatchAffectedByStep(match, step, tr) && !findDecorationFromMatch(decorationSet, match))];
-
-        // delete any matches that are missing from the newMatches array and have a
-        // corresponding decoration
-        matchesToDelete = [...matchesToDelete, ...findUniqueItemsIn(mappedMatches.filter(match => isMatchAffectedByStep(match, step, tr) && !!findDecorationFromMatch(decorationSet, match)), newMatches, (firstMatch, secondMatch) => firstMatch.start === secondMatch.start && firstMatch.end === secondMatch.end)];
-      }
-    });
-  }
-
-  // update decorations if matches changed following document update
-  if (matchesToDelete.length > 0) {
-    const decorationsToDelete = matchesToDelete.reduce((decorations, match) => [...decorations, ...decorationSet.find(match.start, match.end)], []);
-    decorationSet = removeDecorationsFromSet(decorationSet, decorationsToDelete, tr.doc);
-  }
-  if (matchesToAdd.length > 0) {
-    decorationSet = decorationSet.add(tr.doc, createDecorations(tr.selection.from, matchesToAdd));
-  }
-
-  // update selected match if it has changed
-  let newIndex = index;
-  const selectedMatch = mappedMatches[index];
-  if (selectedMatch) {
-    newIndex = newMatches.findIndex(match => match.start === selectedMatch.start);
-  }
-  if (newIndex === undefined || newIndex === -1) {
-    newIndex = findSearchIndex(tr.selection.from, newMatches);
-  }
-  const newSelectedMatch = newMatches[newIndex];
-  decorationSet = removeMatchesFromSet(decorationSet, [selectedMatch, newSelectedMatch], tr.doc);
-  if (newSelectedMatch) {
-    decorationSet = decorationSet.add(tr.doc, createDecorations(0, [newSelectedMatch]));
-  }
-  return {
-    ...pluginState,
-    matches: newMatches,
-    index: newIndex,
-    decorationSet
-  };
-};
-export const {
-  createCommand,
-  getPluginState,
-  createPluginState
-} = pluginFactory(findReplacePluginKey, reducer(() => initialState), {
-  onDocChanged: handleDocChanged
-});
-export const createPlugin = dispatch => new SafePlugin({
-  key: findReplacePluginKey,
-  state: createPluginState(dispatch, () => initialState),
-  props: {
-    decorations(state) {
-      const {
-        isActive,
-        findText,
-        decorationSet
-      } = getPluginState(state);
-      if (isActive && findText) {
-        return decorationSet;
-      }
-    }
-  }
-});

package/dist/es2019/plugins/find-replace/reducer.js

@@ -1,56 +0,0 @@
-import { FindReplaceActionTypes } from './actions';
-const reducer = getInitialState => (state, action) => {
-  switch (action.type) {
-    case FindReplaceActionTypes.ACTIVATE:
-    case FindReplaceActionTypes.FIND:
-      return {
-        ...state,
-        isActive: true,
-        shouldFocus: action.type === FindReplaceActionTypes.ACTIVATE,
-        findText: action.findText !== undefined ? action.findText : state.findText,
-        matches: action.matches || state.matches,
-        index: action.index !== undefined ? action.index : state.index
-      };
-    case FindReplaceActionTypes.UPDATE_DECORATIONS:
-      return {
-        ...state,
-        decorationSet: action.decorationSet
-      };
-    case FindReplaceActionTypes.FIND_NEXT:
-      return {
-        ...state,
-        index: action.index,
-        decorationSet: action.decorationSet
-      };
-    case FindReplaceActionTypes.FIND_PREVIOUS:
-      return {
-        ...state,
-        index: action.index,
-        decorationSet: action.decorationSet
-      };
-    case FindReplaceActionTypes.REPLACE:
-    case FindReplaceActionTypes.REPLACE_ALL:
-      return {
-        ...state,
-        replaceText: action.replaceText,
-        decorationSet: action.decorationSet,
-        matches: action.matches,
-        index: action.index
-      };
-    case FindReplaceActionTypes.CANCEL:
-      return getInitialState();
-    case FindReplaceActionTypes.BLUR:
-      return {
-        ...state,
-        shouldFocus: false
-      };
-    case FindReplaceActionTypes.TOGGLE_MATCH_CASE:
-      return {
-        ...state,
-        shouldMatchCase: !state.shouldMatchCase
-      };
-    default:
-      return state;
-  }
-};
-export default reducer;

package/dist/es2019/plugins/find-replace/styles.js

@@ -1,17 +0,0 @@
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-
-// TODO: https://product-fabric.atlassian.net/browse/DSP-4290
-import { css } from '@emotion/react';
-import { B75, B200 } from '@atlaskit/theme/colors';
-export const searchMatchClass = 'search-match';
-export const selectedSearchMatchClass = 'selected-search-match';
-export const findReplaceStyles = css`
-  .${searchMatchClass} {
-    background-color: ${B75};
-  }
-
-  .${selectedSearchMatchClass} {
-    background-color: ${B200};
-    color: white;
-  }
-`;

package/dist/es2019/plugins/find-replace/types.js

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