@atlaskit/editor-core 150.0.0 → 151.0.0

package/dist/esm/plugins/floating-toolbar/ui/EmojiPickerButton.test.js

@@ -1,85 +0,0 @@
-import React from 'react';
-import { mountWithIntl } from '@atlaskit/editor-test-helpers/enzyme';
-import { createProsemirrorEditorFactory, Preset } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
-import { doc, p, panel } from '@atlaskit/editor-test-helpers/doc-builder';
-import { EmojiPickerButton } from './EmojiPickerButton';
-import panelPlugin from '../../panel';
-import { ProviderFactory } from '@atlaskit/editor-common';
-import { getTestEmojiResource } from '@atlaskit/util-data-test/get-test-emoji-resource';
-import { act } from 'react-dom/test-utils';
-describe('emoji-picker-button', function () {
-  var createEditor = createProsemirrorEditorFactory();
-  var wrapper;
-  var onChangeMock;
-  var providerFactory = new ProviderFactory();
-  var panelPreset = new Preset().add([panelPlugin, {
-    UNSAFE_allowCustomPanel: true
-  }]);
-  beforeEach(function () {
-    var _createEditor = createEditor({
-      doc: doc(panel({
-        panelType: 'info'
-      })(p('{<>}'))),
-      preset: panelPreset,
-      providerFactory: providerFactory
-    }),
-        editorView = _createEditor.editorView;
-
-    providerFactory.setProvider('emojiProvider', Promise.resolve(getTestEmojiResource()));
-    onChangeMock = jest.fn();
-    wrapper = mountWithIntl( /*#__PURE__*/React.createElement(EmojiPickerButton, {
-      view: editorView,
-      providerFactory: providerFactory,
-      onChange: onChangeMock
-    }));
-  });
-  afterEach(function () {
-    providerFactory.removeProvider('emojiProvider');
-    wrapper && wrapper.unmount();
-  });
-  it('should render a button', function () {
-    expect(wrapper.find('button')).toHaveLength(1); // ensure no popup is rendered
-
-    expect(wrapper.find('Popup')).toHaveLength(0);
-  });
-  it('should show a EmojiPicker popup after clicking button', function () {
-    // popup still not shown before the click
-    wrapper.find('button').simulate('click'); // show the popup
-
-    expect(wrapper.find('Popup')).toHaveLength(1);
-  });
-  it('should close EmojiPicker popup after clicking outside', function () {
-    // clicking on the button to open the popup
-    wrapper.find('button').simulate('click'); // make sure the popup and picker are shown
-
-    expect(wrapper.find('Popup')).toHaveLength(1);
-    var emojiPicker = wrapper.find('EmojiPickerInternal').instance(); // calling click outside
-
-    act(function () {
-      emojiPicker.props.handleClickOutside();
-    });
-    wrapper.update(); // make sure popup is hidden
-
-    expect(wrapper.find('Popup')).toHaveLength(0);
-  });
-  it('should hide popup and call onChange after selecting an emoji', function () {
-    // click the button
-    wrapper.find('button').simulate('click'); // make sure the popup and picker are shown
-
-    expect(wrapper.find('Popup')).toHaveLength(1);
-    var emojiPicker = wrapper.find('EmojiPickerInternal').instance(); // calling mock callback
-
-    act(function () {
-      emojiPicker.props.onSelection({
-        shortName: ':smiley:'
-      });
-    }); // make sure the on change callback is called
-
-    expect(onChangeMock).toBeCalledWith({
-      shortName: ':smiley:'
-    });
-    wrapper.update(); // make sure popup is hidden
-
-    expect(wrapper.find('Popup')).toHaveLength(0);
-  });
-});

package/dist/esm/plugins/media/commands/captions.test.js

@@ -1,135 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-import { createEditorFactory } from '@atlaskit/editor-test-helpers/create-editor';
-import { caption, doc, media, mediaSingle, p } from '@atlaskit/editor-test-helpers/doc-builder';
-import * as analyticsUtils from '../../analytics/utils';
-import { insertAndSelectCaptionFromMediaSinglePos, selectCaptionFromMediaSinglePos } from './captions';
-describe('Caption plugin', function () {
-  var createEditor = createEditorFactory();
-
-  var editor = function editor(doc) {
-    var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    return createEditor(_objectSpread({
-      doc: doc
-    }, opts));
-  };
-
-  it('should insert the caption node and select it', function () {
-    var _editor = editor(doc('{<node>}', mediaSingle()(media({
-      id: 'a559980d-cd47-43e2-8377-27359fcb905f',
-      type: 'file',
-      collection: 'MediaServicesSample'
-    })()), p('Line two')), {
-      editorProps: {
-        media: {
-          allowMediaSingle: true,
-          featureFlags: {
-            captions: true
-          }
-        }
-      }
-    }),
-        editorView = _editor.editorView;
-
-    insertAndSelectCaptionFromMediaSinglePos(0, editorView.state.doc.child(0))(editorView.state, editorView.dispatch);
-    expect(editorView.state).toEqualDocumentAndSelection(doc(mediaSingle()(media({
-      id: 'a559980d-cd47-43e2-8377-27359fcb905f',
-      type: 'file',
-      collection: 'MediaServicesSample'
-    })(), caption('{<>}')), p('Line two')));
-  });
-  it('should not insert the caption node when it exists already', function () {
-    var _editor2 = editor(doc('{<node>}', mediaSingle()(media({
-      id: 'a559980d-cd47-43e2-8377-27359fcb905f',
-      type: 'file',
-      collection: 'MediaServicesSample'
-    })(), caption('test')), p('Line two')), {
-      editorProps: {
-        media: {
-          allowMediaSingle: true,
-          featureFlags: {
-            captions: true
-          }
-        }
-      }
-    }),
-        editorView = _editor2.editorView;
-
-    expect(insertAndSelectCaptionFromMediaSinglePos(0, editorView.state.doc.child(0))(editorView.state, editorView.dispatch)).toBeFalsy();
-  });
-  it('create an added analytic for captions', function () {
-    var addAnalyticsSpy = jest.spyOn(analyticsUtils, 'addAnalytics');
-
-    var _editor3 = editor(doc('{<node>}', mediaSingle()(media({
-      id: 'a559980d-cd47-43e2-8377-27359fcb905f',
-      type: 'file',
-      collection: 'MediaServicesSample'
-    })()), p('Line two')), {
-      editorProps: {
-        media: {
-          allowMediaSingle: true,
-          featureFlags: {
-            captions: true
-          }
-        }
-      }
-    }),
-        editorView = _editor3.editorView;
-
-    insertAndSelectCaptionFromMediaSinglePos(0, editorView.state.doc.child(0))(editorView.state, editorView.dispatch);
-    expect(addAnalyticsSpy).toBeCalled();
-    expect(addAnalyticsSpy.mock.calls[0][2]).toEqual({
-      action: 'added',
-      actionSubject: 'mediaSingle',
-      actionSubjectId: 'caption',
-      eventType: 'track'
-    });
-  });
-  it('should move selection to an existing caption node', function () {
-    var _editor4 = editor(doc('{<node>}', mediaSingle()(media({
-      id: 'a559980d-cd47-43e2-8377-27359fcb905f',
-      type: 'file',
-      collection: 'MediaServicesSample'
-    })(), caption('hello world')), p('Line two')), {
-      editorProps: {
-        media: {
-          allowMediaSingle: true,
-          featureFlags: {
-            captions: true
-          }
-        }
-      }
-    }),
-        editorView = _editor4.editorView;
-
-    selectCaptionFromMediaSinglePos(0, editorView.state.doc.child(0))(editorView.state, editorView.dispatch);
-    expect(editorView.state).toEqualDocumentAndSelection(doc(mediaSingle()(media({
-      id: 'a559980d-cd47-43e2-8377-27359fcb905f',
-      type: 'file',
-      collection: 'MediaServicesSample'
-    })(), caption('hello world{<>}')), p('Line two')));
-  });
-  it('should not move selection to a non existing caption node', function () {
-    var _editor5 = editor(doc('{<node>}', mediaSingle()(media({
-      id: 'a559980d-cd47-43e2-8377-27359fcb905f',
-      type: 'file',
-      collection: 'MediaServicesSample'
-    })()), p('Line two')), {
-      editorProps: {
-        media: {
-          allowMediaSingle: true,
-          featureFlags: {
-            captions: true
-          }
-        }
-      }
-    }),
-        editorView = _editor5.editorView;
-
-    expect(selectCaptionFromMediaSinglePos(0, editorView.state.doc.child(0))(editorView.state, editorView.dispatch)).toBeFalsy();
-  });
-});

package/dist/esm/plugins/media/commands/linking.test.js

@@ -1,268 +0,0 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import { a, doc, media, mediaSingle } from '@atlaskit/editor-test-helpers/doc-builder';
-import { flushPromises, getDefaultMediaClientConfig } from '@atlaskit/media-test-helpers';
-import { createProsemirrorEditorFactory, Preset } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
-import sendKeyToPm from '@atlaskit/editor-test-helpers/send-key-to-pm';
-import { ProviderFactory } from '@atlaskit/editor-common';
-import hyperlinkPlugin from '../../hyperlink';
-import mediaPlugin from '../';
-import { MediaLinkingActionsTypes } from '../pm-plugins/linking/actions';
-import { checkMediaType } from '../utils/check-media-type';
-import { mediaLinkingPluginKey } from '../pm-plugins/linking';
-import * as linking from './linking';
-import { INPUT_METHOD } from '../../analytics/types';
-import * as analyticUtils from '../../analytics/utils';
-import * as commands from '../../../commands';
-var setUrlToMedia = linking.setUrlToMedia,
-    showLinkingToolbarWithMediaTypeCheck = linking.showLinkingToolbarWithMediaTypeCheck,
-    unlink = linking.unlink;
-jest.mock('../utils/check-media-type', function () {
-  return {
-    checkMediaType: jest.fn()
-  };
-});
-describe('image linking', function () {
-  var createEditor = createProsemirrorEditorFactory();
-  var preset = new Preset();
-  var mediaProvider = Promise.resolve({
-    viewMediaClientConfig: getDefaultMediaClientConfig()
-  });
-  var providerFactory = ProviderFactory.create({
-    mediaProvider: mediaProvider
-  });
-  preset.add([mediaPlugin, {
-    allowMediaSingle: true,
-    allowLinking: true
-  }]).add(hyperlinkPlugin);
-
-  var editor = function editor(doc) {
-    return createEditor({
-      doc: doc,
-      preset: preset,
-      providerFactory: providerFactory
-    });
-  };
-
-  var document = doc('{<node>}', mediaSingle()(media({
-    id: 'a559980d-cd47-43e2-8377-27359fcb905f',
-    type: 'file',
-    collection: 'MediaServicesSample'
-  })()), mediaSingle()(media({
-    id: 'a559980d-cd47-43e2-8377-27359fcb905f',
-    type: 'file',
-    collection: 'MediaServicesSample'
-  })()));
-  var mockDispatch = jest.fn();
-  afterEach(function () {
-    mockDispatch.mockClear();
-  });
-  describe('analytics', function () {
-    var FIRST_CALL = 0;
-    var ANALYTIC_PAYLOAD = 2;
-    var analyticUtilsSpy = jest.spyOn(analyticUtils, 'addAnalytics');
-    beforeEach(function () {
-      analyticUtilsSpy.mockReset();
-    });
-    afterAll(function () {
-      jest.resetAllMocks();
-    });
-    it('should call analytic when creating a link', function () {
-      var _editor = editor(document),
-          editorView = _editor.editorView;
-
-      setUrlToMedia('http://google.com', INPUT_METHOD.MANUAL)(editorView.state, mockDispatch, editorView);
-      expect(analyticUtilsSpy).toBeCalled();
-      expect(analyticUtilsSpy.mock.calls[FIRST_CALL][ANALYTIC_PAYLOAD]).toEqual({
-        action: 'added',
-        actionSubject: 'media',
-        actionSubjectId: 'link',
-        attributes: expect.objectContaining({
-          inputMethod: 'manual'
-        }),
-        eventType: 'track'
-      });
-    });
-    describe('existing links', function () {
-      var googleUrl = 'http://google.com';
-      var documentWithMediaWithLink = doc('{<node>}', mediaSingle()(a({
-        href: googleUrl
-      })(media({
-        id: 'a559980d-cd47-43e2-8377-27359fcb905f',
-        type: 'file',
-        collection: 'MediaServicesSample'
-      })())));
-      it('should add edit analytic when modifying link', function () {
-        var _editor2 = editor(documentWithMediaWithLink),
-            editorView = _editor2.editorView;
-
-        setUrlToMedia('http://random-url.com', INPUT_METHOD.MANUAL)(editorView.state, editorView.dispatch, editorView);
-        expect(analyticUtilsSpy).toHaveBeenCalledTimes(1);
-        expect(analyticUtilsSpy.mock.calls[FIRST_CALL][ANALYTIC_PAYLOAD]).toEqual({
-          action: 'edited',
-          actionSubject: 'media',
-          actionSubjectId: 'link',
-          eventType: 'track'
-        });
-      });
-      it('should delete analytic when removing a link', function () {
-        var _editor3 = editor(documentWithMediaWithLink),
-            editorView = _editor3.editorView;
-
-        unlink(editorView.state, editorView.dispatch, editorView);
-        expect(analyticUtilsSpy).toBeCalledTimes(1);
-        expect(analyticUtilsSpy.mock.calls[FIRST_CALL][ANALYTIC_PAYLOAD]).toEqual({
-          action: 'deleted',
-          actionSubject: 'media',
-          actionSubjectId: 'link',
-          eventType: 'track'
-        });
-      });
-      it("shouldn't call an analytic if the url was modified to the same url", function () {
-        var _editor4 = editor(documentWithMediaWithLink),
-            editorView = _editor4.editorView;
-
-        setUrlToMedia(googleUrl, INPUT_METHOD.MANUAL)(editorView.state, mockDispatch, editorView);
-        expect(analyticUtilsSpy).not.toBeCalled();
-      });
-    });
-    describe('errors', function () {
-      beforeAll(function () {
-        jest.spyOn(commands, 'createToggleBlockMarkOnRange').mockImplementation(function () {
-          throw new Error('This error should be caught');
-        });
-      });
-      it("should call analytic if there's an error creating a link", function () {
-        var _editor5 = editor(document),
-            editorView = _editor5.editorView;
-
-        try {
-          setUrlToMedia('http://google.com', INPUT_METHOD.MANUAL)(editorView.state, mockDispatch, editorView);
-        } catch (e) {// noop
-        }
-
-        expect(analyticUtilsSpy.mock.calls[FIRST_CALL][ANALYTIC_PAYLOAD]).toEqual({
-          action: 'errored',
-          actionSubject: 'media',
-          actionSubjectId: 'link',
-          attributes: {
-            action: 'added'
-          },
-          eventType: 'track'
-        });
-      });
-    });
-  });
-  describe('show linking toolbar', function () {
-    describe('selected media is an image', function () {
-      beforeAll(function () {
-        checkMediaType.mockReturnValue(Promise.resolve('image'));
-      });
-      it('call dispatch with correct param with a media is selected', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var _editor6, editorView, result, expectTransaction;
-
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _editor6 = editor(document), editorView = _editor6.editorView;
-                _context.next = 3;
-                return flushPromises();
-
-              case 3:
-                result = showLinkingToolbarWithMediaTypeCheck(editorView.state, mockDispatch, editorView);
-                expectTransaction = editorView.state.tr.setMeta(mediaLinkingPluginKey, {
-                  type: MediaLinkingActionsTypes.showToolbar
-                });
-                _context.next = 7;
-                return flushPromises();
-
-              case 7:
-                expect(result).toEqual(true);
-                expect(mockDispatch).toHaveBeenCalledWith(expectTransaction);
-
-              case 9:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee);
-      })));
-      it('does not call dispatch when selection is not a media single node', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-        var _editor7, editorView, result;
-
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                _editor7 = editor(document), editorView = _editor7.editorView;
-                result = showLinkingToolbarWithMediaTypeCheck(editorView.state, mockDispatch, editorView);
-                _context2.next = 4;
-                return flushPromises();
-
-              case 4:
-                expect(result).toEqual(false);
-                expect(mockDispatch).not.toHaveBeenCalled();
-
-              case 6:
-              case "end":
-                return _context2.stop();
-            }
-          }
-        }, _callee2);
-      })));
-      it('does not call dispatch when selection has changed', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-        var _editor8, editorView, result;
-
-        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-          while (1) {
-            switch (_context3.prev = _context3.next) {
-              case 0:
-                _editor8 = editor(document), editorView = _editor8.editorView;
-                result = showLinkingToolbarWithMediaTypeCheck(editorView.state, mockDispatch, editorView);
-                sendKeyToPm(editorView, 'ArrowDown');
-                _context3.next = 5;
-                return flushPromises();
-
-              case 5:
-                expect(result).toEqual(false);
-                expect(mockDispatch).not.toHaveBeenCalled();
-
-              case 7:
-              case "end":
-                return _context3.stop();
-            }
-          }
-        }, _callee3);
-      })));
-    });
-    describe('selected media is a video', function () {
-      beforeAll(function () {
-        checkMediaType.mockReturnValue(Promise.resolve('video'));
-      });
-      it('does not call dispatch', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
-        var _editor9, editorView, result;
-
-        return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-          while (1) {
-            switch (_context4.prev = _context4.next) {
-              case 0:
-                _editor9 = editor(document), editorView = _editor9.editorView;
-                result = showLinkingToolbarWithMediaTypeCheck(editorView.state, mockDispatch, editorView);
-                _context4.next = 4;
-                return flushPromises();
-
-              case 4:
-                expect(result).toEqual(false);
-                expect(mockDispatch).not.toHaveBeenCalled();
-
-              case 6:
-              case "end":
-                return _context4.stop();
-            }
-          }
-        }, _callee4);
-      })));
-    });
-  });
-});

package/dist/esm/plugins/media/ui/CaptionPlaceholder/index.test.js

@@ -1,41 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import { IntlProvider } from 'react-intl';
-import { N200 } from '@atlaskit/theme/colors';
-import { messages } from './messages';
-import CaptionPlaceholder from './index';
-
-var renderWithIntl = function renderWithIntl(component) {
-  return render( /*#__PURE__*/React.createElement(IntlProvider, {
-    locale: "en"
-  }, component));
-};
-
-var onClick = function onClick() {};
-
-describe('CaptionComponent', function () {
-  it('should show a placeholder by default', function () {
-    var _renderWithIntl = renderWithIntl( /*#__PURE__*/React.createElement(CaptionPlaceholder, {
-      onClick: onClick
-    })),
-        getByText = _renderWithIntl.getByText;
-
-    expect(getByText(messages.placeholder.defaultMessage)).not.toBeNull();
-  });
-  it('should have the placeholder colour as N200', function () {
-    var _renderWithIntl2 = renderWithIntl( /*#__PURE__*/React.createElement(CaptionPlaceholder, {
-      onClick: onClick
-    })),
-        container = _renderWithIntl2.container;
-
-    expect(container.firstChild).toHaveStyle("color: ".concat(N200));
-  });
-  it('placeholder should be centered', function () {
-    var _renderWithIntl3 = renderWithIntl( /*#__PURE__*/React.createElement(CaptionPlaceholder, {
-      onClick: onClick
-    })),
-        container = _renderWithIntl3.container;
-
-    expect(container.firstChild).toHaveStyle("text-align: center");
-  });
-});