@atlaskit/editor-common 60.1.0 → 61.0.1

package/dist/types/styles/index.d.ts

@@ -4,7 +4,7 @@ export { columnLayoutSharedStyle } from './shared/column-layout';
 export { mediaSingleSharedStyle, richMediaClassName, } from './shared/media-single';
 export { blockquoteSharedStyles } from './shared/blockquote';
 export { headingsSharedStyles } from './shared/headings';
-export { getPanelTypeBackground, panelSharedStyles, PanelSharedCssClassName, PanelSharedSelectors, } from './shared/panel';
+export { getPanelTypeBackground, panelSharedStyles, PanelSharedCssClassName, PanelSharedSelectors, getPanelBackgroundDarkModeColors, } from './shared/panel';
 export { ruleSharedStyles } from './shared/rule';
 export { whitespaceSharedStyles } from './shared/whitespace';
 export { paragraphSharedStyles } from './shared/paragraph';

package/dist/types/styles/shared/panel.d.ts

@@ -1,5 +1,7 @@
 import { PanelType } from '@atlaskit/adf-schema';
 import { ThemeProps } from '@atlaskit/theme/types';
+export declare const getPanelBackgroundDarkModeColors: string;
+export declare function getPanelDarkModeCSS(colorName: string, colorValue: string): string;
 export declare const PanelSharedCssClassName: {
     prefix: string;
     content: string;

package/dist/types/ufo/experience-store.d.ts

@@ -0,0 +1,33 @@
+import { EditorView } from 'prosemirror-view';
+import { UFOExperience } from '@atlaskit/ufo';
+import type { CustomData, ExperienceConfig } from '@atlaskit/ufo/types';
+export declare const experienceConfig: ExperienceConfig;
+export declare enum EditorExperience {
+    loadEditor = "load",
+    typing = "type",
+    interaction = "interact",
+    editSession = "editSession"
+}
+export declare const RELIABILITY_INTERVAL = 30000;
+declare type TypeOfEditorExperience = typeof EditorExperience;
+declare type ValueOfEditorExperience = TypeOfEditorExperience[keyof TypeOfEditorExperience];
+export declare class ExperienceStore {
+    private static stores;
+    private experiences;
+    private constructor();
+    static getInstance(view: EditorView, options?: {
+        forceNewInstance?: boolean;
+    }): ExperienceStore;
+    get(experienceId: string): UFOExperience | undefined;
+    getActive(experienceId: string): UFOExperience | undefined;
+    getAll(): UFOExperience[];
+    start(experienceId: ValueOfEditorExperience, startTime?: number): void;
+    addMetadata(experienceId: string, metadata: CustomData): void;
+    mark(experienceId: string, mark: string, value: number): void;
+    success(experienceId: string, metadata?: CustomData): Promise<boolean | null> | undefined;
+    fail(experienceId: string, metadata?: CustomData): void;
+    abort(experienceId: string, metadata?: CustomData): void;
+    abortAll(metadata?: CustomData): void;
+    failAll(metadata?: CustomData): void;
+}
+export {};

package/dist/types/ufo/index.d.ts

@@ -0,0 +1 @@
+export { ExperienceStore, EditorExperience, RELIABILITY_INTERVAL, } from './experience-store';

package/dist/types/utils/index.d.ts

@@ -30,3 +30,5 @@ export { shouldForceTracking } from './should-force-tracking';
 export { getModeFromTheme } from './getModeFromTheme';
 export type { UserBrowserExtensionResults } from './browser-extensions';
 export { sniffUserBrowserExtensions } from './browser-extensions';
+export { RenderCountProfiler } from './profiler/render-count';
+export { validateADFEntity, validationErrorHandler, } from './validate-using-spec';

package/dist/types/utils/profiler/render-count.d.ts

@@ -0,0 +1,50 @@
+export declare const PROFILER_KEY = "__editorRenderCountProfiler";
+interface ComponentInstanceRenderCounter {
+    instanceId: string;
+    count: number;
+}
+declare type ProfilerData = {
+    enabled: boolean;
+    components?: {
+        [componentId: string]: {
+            [instanceId: string]: {
+                count: number;
+            };
+        };
+    };
+};
+declare type RenderCountProfilerInstanceParams = {
+    store: Object;
+};
+export declare class RenderCountProfiler {
+    /**
+     * The singleton/cached instance of RenderCountProfiler that will be shared
+     * betweenRenderCountProfiler.getInstance() calls
+     */
+    private static instance;
+    private store;
+    private constructor();
+    /**
+     * Returns the singleton/cached instance of RenderCountProfiler that
+     * currently exists. If it hasn't been instantiated yet, the singleton
+     * instance will be created using the given params. Returns the latest
+     * singleton/instance.
+     */
+    static getInstance(params: RenderCountProfilerInstanceParams): RenderCountProfiler;
+    getData(profilerKey: typeof PROFILER_KEY): ProfilerData | void;
+    enable(): void;
+    remove(): void;
+    isEnabled(): boolean;
+    setRenderCount({ componentId, renderCount, instanceId, }: {
+        componentId: string;
+        renderCount: number;
+        instanceId: string;
+    }): void;
+    getInstanceRenderCounters({ componentId, }: {
+        componentId: string;
+    }): ComponentInstanceRenderCounter[];
+    getRenderCount({ componentId }: {
+        componentId: string;
+    }): number;
+}
+export {};

package/emoji/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@atlaskit/editor-common/emoji",
+  "main": "../dist/cjs/emoji.js",
+  "module": "../dist/esm/emoji.js",
+  "module:es2019": "../dist/es2019/emoji.js",
+  "types": "../dist/types/emoji.d.ts"
+}

package/mention/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@atlaskit/editor-common/mention",
+  "main": "../dist/cjs/mention.js",
+  "module": "../dist/esm/mention.js",
+  "module:es2019": "../dist/es2019/mention.js",
+  "types": "../dist/types/mention.d.ts"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "60.1.0",
+  "version": "61.0.1",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -30,29 +30,38 @@
     "./validator": "./src/validator.ts",
     "./in-product": "./src/in-product.ts",
     "./cypress-config": "./src/cypress-config.ts",
-    "./type-ahead": "./src/type-ahead/index.ts"
+    "./type-ahead": "./src/type-ahead/index.ts",
+    "./ufo": "./src/ufo/index.ts",
+    "./types": "./src/types/index.ts",
+    "./ui": "./src/ui/index.tsx",
+    "./utils": "./src/utils/index.ts",
+    "./card": "./src/card/index.ts",
+    "./emoji": "./src/emoji.ts",
+    "./mention": "./src/mention.ts",
+    "./provider-helpers": "./src/provider-helpers/index.ts"
   },
   "dependencies": {
     "@atlaskit/activity-provider": "^2.3.0",
-    "@atlaskit/adf-schema": "^19.2.0",
-    "@atlaskit/adf-utils": "^14.3.0",
+    "@atlaskit/adf-schema": "^20.0.0",
+    "@atlaskit/adf-utils": "^14.4.0",
     "@atlaskit/analytics-namespaced-context": "^6.3.0",
     "@atlaskit/analytics-next": "^8.2.0",
-    "@atlaskit/code": "^14.1.0",
-    "@atlaskit/editor-json-transformer": "^8.6.0",
+    "@atlaskit/code": "^14.3.0",
+    "@atlaskit/editor-json-transformer": "^8.7.0",
     "@atlaskit/editor-shared-styles": "^1.6.0",
     "@atlaskit/emoji": "^63.1.0",
     "@atlaskit/icon": "^21.9.0",
     "@atlaskit/in-product-testing": "^0.1.0",
-    "@atlaskit/media-card": "^71.0.0",
-    "@atlaskit/media-client": "^14.2.0",
+    "@atlaskit/media-card": "^72.1.0",
+    "@atlaskit/media-client": "^14.3.0",
     "@atlaskit/media-picker": "^58.1.0",
     "@atlaskit/mention": "^19.7.0",
-    "@atlaskit/profilecard": "^15.0.0",
-    "@atlaskit/smart-card": "^16.1.0",
+    "@atlaskit/profilecard": "^15.8.0",
+    "@atlaskit/smart-card": "^16.3.0",
     "@atlaskit/task-decision": "^17.2.0",
     "@atlaskit/theme": "^12.0.0",
     "@atlaskit/tooltip": "^17.5.0",
+    "@atlaskit/ufo": "^0.0.6",
     "@atlaskit/user-picker": "^7.3.0",
     "@atlaskit/width-detector": "^3.0.0",
     "@babel/runtime": "^7.0.0",
@@ -64,9 +73,10 @@
     "cypress-file-upload": "^5.0.2",
     "date-fns": "^2.17.0",
     "lodash": "^4.17.15",
-    "prosemirror-model": "1.11.0",
-    "prosemirror-state": "1.3.3",
-    "prosemirror-transform": "1.2.8",
+    "prosemirror-model": "1.14.3",
+    "prosemirror-state": "1.3.4",
+    "prosemirror-transform": "1.3.2",
+    "prosemirror-view": "1.23.1",
     "raf-schd": "^2.1.0",
     "react-loadable": "^5.1.0"
   },
@@ -78,10 +88,10 @@
     "styled-components": "^3.2.6"
   },
   "devDependencies": {
-    "@atlaskit/editor-json-transformer": "^8.6.0",
-    "@atlaskit/editor-test-helpers": "^15.4.0",
+    "@atlaskit/editor-json-transformer": "^8.7.0",
+    "@atlaskit/editor-test-helpers": "^15.6.0",
     "@atlaskit/media-core": "^32.2.0",
-    "@atlaskit/util-data-test": "^16.0.0",
+    "@atlaskit/util-data-test": "^17.0.0",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
@@ -89,7 +99,6 @@
     "cypress-file-upload": "^5.0.2",
     "enzyme": "^3.10.0",
     "local-cypress": "^1.2.1",
-    "prosemirror-view": "1.15.4",
     "raf-stub": "^2.0.1",
     "react": "^16.8.0",
     "react-test-renderer": "^16.8.0",
@@ -102,6 +111,9 @@
         "file-level"
       ],
       "import-structure": "atlassian-conventions"
+    },
+    "@repo/internal": {
+      "deprecation": "no-deprecated-imports"
     }
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"

package/provider-helpers/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@atlaskit/editor-common/provider-helpers",
+  "main": "../dist/cjs/provider-helpers/index.js",
+  "module": "../dist/esm/provider-helpers/index.js",
+  "module:es2019": "../dist/es2019/provider-helpers/index.js",
+  "types": "../dist/types/provider-helpers/index.d.ts"
+}

package/types/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@atlaskit/editor-common/types",
+  "main": "../dist/cjs/types/index.js",
+  "module": "../dist/esm/types/index.js",
+  "module:es2019": "../dist/es2019/types/index.js",
+  "types": "../dist/types/types/index.d.ts"
+}

package/ufo/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@atlaskit/editor-common/ufo",
+  "main": "../dist/cjs/ufo/index.js",
+  "module": "../dist/esm/ufo/index.js",
+  "module:es2019": "../dist/es2019/ufo/index.js",
+  "types": "../dist/types/ufo/index.d.ts"
+}

package/ui/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@atlaskit/editor-common/ui",
+  "main": "../dist/cjs/ui/index.js",
+  "module": "../dist/esm/ui/index.js",
+  "module:es2019": "../dist/es2019/ui/index.js",
+  "types": "../dist/types/ui/index.d.ts"
+}

package/utils/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@atlaskit/editor-common/utils",
+  "main": "../dist/cjs/utils/index.js",
+  "module": "../dist/esm/utils/index.js",
+  "module:es2019": "../dist/es2019/utils/index.js",
+  "types": "../dist/types/utils/index.d.ts"
+}

package/dist/cjs/ui/Caption/index.test.js

@@ -1,82 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@testing-library/react");
-
-var _reactIntl = require("react-intl");
-
-var _colors = require("@atlaskit/theme/colors");
-
-var _messages = require("./messages");
-
-var _index = _interopRequireDefault(require("./index"));
-
-var renderWithIntl = function renderWithIntl(component) {
-  return (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_reactIntl.IntlProvider, {
-    locale: "en"
-  }, component));
-};
-
-describe('CaptionComponent', function () {
-  it('should show a placeholder by default', function () {
-    var _renderWithIntl = renderWithIntl( /*#__PURE__*/_react.default.createElement(_index.default, null)),
-        getByText = _renderWithIntl.getByText;
-
-    expect(getByText(_messages.messages.placeholder.defaultMessage)).not.toBeNull();
-  });
-  it('should have the placeholder colour as N200', function () {
-    var _renderWithIntl2 = renderWithIntl( /*#__PURE__*/_react.default.createElement(_index.default, null)),
-        getByText = _renderWithIntl2.getByText;
-
-    expect(getByText(_messages.messages.placeholder.defaultMessage)).toHaveStyle("color: ".concat(_colors.N200));
-  });
-  it('should have the colour N400', function () {
-    var _renderWithIntl3 = renderWithIntl( /*#__PURE__*/_react.default.createElement(_index.default, null)),
-        container = _renderWithIntl3.container;
-
-    expect(container.firstChild).toHaveStyle("color: ".concat(_colors.N400));
-  });
-  it('should have centered text', function () {
-    var _renderWithIntl4 = renderWithIntl( /*#__PURE__*/_react.default.createElement(_index.default, null)),
-        container = _renderWithIntl4.container;
-
-    expect(container.firstChild).toHaveStyle("text-align: center");
-  });
-  it("shouldn't show the placeholder when selected", function () {
-    var _renderWithIntl5 = renderWithIntl( /*#__PURE__*/_react.default.createElement(_index.default, {
-      selected: true
-    })),
-        queryByText = _renderWithIntl5.queryByText;
-
-    expect(queryByText(_messages.messages.placeholder.defaultMessage)).toBeNull();
-  });
-  it("shouldn't show the placeholder if caption has content", function () {
-    var _renderWithIntl6 = renderWithIntl( /*#__PURE__*/_react.default.createElement(_index.default, {
-      hasContent: true
-    })),
-        queryByText = _renderWithIntl6.queryByText;
-
-    expect(queryByText(_messages.messages.placeholder.defaultMessage)).toBeNull();
-  });
-  it('should have data-renderer-start-pos if provided', function () {
-    var _renderWithIntl7 = renderWithIntl( /*#__PURE__*/_react.default.createElement(_index.default, {
-      dataAttributes: {
-        'data-renderer-start-pos': 5
-      }
-    })),
-        getByTestId = _renderWithIntl7.getByTestId;
-
-    var caption = getByTestId('media-caption');
-    expect(caption.getAttribute('data-renderer-start-pos')).toEqual('5');
-  });
-  it('should have data-media-caption', function () {
-    var _renderWithIntl8 = renderWithIntl( /*#__PURE__*/_react.default.createElement(_index.default, null)),
-        getByTestId = _renderWithIntl8.getByTestId;
-
-    var caption = getByTestId('media-caption');
-    expect(caption.getAttribute('data-media-caption')).toEqual('true');
-  });
-});

package/dist/cjs/utils/performance/measure-tti.test.js

@@ -1,183 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _measureTti = require("./measure-tti");
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
-
-jest.useFakeTimers();
-jest.mock('./is-performance-api-available', function () {
-  return {
-    isPerformanceObserverLongTaskAvailable: function isPerformanceObserverLongTaskAvailable() {
-      return true;
-    }
-  };
-});
-describe('Measure TTI utility', function () {
-  var time = 100;
-  var perfNow = global.performance.now;
-  beforeEach(function () {
-    time = 100;
-
-    global.performance.now = function () {
-      return time;
-    };
-  });
-  afterEach(function () {
-    global.performance.now = perfNow;
-  });
-  describe('No long tasks', function () {
-    it('should fire callback right away', function () {
-      var _createMockPerformanc = createMockPerformanceObserver(),
-          _createMockPerformanc2 = (0, _slicedToArray2.default)(_createMockPerformanc, 2),
-          MockPerformanceObserver = _createMockPerformanc2[1];
-
-      var cb = jest.fn();
-      (0, _measureTti.measureTTI)(cb, 100, 1, MockPerformanceObserver);
-      time += 100;
-      jest.advanceTimersByTime(100);
-      expect(cb).toBeCalledWith(100, 0, false);
-    });
-  });
-  describe('Only 1 long task', function () {
-    it('should return end time of the only long task', function () {
-      var _createMockPerformanc3 = createMockPerformanceObserver(),
-          _createMockPerformanc4 = (0, _slicedToArray2.default)(_createMockPerformanc3, 2),
-          trigger = _createMockPerformanc4[0],
-          MockPerformanceObserver = _createMockPerformanc4[1];
-
-      var cb = jest.fn();
-      var now = performance.now();
-      (0, _measureTti.measureTTI)(cb, 100, 1, MockPerformanceObserver);
-      trigger({
-        startTime: now,
-        duration: 100
-      });
-      time += 100;
-      jest.advanceTimersByTime(100);
-      time += 100;
-      jest.advanceTimersByTime(100);
-      expect(cb).toBeCalledWith(200, 100, false);
-    });
-  });
-  describe('Multiple long tasks', function () {
-    it('should return end time of the last long task no sufficient idle time', function () {
-      var _createMockPerformanc5 = createMockPerformanceObserver(),
-          _createMockPerformanc6 = (0, _slicedToArray2.default)(_createMockPerformanc5, 2),
-          trigger = _createMockPerformanc6[0],
-          MockPerformanceObserver = _createMockPerformanc6[1];
-
-      var cb = jest.fn();
-      var now = performance.now();
-      (0, _measureTti.measureTTI)(cb, 100, 1, MockPerformanceObserver);
-      trigger({
-        startTime: now,
-        duration: 50
-      });
-      trigger({
-        startTime: now + 50,
-        duration: 100
-      });
-      time += 150;
-      jest.advanceTimersByTime(100);
-      time += 100;
-      jest.advanceTimersByTime(100);
-      expect(cb).toBeCalledWith(250, 150, false);
-    });
-    it('should return end time of a long task with sufficient idle time', function () {
-      var _createMockPerformanc7 = createMockPerformanceObserver(),
-          _createMockPerformanc8 = (0, _slicedToArray2.default)(_createMockPerformanc7, 2),
-          trigger = _createMockPerformanc8[0],
-          MockPerformanceObserver = _createMockPerformanc8[1];
-
-      var cb = jest.fn();
-      var now = performance.now();
-      (0, _measureTti.measureTTI)(cb, 100, 1, MockPerformanceObserver);
-      trigger({
-        startTime: now,
-        duration: 50
-      });
-      trigger({
-        startTime: now + 150,
-        duration: 100
-      });
-      time += 50 + 100;
-      jest.advanceTimersByTime(100);
-      time += 100;
-      jest.advanceTimersByTime(100);
-      expect(cb).toBeCalledWith(now + 50, 50, false);
-    });
-  });
-  describe('Cancel', function () {
-    it('should cancel tti measurements after `cancelAfter` time', function () {
-      var _createMockPerformanc9 = createMockPerformanceObserver(),
-          _createMockPerformanc10 = (0, _slicedToArray2.default)(_createMockPerformanc9, 2),
-          trigger = _createMockPerformanc10[0],
-          MockPerformanceObserver = _createMockPerformanc10[1];
-
-      var cb = jest.fn();
-      var now = performance.now();
-      (0, _measureTti.measureTTI)(cb, 100, 1, MockPerformanceObserver);
-      trigger({
-        startTime: now,
-        duration: 2000
-      });
-      time += 2000;
-      jest.advanceTimersByTime(100);
-      trigger({
-        startTime: time,
-        duration: 50
-      });
-      time += 100;
-      jest.advanceTimersByTime(100);
-      expect(cb).toBeCalledWith(now + 2000 + 50, 2050, true);
-    });
-  });
-});
-
-function createMockPerformanceObserver() {
-  var callback;
-
-  var MockPerformanceObserver = /*#__PURE__*/function (_PerformanceObserver) {
-    (0, _inherits2.default)(MockPerformanceObserver, _PerformanceObserver);
-
-    var _super = _createSuper(MockPerformanceObserver);
-
-    function MockPerformanceObserver(cb) {
-      var _this;
-
-      (0, _classCallCheck2.default)(this, MockPerformanceObserver);
-      _this = _super.call(this, cb);
-      callback = cb;
-      return _this;
-    }
-
-    return MockPerformanceObserver;
-  }( /*#__PURE__*/(0, _wrapNativeSuper2.default)(PerformanceObserver));
-
-  (0, _defineProperty2.default)(MockPerformanceObserver, "supportedEntryTypes", []);
-  return [function (event) {
-    return callback({
-      getEntries: function getEntries() {
-        return [event];
-      }
-    });
-  }, MockPerformanceObserver];
-}

package/dist/es2019/ui/Caption/index.test.js

@@ -1,73 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import { IntlProvider } from 'react-intl';
-import { N200, N400 } from '@atlaskit/theme/colors';
-import { messages } from './messages';
-import Caption from './index';
-
-const renderWithIntl = component => {
-  return render( /*#__PURE__*/React.createElement(IntlProvider, {
-    locale: "en"
-  }, component));
-};
-
-describe('CaptionComponent', () => {
-  it('should show a placeholder by default', () => {
-    const {
-      getByText
-    } = renderWithIntl( /*#__PURE__*/React.createElement(Caption, null));
-    expect(getByText(messages.placeholder.defaultMessage)).not.toBeNull();
-  });
-  it('should have the placeholder colour as N200', () => {
-    const {
-      getByText
-    } = renderWithIntl( /*#__PURE__*/React.createElement(Caption, null));
-    expect(getByText(messages.placeholder.defaultMessage)).toHaveStyle(`color: ${N200}`);
-  });
-  it('should have the colour N400', () => {
-    const {
-      container
-    } = renderWithIntl( /*#__PURE__*/React.createElement(Caption, null));
-    expect(container.firstChild).toHaveStyle(`color: ${N400}`);
-  });
-  it('should have centered text', () => {
-    const {
-      container
-    } = renderWithIntl( /*#__PURE__*/React.createElement(Caption, null));
-    expect(container.firstChild).toHaveStyle(`text-align: center`);
-  });
-  it("shouldn't show the placeholder when selected", () => {
-    const {
-      queryByText
-    } = renderWithIntl( /*#__PURE__*/React.createElement(Caption, {
-      selected: true
-    }));
-    expect(queryByText(messages.placeholder.defaultMessage)).toBeNull();
-  });
-  it("shouldn't show the placeholder if caption has content", () => {
-    const {
-      queryByText
-    } = renderWithIntl( /*#__PURE__*/React.createElement(Caption, {
-      hasContent: true
-    }));
-    expect(queryByText(messages.placeholder.defaultMessage)).toBeNull();
-  });
-  it('should have data-renderer-start-pos if provided', () => {
-    const {
-      getByTestId
-    } = renderWithIntl( /*#__PURE__*/React.createElement(Caption, {
-      dataAttributes: {
-        'data-renderer-start-pos': 5
-      }
-    }));
-    const caption = getByTestId('media-caption');
-    expect(caption.getAttribute('data-renderer-start-pos')).toEqual('5');
-  });
-  it('should have data-media-caption', () => {
-    const {
-      getByTestId
-    } = renderWithIntl( /*#__PURE__*/React.createElement(Caption, null));
-    const caption = getByTestId('media-caption');
-    expect(caption.getAttribute('data-media-caption')).toEqual('true');
-  });
-});