@atlaskit/editor-common 63.0.1 → 66.0.0

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": "63.0.1",
+  "version": "66.0.0",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -38,33 +38,35 @@
     "./emoji": "./src/emoji.ts",
     "./mention": "./src/mention.ts",
     "./provider-helpers": "./src/provider-helpers/index.ts",
-    "./icons": "./src/icons/index.ts"
+    "./icons": "./src/icons/index.ts",
+    "./safe-plugin": "./src/safe-plugin/index.ts"
   },
   "dependencies": {
     "@atlaskit/activity-provider": "^2.3.0",
-    "@atlaskit/adf-schema": "^21.0.0",
-    "@atlaskit/adf-utils": "^15.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.3.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/in-product-testing": "^0.1.0",
-    "@atlaskit/media-card": "^73.1.0",
-    "@atlaskit/media-client": "^14.3.0",
-    "@atlaskit/media-picker": "^59.0.0",
-    "@atlaskit/mention": "^19.7.0",
-    "@atlaskit/profilecard": "^16.2.0",
-    "@atlaskit/smart-card": "^17.0.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.0.6",
-    "@atlaskit/user-picker": "^8.4.0",
-    "@atlaskit/width-detector": "^3.0.0",
+    "@atlaskit/ufo": "^0.1.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",
@@ -81,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.0.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": "*",

package/safe-plugin/package.json

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

package/dist/cjs/styles/shared/inline-nodes.js

@@ -1,17 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.inlineNodeSharedStyle = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _styledComponents = require("styled-components");
-
-var _templateObject;
-
-var inlineNodeSharedStyle = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .inline-node--mobile {\n    display: inline-block !important;\n  }\n"])));
-exports.inlineNodeSharedStyle = inlineNodeSharedStyle;

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/styles/shared/inline-nodes.js

@@ -1,7 +0,0 @@
-import { css } from 'styled-components';
-const inlineNodeSharedStyle = css`
-  .inline-node--mobile {
-    display: inline-block !important;
-  }
-`;
-export { inlineNodeSharedStyle };

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/styles/shared/inline-nodes.js

@@ -1,7 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject;
-
-import { css } from 'styled-components';
-var inlineNodeSharedStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .inline-node--mobile {\n    display: inline-block !important;\n  }\n"])));
-export { inlineNodeSharedStyle };

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/styles/shared/inline-nodes.d.ts

@@ -1,2 +0,0 @@
-declare const inlineNodeSharedStyle: import("styled-components").InterpolationValue[];
-export { inlineNodeSharedStyle };

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;
-}