@atlaskit/editor-core 164.0.3 → 166.0.0

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PortalRenderer = exports.PortalProviderAPI = exports.PortalProvider = void 0;
+exports.PortalRenderer = exports.PortalProviderWithThemeProviders = exports.PortalProviderAPI = exports.PortalProvider = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
@@ -37,6 +37,10 @@ var _enums = require("../../plugins/analytics/types/enums");
 
 var _reactIntlNext = require("react-intl-next");
 
+var _components = require("@atlaskit/theme/components");
+
+var _PortalProviderThemesProvider = require("./PortalProviderThemesProvider");
+
 var _class;
 
 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); }; }
@@ -48,7 +52,7 @@ var PortalProviderAPI = /*#__PURE__*/function (_EventDispatcher) {
 
   var _super = _createSuper(PortalProviderAPI);
 
-  function PortalProviderAPI(intl, onAnalyticsEvent, analyticsContext) {
+  function PortalProviderAPI(intl, onAnalyticsEvent, analyticsContext, themeMode) {
     var _this;
 
     (0, _classCallCheck2.default)(this, PortalProviderAPI);
@@ -60,14 +64,43 @@ var PortalProviderAPI = /*#__PURE__*/function (_EventDispatcher) {
     _this.intl = intl;
     _this.onAnalyticsEvent = onAnalyticsEvent;
     _this.useAnalyticsContext = analyticsContext;
+    _this.themeMode = themeMode;
     return _this;
   }
 
   (0, _createClass2.default)(PortalProviderAPI, [{
     key: "render",
     value: function render(children, container) {
+      var _this2 = this;
+
       var hasAnalyticsContext = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
       var hasIntlContext = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+
+      if (this.themeMode) {
+        var childrenWithThemeProviders = function childrenWithThemeProviders() {
+          return /*#__PURE__*/_react.default.createElement(_PortalProviderThemesProvider.PortalProviderThemeProviders, {
+            mode: _this2.themeMode
+          }, children());
+        };
+
+        this.portals.set(container, {
+          children: childrenWithThemeProviders,
+          hasAnalyticsContext: hasAnalyticsContext,
+          hasIntlContext: hasIntlContext
+        });
+
+        var _wrappedChildren = this.useAnalyticsContext ? /*#__PURE__*/_react.default.createElement(AnalyticsContextWrapper, null, childrenWithThemeProviders()) : childrenWithThemeProviders();
+
+        if (hasIntlContext) {
+          _wrappedChildren = /*#__PURE__*/_react.default.createElement(_reactIntlNext.RawIntlProvider, {
+            value: this.intl
+          }, _wrappedChildren);
+        }
+
+        (0, _reactDom.unstable_renderSubtreeIntoContainer)(this.context, _wrappedChildren, container);
+        return;
+      }
+
       this.portals.set(container, {
         children: children,
         hasAnalyticsContext: hasAnalyticsContext,
@@ -89,28 +122,28 @@ var PortalProviderAPI = /*#__PURE__*/function (_EventDispatcher) {
   }, {
     key: "forceUpdate",
     value: function forceUpdate(_ref) {
-      var _this2 = this;
+      var _this3 = this;
 
       var intl = _ref.intl;
       this.intl = intl;
       this.portals.forEach(function (portal, container) {
-        if (!portal.hasAnalyticsContext && !_this2.useAnalyticsContext && !portal.hasIntlContext) {
+        if (!portal.hasAnalyticsContext && !_this3.useAnalyticsContext && !portal.hasIntlContext) {
           return;
         }
 
         var wrappedChildren = portal.children();
 
-        if (portal.hasAnalyticsContext && _this2.useAnalyticsContext) {
+        if (portal.hasAnalyticsContext && _this3.useAnalyticsContext) {
           wrappedChildren = /*#__PURE__*/_react.default.createElement(AnalyticsContextWrapper, null, wrappedChildren);
         }
 
         if (portal.hasIntlContext) {
           wrappedChildren = /*#__PURE__*/_react.default.createElement(_reactIntlNext.RawIntlProvider, {
-            value: _this2.intl
+            value: _this3.intl
           }, wrappedChildren);
         }
 
-        (0, _reactDom.unstable_renderSubtreeIntoContainer)(_this2.context, wrappedChildren, container);
+        (0, _reactDom.unstable_renderSubtreeIntoContainer)(_this3.context, wrappedChildren, container);
       });
     }
   }, {
@@ -157,12 +190,12 @@ var BasePortalProvider = /*#__PURE__*/function (_React$Component) {
   var _super2 = _createSuper(BasePortalProvider);
 
   function BasePortalProvider(props) {
-    var _this3;
+    var _this4;
 
     (0, _classCallCheck2.default)(this, BasePortalProvider);
-    _this3 = _super2.call(this, props);
-    _this3.portalProviderAPI = new PortalProviderAPI(props.intl, props.onAnalyticsEvent, props.useAnalyticsContext);
-    return _this3;
+    _this4 = _super2.call(this, props);
+    _this4.portalProviderAPI = new PortalProviderAPI(props.intl, props.onAnalyticsEvent, props.useAnalyticsContext, props.themeMode);
+    return _this4;
   }
 
   (0, _createClass2.default)(BasePortalProvider, [{
@@ -185,27 +218,41 @@ var BasePortalProvider = /*#__PURE__*/function (_React$Component) {
 var PortalProvider = (0, _reactIntlNext.injectIntl)(BasePortalProvider);
 exports.PortalProvider = PortalProvider;
 
+var PortalProviderWithThemeProviders = function PortalProviderWithThemeProviders(props) {
+  var intl = (0, _reactIntlNext.useIntl)();
+  var globalTheme = (0, _components.useGlobalTheme)();
+  return /*#__PURE__*/_react.default.createElement(BasePortalProvider, {
+    intl: intl,
+    themeMode: globalTheme.mode,
+    onAnalyticsEvent: props.onAnalyticsEvent,
+    useAnalyticsContext: props.useAnalyticsContext,
+    render: props.render
+  });
+};
+
+exports.PortalProviderWithThemeProviders = PortalProviderWithThemeProviders;
+
 var PortalRenderer = /*#__PURE__*/function (_React$Component2) {
   (0, _inherits2.default)(PortalRenderer, _React$Component2);
 
   var _super3 = _createSuper(PortalRenderer);
 
   function PortalRenderer(props) {
-    var _this4;
+    var _this5;
 
     (0, _classCallCheck2.default)(this, PortalRenderer);
-    _this4 = _super3.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this4), "handleUpdate", function (portals) {
-      return _this4.setState({
+    _this5 = _super3.call(this, props);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this5), "handleUpdate", function (portals) {
+      return _this5.setState({
         portals: portals
       });
     });
-    props.portalProviderAPI.setContext((0, _assertThisInitialized2.default)(_this4));
-    props.portalProviderAPI.on('update', _this4.handleUpdate);
-    _this4.state = {
+    props.portalProviderAPI.setContext((0, _assertThisInitialized2.default)(_this5));
+    props.portalProviderAPI.on('update', _this5.handleUpdate);
+    _this5.state = {
       portals: new Map()
     };
-    return _this4;
+    return _this5;
   }
 
   (0, _createClass2.default)(PortalRenderer, [{

package/dist/cjs/utils/check-if-mobile-bridge.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.checkIfMobileBridge = checkIfMobileBridge;
+
+function checkIfMobileBridge() {
+  /**
+   * This variable is setup on mobile prior to the editor being
+   * rendered.
+   *
+   * -- packages/editor/editor-mobile-bridge/src/editor/native-to-web/bridge-initialiser.ts
+   * - packages/editor/editor-mobile-bridge/src/__tests__/integration-webview/_mocks/editor-component.tsx
+   */
+  var isMobileBridge = typeof window !== 'undefined' && 'bridge' in window && // @ts-ignore
+  'mediaMap' in window.bridge;
+  return isMobileBridge;
+}

package/dist/cjs/version-wrapper.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.nextMajorVersion = exports.name = void 0;
 var name = "@atlaskit/editor-core";
 exports.name = name;
-var version = "164.0.3";
+var version = "166.0.0";
 exports.version = version;
 
 var nextMajorVersion = function nextMajorVersion() {

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "164.0.3",
+	"version": "166.0.0",
 	"sideEffects": false
 }

package/dist/es2019/actions/index.js

@@ -10,6 +10,7 @@ import { analyticsEventKey } from '@atlaskit/editor-common/utils';
 import { findNodePosWithLocalId } from '../plugins/extension/utils';
 import { getFeatureFlags } from '../plugins/feature-flags-context/get-feature-flags';
 import { getCollabProvider } from '../plugins/collab-edit/native-collab-provider-plugin';
+import deprecationWarnings from '../utils/deprecation-warnings';
 export default class EditorActions {
   constructor() {
     _defineProperty(this, "listeners", []);
@@ -196,7 +197,17 @@ export default class EditorActions {
     return isEmptyDocument(this.editorView.state.doc);
   }
 
-  replaceDocument(rawValue, shouldScrollToBottom = true, shouldAddToHistory = true) {
+  replaceDocument(rawValue, shouldScrollToBottom = true,
+  /** @deprecated [ED-14158] shouldAddToHistory is not being used in this function */
+  shouldAddToHistory = true) {
+    deprecationWarnings('EditorActions.replaceDocument', {
+      shouldAddToHistory
+    }, [{
+      property: 'shouldAddToHistory',
+      description: '[ED-14158] EditorActions.replaceDocument does not use the shouldAddToHistory arg',
+      type: 'removed'
+    }]);
+
     if (!this.editorView || rawValue === undefined || rawValue === null) {
       return false;
     }

package/dist/es2019/create-editor/ReactEditorView.js

@@ -534,9 +534,20 @@ export class ReactEditorView extends React.Component {
           config: this.config,
           eventDispatcher: this.eventDispatcher,
           transformer: this.contentTransformer
-        });
+        }); // Allows us to dispatch analytics within the plugin view.destory methods
+
+        const analyticsConnected = this.eventDispatcher.has(analyticsEventKey, this.handleAnalyticsEvent);
+
+        if (!analyticsConnected) {
+          this.eventDispatcher.on(analyticsEventKey, this.handleAnalyticsEvent);
+        }
+
         this.view.destroy(); // Destroys the dom node & all node views
 
+        if (!analyticsConnected) {
+          this.eventDispatcher.off(analyticsEventKey, this.handleAnalyticsEvent);
+        }
+
         this.view = undefined;
       }
     });
@@ -667,7 +678,6 @@ export class ReactEditorView extends React.Component {
     // This serves to avoid potential runtime exceptions which could arise
     // from an async dispatched transaction after it's unmounted.
     this.canDispatchTransactions = false;
-    this.eventDispatcher.destroy();
     clearTimeout(this.focusTimeoutId);
 
     if (this.reliabilityInterval) {
@@ -686,11 +696,9 @@ export class ReactEditorView extends React.Component {
           state.destroy();
         }
       });
-    } // this.view will be destroyed when React unmounts in handleEditorViewRef
-
+    }
 
-    this.eventDispatcher.off(analyticsEventKey, this.handleAnalyticsEvent);
-    this.eventDispatcher.off('resetEditorState', this.resetEditorState);
+    this.eventDispatcher.destroy(); // this.view will be destroyed when React unmounts in handleEditorViewRef
   } // Helper to allow tests to inject plugins directly
 
 

package/dist/es2019/create-editor/create-plugins-list.js

@@ -192,8 +192,7 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
 
   if (props.emojiProvider) {
     preset.add([emojiPlugin, {
-      createAnalyticsEvent,
-      allowZeroWidthSpaceAfter: !isMobile
+      createAnalyticsEvent
     }]);
   }
 

package/dist/es2019/editor.js

@@ -18,7 +18,7 @@ import { getUiComponent } from './create-editor';
 import EditorActions from './actions';
 import { ReactEditorView } from './create-editor';
 import EditorContext from './ui/EditorContext';
-import { PortalProvider, PortalRenderer } from './ui/PortalProvider';
+import { PortalProvider, PortalProviderWithThemeProviders, PortalRenderer } from './ui/PortalProvider';
 import { nextMajorVersion } from './version-wrapper';
 import { ContextAdapter } from './nodeviews/context-adapter';
 import measurements from './utils/performance/measure-enum';
@@ -27,6 +27,7 @@ import { fireAnalyticsEvent, EVENT_TYPE, ACTION_SUBJECT, ACTION } from './plugin
 import ErrorBoundary from './create-editor/ErrorBoundary';
 import { createFeatureFlagsFromProps } from './plugins/feature-flags-context/feature-flags-from-props';
 import { RenderTracking } from './utils/performance/components/RenderTracking';
+import { checkIfMobileBridge } from './utils/check-if-mobile-bridge';
 const fullHeight = css`
   height: 100%;
 `;
@@ -423,6 +424,22 @@ export default class Editor extends React.Component {
     const renderTracking = (_this$props$performan3 = this.props.performanceTracking) === null || _this$props$performan3 === void 0 ? void 0 : (_this$props$performan4 = _this$props$performan3.renderTracking) === null || _this$props$performan4 === void 0 ? void 0 : _this$props$performan4.editor;
     const renderTrackingEnabled = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.enabled;
     const useShallow = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.useShallow;
+    /**
+     * The PortalProviderWithThemeProviders renders portals with atlaskit
+     * and the deprecated styled components theme providers.
+     *
+     * Without this the node views react trees;
+     * - do not have access to the atlaskit theme via the `useGlobalTheme` hook
+     * - do not have access to the theme when using the `styled`${({theme}) => theme.}` api.
+     *
+     * Added for a mobile regression, which needed to be fixed on master.
+     * Once this makes it's way to develop, we should consider making it the default
+     * behaviour.
+     *
+     * https://product-fabric.atlassian.net/browse/ED-14204
+     */
+
+    const EnvironmentDrivenPortalProvider = checkIfMobileBridge() ? PortalProviderWithThemeProviders : PortalProvider;
     return jsx(FabricEditorAnalyticsContext, {
       data: {
         packageName: name,
@@ -446,7 +463,7 @@ export default class Editor extends React.Component {
         css: fullHeight
       }, jsx(EditorContext, {
         editorActions: this.editorActions
-      }, jsx(ContextAdapter, null, jsx(PortalProvider, {
+      }, jsx(ContextAdapter, null, jsx(EnvironmentDrivenPortalProvider, {
         onAnalyticsEvent: this.handleAnalyticsEvent,
         useAnalyticsContext: this.props.UNSAFE_useAnalyticsContext,
         render: portalProviderAPI => jsx(Fragment, null, jsx(ReactEditorView, {
@@ -480,6 +497,7 @@ export default class Editor extends React.Component {
               eventDispatcher: eventDispatcher,
               dispatchAnalyticsEvent: dispatchAnalyticsEvent,
               maxHeight: this.props.maxHeight,
+              minHeight: this.props.minHeight,
               onSave: this.props.onSave ? this.handleSave : undefined,
               onCancel: this.props.onCancel,
               popupsMountPoint: this.props.popupsMountPoint,
@@ -519,6 +537,19 @@ _defineProperty(Editor, "defaultProps", {
   quickInsert: true
 });
 
+_defineProperty(Editor, "propTypes", {
+  minHeight: ({
+    appearance,
+    minHeight
+  }) => {
+    if (minHeight && appearance && !['comment', 'chromeless'].includes(appearance)) {
+      return new Error('minHeight only supports editor appearance chromeless and comment');
+    }
+
+    return null;
+  }
+});
+
 _defineProperty(Editor, "contextTypes", {
   editorActions: PropTypes.object
 });

package/dist/es2019/event-dispatcher/index.js

@@ -12,6 +12,14 @@ export class EventDispatcher {
     this.listeners[event].add(cb);
   }
 
+  has(event, cb) {
+    if (!this.listeners[event]) {
+      return false;
+    }
+
+    return this.listeners[event].has(cb);
+  }
+
   off(event, cb) {
     if (!this.listeners[event]) {
       return;

package/dist/es2019/nodeviews/ReactNodeView.js

@@ -4,7 +4,6 @@ import React from 'react';
 import { createDispatch } from '../event-dispatcher';
 import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../plugins/analytics';
 import { analyticsEventKey } from '../plugins/analytics/consts';
-import { getFeatureFlags } from '../plugins/feature-flags-context';
 import { ErrorBoundary } from '../ui/ErrorBoundary';
 import { getPerformanceOptions, startMeasureReactNodeViewRendered, stopMeasureReactNodeViewRendered } from './getPerformanceOptions';
 export default class ReactNodeView {
@@ -101,20 +100,12 @@ export default class ReactNodeView {
     this.portalProviderAPI.render(componentWithErrorBoundary, this.domRef, this.hasAnalyticsContext, this.hasIntlContext);
   }
 
-  createDomRef(options) {
+  createDomRef() {
     if (!this.node.isInline) {
       return document.createElement('div');
     }
 
     const htmlElement = document.createElement('span');
-    const state = this.view.state;
-    const featureFlags = getFeatureFlags(state);
-
-    if (featureFlags && featureFlags.displayInlineBlockForInlineNodes && (options === null || options === void 0 ? void 0 : options.displayInlineBlockForInlineNodes) !== false) {
-      htmlElement.style.display = 'inline-block';
-      htmlElement.style.userSelect = 'all';
-    }
-
     return htmlElement;
   }
 

package/dist/es2019/nodeviews/getInlineNodeViewProducer.styles.js

@@ -6,6 +6,15 @@ export const InlineNodeViewSharedStyles = css`
   .inlineNodeView {
     display: inline;
     user-select: all;
+    /* Collapses zero width spaces inside the inline node view
+    to prevent the node from line breaking too early.
+    */
+    white-space: nowrap;
+    /* Then reset to the Editor default so we don't interfere
+    with any component styling. */
+    & > * {
+      white-space: pre-wrap;
+    }
   }
 
   &.ua-chrome .inlineNodeView > span {

package/dist/es2019/plugins/analytics/types/enums.js

@@ -55,6 +55,7 @@ export let ACTION;
   ACTION["INDENTED"] = "indented";
   ACTION["INITIALISED"] = "initialised";
   ACTION["INPUT_PERF_SAMPLING"] = "inputPerfSampling";
+  ACTION["INPUT_PERF_SAMPLING_AVG"] = "inputPerfSamplingAvg";
   ACTION["INSERTED"] = "inserted";
   ACTION["INVALID_DOCUMENT_ENCOUNTERED"] = "invalidDocumentEncountered";
   ACTION["INVOKED"] = "invoked";