@atlaskit/editor-common 64.0.0 → 66.0.1

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

@@ -4,7 +4,7 @@ export type { Props as MediaSingleProps } from './MediaSingle';
 export { MediaSingleDimensionHelper } from './MediaSingle/styled';
 export type { MediaSingleWrapperProps as MediaSingleDimensionHelperProps } from './MediaSingle/styled';
 export { layoutSupportsWidth, calcPxFromColumns, calcPctFromPx, calcPxFromPct, calcColumnsFromPx, snapToGrid, } from './MediaSingle/grid';
-export { MediaLink } from './MediaSingle/link';
+export { mediaLinkStyle } from './MediaSingle/link';
 export { default as Popup, findOverflowScrollParent } from './Popup';
 export type { Position as PopupPosition, Props as PopupProps } from './Popup';
 export { default as UnsupportedBlock } from './UnsupportedBlock';
@@ -17,10 +17,8 @@ export type { WidthConsumerContext, Breakpoints } from './WidthProvider';
 export { default as overflowShadow, shadowClassNames } from './OverflowShadow';
 export type { OverflowShadowOptions, OverflowShadowProps, OverflowShadowState, } from './OverflowShadow';
 export { WithCreateAnalyticsEvent } from './WithCreateAnalyticsEvent';
-export { messages as expandMessages, sharedExpandStyles, ExpandIconWrapper, ExpandLayoutWrapper, } from './Expand';
+export { messages as expandMessages, sharedExpandStyles, ExpandIconWrapper, expandLayoutWrapperStyle, ExpandLayoutWrapperWithRef, } from './Expand';
 export type { StyleProps as ExpandStyleProps } from './Expand';
 export { ErrorMessage, HelperMessage, ValidMessage } from './Messages';
-export { ClearNextSiblingMarginTop } from './clear-next-sibling-margin-top';
-export { IntlNextErrorBoundary, REACT_INTL_ERROR_MESSAGE, } from './IntlNextErrorBoundary';
-export { IntlLegacyFallbackProvider } from './IntlLegacyFallbackProvider';
-export { LegacyToNextIntlProvider } from './LegacyToNextIntlProvider';
+export { clearNextSiblingMarginTopStyle } from './clear-next-sibling-margin-top';
+export { IntlErrorBoundary, REACT_INTL_ERROR_MESSAGE, } from './IntlErrorBoundary';

package/dist/types/utils/compare-props.d.ts

@@ -0,0 +1,32 @@
+declare type ChangedData<T> = {
+    key: keyof T;
+    difference?: any;
+    maxDepthReached?: boolean;
+    newValue?: any;
+    oldValue?: any;
+    reactElementChanged?: boolean;
+};
+declare type Changed<T> = Array<ChangedData<T>>;
+export declare type PropsDifference<T> = {
+    removed: Array<keyof T>;
+    added: Array<keyof T>;
+    changed: Changed<T>;
+};
+export declare type ShallowPropsDifference<T> = {
+    removed: Array<keyof T>;
+    added: Array<keyof T>;
+    changed: Array<keyof T>;
+};
+export declare const getKeys: <T>(obj: T) => (keyof T)[];
+export declare const getKeysAddedRemovedCommon: <T>(object1: T, object2: T) => {
+    added: (keyof T)[];
+    common: (keyof T)[];
+    removed: (keyof T)[];
+};
+export declare const serializeValue: <T>(value: T[keyof T]) => string | T[keyof T] | {
+    type: string;
+    keys: string[];
+} | undefined;
+export declare const getPropsDifference: <T>(object1: T, object2: T, curDepth?: number, maxDepth?: number, keysToIgnore?: (keyof T)[]) => PropsDifference<T>;
+export declare const getShallowPropsDifference: <T>(object1: T, object2: T) => ShallowPropsDifference<T>;
+export {};

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

@@ -1 +1 @@
-export declare function getModeFromTheme(theme: string): "dark" | "light";
+export declare function getModeFromTheme(theme: string): "light" | "dark";

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

@@ -32,3 +32,7 @@ export type { UserBrowserExtensionResults } from './browser-extensions';
 export { sniffUserBrowserExtensions } from './browser-extensions';
 export { RenderCountProfiler } from './profiler/render-count';
 export { validateADFEntity, validationErrorHandler, } from './validate-using-spec';
+export { getShallowPropsDifference, getPropsDifference } from './compare-props';
+export type { ShallowPropsDifference, PropsDifference } from './compare-props';
+export { useComponentRenderTracking } from './performance/hooks/use-component-render-tracking';
+export type { UseComponentRenderTrackingArgs } from './performance/hooks/use-component-render-tracking';

package/dist/types/utils/performance/hooks/use-component-render-tracking/index.d.ts

@@ -0,0 +1,19 @@
+import { PropsDifference, ShallowPropsDifference } from '../../../compare-props';
+declare type PropsDiff<Props> = ShallowPropsDifference<Props> | PropsDifference<Props>;
+declare type OnRenderCb<Props = undefined> = ({ renderCount, propsDifference, }: {
+    renderCount: number;
+    propsDifference: PropsDiff<Props> | undefined;
+    componentId: string;
+}) => void;
+export declare type UseComponentRenderTrackingArgs<Props = undefined> = {
+    onRender: OnRenderCb<Props>;
+    propsDiffingOptions?: {
+        enabled: boolean;
+        props?: Props;
+        propsToIgnore?: Array<keyof Props>;
+        useShallow?: boolean;
+    };
+    zeroBasedCount?: boolean;
+};
+export declare function useComponentRenderTracking<Props = undefined>({ onRender, propsDiffingOptions, zeroBasedCount, }: UseComponentRenderTrackingArgs<Props>): void;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "64.0.0",
+  "version": "66.0.1",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -43,29 +43,30 @@
   },
   "dependencies": {
     "@atlaskit/activity-provider": "^2.3.0",
-    "@atlaskit/adf-schema": "^22.0.0",
+    "@atlaskit/adf-schema": "^22.1.0",
     "@atlaskit/adf-utils": "^16.0.0",
     "@atlaskit/analytics-namespaced-context": "^6.4.0",
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/code": "^14.3.0",
     "@atlaskit/editor-json-transformer": "^8.7.0",
-    "@atlaskit/editor-shared-styles": "^1.6.0",
-    "@atlaskit/emoji": "^64.1.0",
+    "@atlaskit/editor-shared-styles": "^2.0.0",
+    "@atlaskit/emoji": "^64.4.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/in-product-testing": "^0.1.0",
-    "@atlaskit/media-card": "^73.2.0",
-    "@atlaskit/media-client": "^14.3.0",
-    "@atlaskit/media-picker": "^59.0.0",
-    "@atlaskit/mention": "^20.0.0",
-    "@atlaskit/profilecard": "^16.2.0",
-    "@atlaskit/smart-card": "^17.1.0",
+    "@atlaskit/media-card": "^73.4.0",
+    "@atlaskit/media-client": "^15.0.0",
+    "@atlaskit/media-picker": "^60.0.0",
+    "@atlaskit/mention": "^21.0.0",
+    "@atlaskit/profilecard": "^16.4.0",
+    "@atlaskit/smart-card": "^18.0.0",
+    "@atlaskit/smart-user-picker": "^5.0.2",
     "@atlaskit/task-decision": "^17.3.0",
     "@atlaskit/theme": "^12.1.0",
     "@atlaskit/tooltip": "^17.5.0",
     "@atlaskit/ufo": "^0.1.0",
-    "@atlaskit/user-picker": "^8.5.0",
-    "@atlaskit/width-detector": "^3.0.0",
+    "@atlaskit/width-detector": "^4.0.0",
     "@babel/runtime": "^7.0.0",
+    "@emotion/react": "^11.7.1",
     "@types/prosemirror-model": "^1.11.0",
     "@types/prosemirror-state": "^1.2.0",
     "@types/prosemirror-transform": "^1.1.0",
@@ -82,17 +83,16 @@
     "react-loadable": "^5.1.0"
   },
   "peerDependencies": {
-    "@atlaskit/media-core": "^32.2.0",
+    "@atlaskit/media-core": "^32.3.0",
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
-    "react-intl": "^2.6.0",
     "react-intl-next": "npm:react-intl@^5.18.1",
     "styled-components": "^3.2.6"
   },
   "devDependencies": {
     "@atlaskit/editor-json-transformer": "^8.7.0",
-    "@atlaskit/editor-test-helpers": "^16.1.0",
-    "@atlaskit/media-core": "^32.2.0",
+    "@atlaskit/editor-test-helpers": "^17.0.0",
+    "@atlaskit/media-core": "^32.3.0",
     "@atlaskit/util-data-test": "^17.2.0",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
@@ -106,7 +106,7 @@
     "react": "^16.8.0",
     "react-test-renderer": "^16.8.0",
     "sinon": "^2.2.0",
-    "typescript": "3.9.6"
+    "typescript": "3.9.10"
   },
   "techstack": {
     "@atlassian/frontend": {

package/dist/cjs/ui/IntlLegacyFallbackProvider/index.js

@@ -1,60 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.IntlLegacyFallbackProvider = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactIntl = require("react-intl");
-
-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; } }
-
-var IntlLegacyFallbackProvider = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(IntlLegacyFallbackProvider, _React$Component);
-
-  var _super = _createSuper(IntlLegacyFallbackProvider);
-
-  function IntlLegacyFallbackProvider() {
-    (0, _classCallCheck2.default)(this, IntlLegacyFallbackProvider);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2.default)(IntlLegacyFallbackProvider, [{
-    key: "render",
-    value: function render() {
-      var oldIntl = this.context.intl;
-
-      if (!oldIntl) {
-        return /*#__PURE__*/_react.default.createElement(_reactIntl.IntlProvider, {
-          locale: "en"
-        }, this.props.children);
-      }
-
-      return this.props.children;
-    }
-  }]);
-  return IntlLegacyFallbackProvider;
-}(_react.default.Component);
-
-exports.IntlLegacyFallbackProvider = IntlLegacyFallbackProvider;
-(0, _defineProperty2.default)(IntlLegacyFallbackProvider, "contextTypes", {
-  intl: _reactIntl.intlShape
-});

package/dist/cjs/ui/LegacyToNextIntlProvider/index.js

@@ -1,67 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LegacyToNextIntlProvider = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactIntl = require("react-intl");
-
-var _reactIntlNext = require("react-intl-next");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-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; } }
-
-var LegacyToNextIntlProvider = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(LegacyToNextIntlProvider, _React$Component);
-
-  var _super = _createSuper(LegacyToNextIntlProvider);
-
-  function LegacyToNextIntlProvider() {
-    (0, _classCallCheck2.default)(this, LegacyToNextIntlProvider);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2.default)(LegacyToNextIntlProvider, [{
-    key: "render",
-    value: function render() {
-      var oldIntl = this.context.intl;
-
-      if (oldIntl) {
-        var nextIntl = (0, _reactIntlNext.createIntl)(_objectSpread({}, oldIntl));
-        return /*#__PURE__*/_react.default.createElement(_reactIntlNext.RawIntlProvider, {
-          value: nextIntl
-        }, this.props.children);
-      }
-
-      return this.props.children;
-    }
-  }]);
-  return LegacyToNextIntlProvider;
-}(_react.default.Component);
-
-exports.LegacyToNextIntlProvider = LegacyToNextIntlProvider;
-(0, _defineProperty2.default)(LegacyToNextIntlProvider, "contextTypes", {
-  intl: _reactIntl.intlShape
-});

package/dist/es2019/ui/IntlLegacyFallbackProvider/index.js

@@ -1,21 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from 'react';
-import { IntlProvider, intlShape } from 'react-intl';
-export class IntlLegacyFallbackProvider extends React.Component {
-  render() {
-    const oldIntl = this.context.intl;
-
-    if (!oldIntl) {
-      return /*#__PURE__*/React.createElement(IntlProvider, {
-        locale: "en"
-      }, this.props.children);
-    }
-
-    return this.props.children;
-  }
-
-}
-
-_defineProperty(IntlLegacyFallbackProvider, "contextTypes", {
-  intl: intlShape
-});

package/dist/es2019/ui/LegacyToNextIntlProvider/index.js

@@ -1,24 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from 'react';
-import { intlShape } from 'react-intl';
-import { createIntl, RawIntlProvider } from 'react-intl-next';
-export class LegacyToNextIntlProvider extends React.Component {
-  render() {
-    const oldIntl = this.context.intl;
-
-    if (oldIntl) {
-      const nextIntl = createIntl({ ...oldIntl
-      });
-      return /*#__PURE__*/React.createElement(RawIntlProvider, {
-        value: nextIntl
-      }, this.props.children);
-    }
-
-    return this.props.children;
-  }
-
-}
-
-_defineProperty(LegacyToNextIntlProvider, "contextTypes", {
-  intl: intlShape
-});

package/dist/esm/ui/IntlLegacyFallbackProvider/index.js

@@ -1,45 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-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";
-
-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; } }
-
-import React from 'react';
-import { IntlProvider, intlShape } from 'react-intl';
-export var IntlLegacyFallbackProvider = /*#__PURE__*/function (_React$Component) {
-  _inherits(IntlLegacyFallbackProvider, _React$Component);
-
-  var _super = _createSuper(IntlLegacyFallbackProvider);
-
-  function IntlLegacyFallbackProvider() {
-    _classCallCheck(this, IntlLegacyFallbackProvider);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(IntlLegacyFallbackProvider, [{
-    key: "render",
-    value: function render() {
-      var oldIntl = this.context.intl;
-
-      if (!oldIntl) {
-        return /*#__PURE__*/React.createElement(IntlProvider, {
-          locale: "en"
-        }, this.props.children);
-      }
-
-      return this.props.children;
-    }
-  }]);
-
-  return IntlLegacyFallbackProvider;
-}(React.Component);
-
-_defineProperty(IntlLegacyFallbackProvider, "contextTypes", {
-  intl: intlShape
-});

package/dist/esm/ui/LegacyToNextIntlProvider/index.js

@@ -1,51 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-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";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-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; } }
-
-import React from 'react';
-import { intlShape } from 'react-intl';
-import { createIntl, RawIntlProvider } from 'react-intl-next';
-export var LegacyToNextIntlProvider = /*#__PURE__*/function (_React$Component) {
-  _inherits(LegacyToNextIntlProvider, _React$Component);
-
-  var _super = _createSuper(LegacyToNextIntlProvider);
-
-  function LegacyToNextIntlProvider() {
-    _classCallCheck(this, LegacyToNextIntlProvider);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(LegacyToNextIntlProvider, [{
-    key: "render",
-    value: function render() {
-      var oldIntl = this.context.intl;
-
-      if (oldIntl) {
-        var nextIntl = createIntl(_objectSpread({}, oldIntl));
-        return /*#__PURE__*/React.createElement(RawIntlProvider, {
-          value: nextIntl
-        }, this.props.children);
-      }
-
-      return this.props.children;
-    }
-  }]);
-
-  return LegacyToNextIntlProvider;
-}(React.Component);
-
-_defineProperty(LegacyToNextIntlProvider, "contextTypes", {
-  intl: intlShape
-});

package/dist/types/ui/IntlLegacyFallbackProvider/index.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react-intl" />
-import React from 'react';
-export declare class IntlLegacyFallbackProvider extends React.Component {
-    static contextTypes: {
-        intl: ReactIntl.IntlShape;
-    };
-    render(): {} | null | undefined;
-}

package/dist/types/ui/LegacyToNextIntlProvider/index.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react-intl" />
-import React from 'react';
-export declare class LegacyToNextIntlProvider extends React.Component {
-    static contextTypes: {
-        intl: ReactIntl.IntlShape;
-    };
-    render(): {} | null | undefined;
-}