@atlaskit/editor-common 88.6.1 → 88.7.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @atlaskit/editor-common
 
+## 88.7.0
+
+### Minor Changes
+
+- [#136261](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/136261)
+  [`7e900c6a2ae84`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7e900c6a2ae84) -
+  Lazy node view loading without setProps
+
+### Patch Changes
+
+- [#136261](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/136261)
+  [`7e900c6a2ae84`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7e900c6a2ae84) -
+  Replace LazyNodeView without view.setProps
+
+## 88.6.2
+
+### Patch Changes
+
+- [#136143](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/136143)
+  [`851c2575d214e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/851c2575d214e) -
+  Use optimised entry-points for analytics packages to reduce bundle size.
+- Updated dependencies
+
 ## 88.6.1
 
 ### Patch Changes

package/dist/cjs/analytics/fire-analytics-event.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.fireAnalyticsEvent = exports.editorAnalyticsChannel = void 0;
-var _analyticsListeners = require("@atlaskit/analytics-listeners");
+var _types = require("@atlaskit/analytics-listeners/types");
 var _analyticsQueue = require("./analytics-queue");
-var editorAnalyticsChannel = exports.editorAnalyticsChannel = _analyticsListeners.FabricChannel.editor;
+var editorAnalyticsChannel = exports.editorAnalyticsChannel = _types.FabricChannel.editor;
 var fireAnalyticsEvent = exports.fireAnalyticsEvent = function fireAnalyticsEvent(createAnalyticsEvent) {
   return function (_ref) {
     var payload = _ref.payload,

package/dist/cjs/element-browser/components/CategoryList.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _withAnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsContext"));
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 var _colors = require("@atlaskit/theme/colors");
 var _analytics = require("../../analytics");
@@ -191,7 +191,7 @@ var buttonWrapper = (0, _react2.css)((0, _defineProperty2.default)({
     marginBottom: 0
   }
 }));
-var MemoizedCategoryListWithAnalytics = /*#__PURE__*/(0, _react.memo)((0, _analyticsNext.withAnalyticsContext)({
+var MemoizedCategoryListWithAnalytics = /*#__PURE__*/(0, _react.memo)((0, _withAnalyticsContext.default)({
   component: 'CategoryList'
 })(CategoryList));
 var _default = exports.default = MemoizedCategoryListWithAnalytics;

package/dist/cjs/element-browser/components/ElementList/ElementList.js

@@ -15,7 +15,7 @@ var _react2 = require("@emotion/react");
 var _reactVirtualized = require("react-virtualized");
 var _AutoSizer = require("react-virtualized/dist/commonjs/AutoSizer");
 var _CellMeasurer = require("react-virtualized/dist/commonjs/CellMeasurer");
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _withAnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsContext"));
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _shortcut = require("@atlaskit/editor-shared-styles/shortcut");
 var _menu = require("@atlaskit/menu");
@@ -413,7 +413,7 @@ var itemIconStyle = (0, _react2.css)({
     objectFit: 'cover'
   }
 });
-var MemoizedElementListWithAnalytics = /*#__PURE__*/(0, _react.memo)((0, _analyticsNext.withAnalyticsContext)({
+var MemoizedElementListWithAnalytics = /*#__PURE__*/(0, _react.memo)((0, _withAnalyticsContext.default)({
   component: 'ElementList'
 })(ElementList));
 var _default = exports.default = MemoizedElementListWithAnalytics;

package/dist/cjs/element-browser/components/ElementSearch.js

@@ -10,7 +10,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _withAnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsContext"));
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _shortcut = require("@atlaskit/editor-shared-styles/shortcut");
 var _search = _interopRequireDefault(require("@atlaskit/icon/glyph/search"));
@@ -181,7 +181,7 @@ var elementAfterInput = (0, _react2.css)({
   height: _constants.SEARCH_ITEM_HEIGHT_WIDTH,
   textAlign: 'center'
 });
-var MemoizedElementSearchWithAnalytics = /*#__PURE__*/(0, _react.memo)((0, _analyticsNext.withAnalyticsContext)({
+var MemoizedElementSearchWithAnalytics = /*#__PURE__*/(0, _react.memo)((0, _withAnalyticsContext.default)({
   component: 'Searchbar'
 })((0, _reactIntlNext.injectIntl)(ElementSearch)));
 var _default = exports.default = MemoizedElementSearchWithAnalytics;

package/dist/cjs/element-browser/components/StatelessElementBrowser.js

@@ -11,7 +11,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _withAnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsContext"));
+var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _analytics = require("../../analytics");
 var _constants = require("../constants");
@@ -413,7 +414,7 @@ function DesktopBrowser(_ref2) {
     setFocusedCategoryIndex: showCategories ? setFocusedCategoryIndex : undefined
   })));
 }
-var MemoizedElementBrowser = /*#__PURE__*/(0, _react.memo)((0, _analyticsNext.withAnalyticsContext)({
+var MemoizedElementBrowser = /*#__PURE__*/(0, _react.memo)((0, _withAnalyticsContext.default)({
   source: 'ElementBrowser'
-})((0, _analyticsNext.withAnalyticsEvents)()(StatelessElementBrowser)));
+})((0, _withAnalyticsEvents.default)()(StatelessElementBrowser)));
 var _default = exports.default = MemoizedElementBrowser;

package/dist/cjs/lazy-node-view/index.js

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,10 +10,20 @@ Object.defineProperty(exports, "convertToInlineCss", {
     return _cssHelper.convertToInlineCss;
   }
 });
+exports.lazyNodeViewDecorationPluginKey = void 0;
+exports.testOnlyIgnoreLazyNodeView = testOnlyIgnoreLazyNodeView;
 exports.withLazyLoading = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _state = require("@atlaskit/editor-prosemirror/state");
 var _nodeView = require("./node-view");
-var _replaceNodeViews = require("./replace-node-views");
 var _cssHelper = require("./css-helper");
+/**
+ * 📢 Public Plugin Key
+ *
+ * Communication channel between LazyNodeView loader and LazyNodeViewDecorationPlugin.
+ */
+var lazyNodeViewDecorationPluginKey = exports.lazyNodeViewDecorationPluginKey = new _state.PluginKey('lazyNodeViewDecoration');
+
 /**
  * 📢 Public Type
  *
@@ -25,6 +36,12 @@ var _cssHelper = require("./css-helper");
  * @see {withLazyLoading}
  */
 
+/**
+ * 🧱 Internal: Editor FE Platform
+ *
+ * Caches loaded node view factory functions
+ */
+
 /**
  * 🧱 Internal: Editor FE Platform
  *
@@ -32,6 +49,33 @@ var _cssHelper = require("./css-helper");
  */
 var requestedNodesPerEditorView = new WeakMap();
 
+/**
+ * 🧱 Internal: Editor FE Platform
+ *
+ * Caches loaded node view factory functions for each editor view
+ */
+var resolvedNodesPerEditorView = new WeakMap();
+
+/**
+ * 🧱 Internal: Editor FE Platform
+ *
+ * Stores editorView -> raf to debounce NodeView updates.
+ */
+var debounceToEditorViewMap = new WeakMap();
+var testOnlyIgnoreLazyNodeViewSet = new WeakSet();
+/**
+ * 🧱 Internal: Editor FE Platform
+ *
+ * Used in tests to prevent lazy node view being replaced by a real node view.
+ *
+ * This needs to be replaced with proper implementation once LazyNodeView is converted to a plugin.
+ *
+ * @deprecated DO NOT USE THIS OUSIDE TESTS.
+ */
+function testOnlyIgnoreLazyNodeView(view) {
+  testOnlyIgnoreLazyNodeViewSet.add(view);
+}
+
 /**
  * 📢 Public: Any EditorPlugin can use this function
  *
@@ -75,28 +119,62 @@ var requestedNodesPerEditorView = new WeakMap();
 var withLazyLoading = exports.withLazyLoading = function withLazyLoading(_ref) {
   var nodeName = _ref.nodeName,
     loader = _ref.loader,
-    getNodeViewOptions = _ref.getNodeViewOptions,
-    dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent;
+    getNodeViewOptions = _ref.getNodeViewOptions;
   var createLazyNodeView = function createLazyNodeView(node, view, getPos, decorations) {
     var _node$type;
     var requestedNodes = requestedNodesPerEditorView.get(view);
     if (!requestedNodes) {
-      requestedNodes = new Set(), requestedNodesPerEditorView.set(view, requestedNodes);
+      requestedNodes = new Map();
+      requestedNodesPerEditorView.set(view, requestedNodes);
+    }
+    var resolvedNodeViews = resolvedNodesPerEditorView.get(view);
+    if (!resolvedNodeViews) {
+      resolvedNodesPerEditorView.set(view, new Map());
     }
     var wasAlreadyRequested = requestedNodes.has(nodeName);
     if (wasAlreadyRequested) {
-      return new _nodeView.LazyNodeView(node, view, getPos);
+      var resolvedNodeView = resolvedNodeViews === null || resolvedNodeViews === void 0 ? void 0 : resolvedNodeViews.get(nodeName);
+      if (resolvedNodeView && !testOnlyIgnoreLazyNodeViewSet.has(view)) {
+        return resolvedNodeView(node, view, getPos, decorations);
+      }
+      return new _nodeView.LazyNodeView(node, view, getPos, requestedNodes.get(nodeName));
     }
-    requestedNodes.add(nodeName);
-    loader().then(function (nodeViewFuncModule) {
+    var loaderPromise = loader().then(function (nodeViewFuncModule) {
+      var _resolvedNodesPerEdit;
       var nodeViewFunc = function nodeViewFunc(node, view, getPos, decorations) {
         return nodeViewFuncModule(node, view, getPos, decorations, getNodeViewOptions);
       };
-      (0, _replaceNodeViews.queueReplaceNodeViews)(view, {
-        nodeName: nodeName,
-        nodeViewFunc: nodeViewFunc
+      (_resolvedNodesPerEdit = resolvedNodesPerEditorView.get(view)) === null || _resolvedNodesPerEdit === void 0 || _resolvedNodesPerEdit.set(nodeName, nodeViewFunc);
+
+      /**
+       * Triggering lazyNodeViewDecoration plugin to apply decorations
+       * to nodes with newly loaded NodeViews.
+       */
+      var _ref2 = debounceToEditorViewMap.get(view) || [null, new Set()],
+        _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+        raf = _ref3[0],
+        nodeTypes = _ref3[1];
+      if (raf) {
+        cancelAnimationFrame(raf);
+      }
+      nodeTypes.add(node.type.name);
+      var nextRaf = requestAnimationFrame(function () {
+        debounceToEditorViewMap.set(view, [null, new Set()]);
+        var tr = view.state.tr;
+        tr.setMeta(lazyNodeViewDecorationPluginKey, {
+          type: 'add',
+          nodeTypes: nodeTypes
+        });
+        view.dispatch(tr);
       });
+      debounceToEditorViewMap.set(view, [nextRaf, nodeTypes]);
+      /**
+       * END triggering LazyNodeViewDecoration plugin
+       */
+
+      return nodeViewFunc;
     });
+    requestedNodes.set(nodeName, loaderPromise);
     if (typeof ((_node$type = node.type) === null || _node$type === void 0 || (_node$type = _node$type.spec) === null || _node$type === void 0 ? void 0 : _node$type.toDOM) !== 'function') {
       // TODO: Analytics ED-23982
       // dispatchAnalyticsEvent({
@@ -109,7 +187,7 @@ var withLazyLoading = exports.withLazyLoading = function withLazyLoading(_ref) {
       //   },
       // });
     }
-    return new _nodeView.LazyNodeView(node, view, getPos);
+    return new _nodeView.LazyNodeView(node, view, getPos, loaderPromise);
   };
   return createLazyNodeView;
 };

package/dist/cjs/lazy-node-view/node-view.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.LazyNodeView = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _memoize = _interopRequireDefault(require("lodash/memoize"));
 var _model = require("@atlaskit/editor-prosemirror/model");
 var getEditorLineWidth = (0, _memoize.default)(function (view) {
@@ -20,18 +21,34 @@ var getEditorLineWidth = (0, _memoize.default)(function (view) {
  * A NodeView that serves as a placeholder until the actual NodeView is loaded.
  */
 var LazyNodeView = exports.LazyNodeView = /*#__PURE__*/function () {
-  function LazyNodeView(node, view, getPos) {
-    var _node$type;
+  function LazyNodeView(_node, view, _getPos, nodeViewLoader) {
+    var _this = this,
+      _node$type;
     (0, _classCallCheck2.default)(this, LazyNodeView);
-    this.node = node;
-    if (typeof ((_node$type = node.type) === null || _node$type === void 0 || (_node$type = _node$type.spec) === null || _node$type === void 0 ? void 0 : _node$type.toDOM) !== 'function') {
+    (0, _defineProperty2.default)(this, "update", function (node) {
+      var prevNode = _this.node;
+      _this.node = node;
+
+      // Forcing NodeView to be re-created
+      // so that ProseMirror can replace LazyNodeView with the real one.
+      if (_this.isNodeViewLoaded) {
+        return false;
+      }
+
+      // Copying some of the default NodeView update behaviour
+      // https://github.com/ProseMirror/prosemirror-view/blob/cfa73eb969777f63bcb39972594fd4a9110f5a93/src/viewdesc.ts#L803
+      return !_this.node.sameMarkup(prevNode);
+    });
+    this.node = _node;
+    this.isNodeViewLoaded = false;
+    if (typeof ((_node$type = _node.type) === null || _node$type === void 0 || (_node$type = _node$type.spec) === null || _node$type === void 0 ? void 0 : _node$type.toDOM) !== 'function') {
       this.dom = document.createElement('div');
       return;
     }
     var toDOMConfiguration = {
       editorLineWidth: getEditorLineWidth(view)
     };
-    var fallback = _model.DOMSerializer.renderSpec(document, node.type.spec.toDOM(node,
+    var fallback = _model.DOMSerializer.renderSpec(document, _node.type.spec.toDOM(_node,
     // We are injecting a second parameter to be used by the toDOM lazy node view implementations
     // @ts-expect-error
     toDOMConfiguration));
@@ -40,16 +57,19 @@ var LazyNodeView = exports.LazyNodeView = /*#__PURE__*/function () {
     if (this.dom instanceof HTMLElement) {
       // This attribute is mostly used for debugging purposed
       // It will help us to found out when the node was replaced
-      this.dom.setAttribute('data-lazy-node-view', node.type.name);
+      this.dom.setAttribute('data-lazy-node-view', _node.type.name);
       // This is used on Libra tests
       // We are using this to make sure all lazy noded were replaced
       // before the test started
       this.dom.setAttribute('data-lazy-node-view-fallback', 'true');
     }
+    nodeViewLoader.then(function () {
+      _this.isNodeViewLoaded = true;
+    });
   }
   (0, _createClass2.default)(LazyNodeView, [{
     key: "ignoreMutation",
-    value: function ignoreMutation(mutation) {
+    value: function ignoreMutation() {
       if (this.node.type.isTextblock) {
         return false;
       }

package/dist/cjs/link/ConfigureLinkOverlay/Dropdown.js

@@ -11,7 +11,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _withAnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsContext"));
 var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
 var _preferences = _interopRequireDefault(require("@atlaskit/icon/glyph/preferences"));
@@ -107,6 +107,6 @@ var Dropdown = function Dropdown(_ref) {
     testId: "".concat(testId, "-dropdown-item-configure")
   }, configureLinkLabel)));
 };
-var _default = exports.default = (0, _analyticsNext.withAnalyticsContext)({
+var _default = exports.default = (0, _withAnalyticsContext.default)({
   source: SMALL_LINK_TOOLBAR_ANALYTICS_SOURCE
 })(Dropdown);

package/dist/cjs/link/ConfigureLinkOverlay/index.js

@@ -9,7 +9,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _withAnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsContext"));
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _preferences = _interopRequireDefault(require("@atlaskit/icon/glyph/preferences"));
 var _colors = require("@atlaskit/theme/colors");
@@ -36,7 +36,7 @@ var buttonWrapperStyles = (0, _react2.css)({
   borderRadius: "var(--ds-border-radius, 3px)"
 });
 var showDropdownThresholdPx = 50;
-var OverlayButton = exports.OverlayButton = (0, _analyticsNext.withAnalyticsContext)()(function (_ref) {
+var OverlayButton = exports.OverlayButton = (0, _withAnalyticsContext.default)()(function (_ref) {
   var _docNode$nodeSize;
   var editorView = _ref.editorView,
     _ref$testId = _ref.testId,

package/dist/cjs/link/ConfigureLinkOverlay/useLinkOverlayAnalyticsEvents.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useLinkOverlayAnalyticsEvents = void 0;
 var _react = require("react");
-var _analyticsListeners = require("@atlaskit/analytics-listeners");
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _types = require("@atlaskit/analytics-listeners/types");
+var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents");
 var _analytics = require("../../analytics");
 var useLinkOverlayAnalyticsEvents = exports.useLinkOverlayAnalyticsEvents = function useLinkOverlayAnalyticsEvents() {
-  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   return (0, _react.useMemo)(function () {
     return {
@@ -30,7 +30,7 @@ var useLinkOverlayAnalyticsEvents = exports.useLinkOverlayAnalyticsEvents = func
           attributes: {
             action: linkAction
           }
-        }).fire(_analyticsListeners.FabricChannel.media);
+        }).fire(_types.FabricChannel.media);
       },
       /**
        * When a user clicks on the dropdown for a short link, or when a user clicks on the configure button for a wide link.
@@ -40,7 +40,7 @@ var useLinkOverlayAnalyticsEvents = exports.useLinkOverlayAnalyticsEvents = func
           action: _analytics.ACTION.CLICKED,
           actionSubject: _analytics.ACTION_SUBJECT.LINK,
           eventType: _analytics.EVENT_TYPE.UI
-        }).fire(_analyticsListeners.FabricChannel.media);
+        }).fire(_types.FabricChannel.media);
       },
       fireToolbarViewEvent: function fireToolbarViewEvent() {
         createAnalyticsEvent({
@@ -51,7 +51,7 @@ var useLinkOverlayAnalyticsEvents = exports.useLinkOverlayAnalyticsEvents = func
           attributes: {
             linkType: 'smallLink'
           }
-        }).fire(_analyticsListeners.FabricChannel.media);
+        }).fire(_types.FabricChannel.media);
       }
     };
   }, [createAnalyticsEvent]);

package/dist/cjs/link/LinkPicker/EditorLinkPicker/index.js

@@ -9,7 +9,7 @@ exports.EditorLinkPicker = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _AnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/AnalyticsContext"));
 var _lazy = require("@atlaskit/link-picker/lazy");
 var _utils = require("../../../utils");
 var _useEscapeClickaway = require("./useEscapeClickaway");
@@ -77,7 +77,7 @@ var EditorLinkPicker = exports.EditorLinkPicker = function EditorLinkPicker(_ref
   }, [invokeMethod, analyticsEditorAppearance]);
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: ref
-  }, /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
+  }, /*#__PURE__*/_react.default.createElement(_AnalyticsContext.default, {
     data: analyticsData
   }, /*#__PURE__*/_react.default.createElement(_lazy.LazyLinkPicker, (0, _extends2.default)({}, restProps, {
     onCancel: onEscape

package/dist/cjs/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -23,7 +23,7 @@ var _debounce = _interopRequireDefault(require("lodash/debounce"));
 var _reactDom = require("react-dom");
 var _reactIntlNext = require("react-intl-next");
 var _adfSchema = require("@atlaskit/adf-schema");
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
 var _ = _interopRequireDefault(require("@atlaskit/icon-object/glyph/page/16"));
 var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/cross-circle"));
 var _primitives = require("@atlaskit/primitives");
@@ -959,4 +959,4 @@ function limit(items) {
   return items.slice(0, RECENT_SEARCH_LIST_SIZE);
 }
 var HyperlinkLinkAddToolbarWithIntl = exports.HyperlinkLinkAddToolbarWithIntl = (0, _reactIntlNext.injectIntl)(HyperlinkLinkAddToolbar);
-var _default = exports.default = (0, _analyticsNext.withAnalyticsEvents)()(HyperlinkLinkAddToolbarWithIntl);
+var _default = exports.default = (0, _withAnalyticsEvents.default)()(HyperlinkLinkAddToolbarWithIntl);

package/dist/cjs/media-inline/media-inline-image-card.js

@@ -11,7 +11,7 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _reactIntlNext = require("react-intl-next");
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents");
 var _mediaCard = require("@atlaskit/media-card");
 var _mediaClient = require("@atlaskit/media-client");
 var _mediaClientReact = require("@atlaskit/media-client-react");
@@ -64,7 +64,7 @@ var MediaInlineImageCardInternal = exports.MediaInlineImageCardInternal = functi
       locale: 'en'
     }),
     formatMessage = _ref2.formatMessage;
-  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+  var _useAnalyticsEvents = (0, _useAnalyticsEvents2.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var fireFailedOperationalEvent = function fireFailedOperationalEvent() {
     var error = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new _mediaCard.MediaCardError('missing-error-data');

package/dist/cjs/monitoring/error.js

@@ -17,7 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "88.6.1";
+var packageVersion = "88.7.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -14,7 +14,9 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _createAndFireEvents = _interopRequireDefault(require("@atlaskit/analytics-next/createAndFireEvents"));
+var _withAnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsContext"));
+var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
 var _colors = require("@atlaskit/theme/colors");
 var _Layer = _interopRequireDefault(require("../Layer"));
 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); }; }
@@ -23,7 +25,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "88.6.1";
+var packageVersion = "88.7.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {
@@ -170,12 +172,12 @@ var DropList = /*#__PURE__*/function (_Component) {
   }]);
   return DropList;
 }(_react.Component);
-var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
-var _default = exports.default = (0, _analyticsNext.withAnalyticsContext)({
+var createAndFireEventOnAtlaskit = (0, _createAndFireEvents.default)('atlaskit');
+var _default = exports.default = (0, _withAnalyticsContext.default)({
   componentName: 'droplist',
   packageName: packageName,
   packageVersion: packageVersion
-})((0, _analyticsNext.withAnalyticsEvents)({
+})((0, _withAnalyticsEvents.default)({
   onOpenChange: createAndFireEventOnAtlaskit({
     action: 'toggled',
     actionSubject: 'droplist',

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

@@ -11,10 +11,10 @@ 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 _react = _interopRequireDefault(require("react"));
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
 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() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var WithCreateAnalyticsEvent = exports.WithCreateAnalyticsEvent = (0, _analyticsNext.withAnalyticsEvents)()( /*#__PURE__*/function (_React$Component) {
+var WithCreateAnalyticsEvent = exports.WithCreateAnalyticsEvent = (0, _withAnalyticsEvents.default)()( /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(WithCreateAnalyticsEvent, _React$Component);
   var _super = _createSuper(WithCreateAnalyticsEvent);
   function WithCreateAnalyticsEvent() {

package/dist/cjs/ui-menu/ColorPickerButton/index.js

@@ -8,7 +8,8 @@ exports.default = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _withAnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsContext"));
+var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
 var _colors = require("@atlaskit/theme/colors");
@@ -236,6 +237,6 @@ var ColorPickerButton = function ColorPickerButton(props) {
     "data-selected-color": props.currentColor
   })), renderPopup());
 };
-var _default = exports.default = (0, _analyticsNext.withAnalyticsContext)({
+var _default = exports.default = (0, _withAnalyticsContext.default)({
   source: 'ConfigPanel'
-})((0, _analyticsNext.withAnalyticsEvents)()(ColorPickerButton));
+})((0, _withAnalyticsEvents.default)()(ColorPickerButton));

package/dist/cjs/ui-menu/ToolbarButton/index.js

@@ -9,7 +9,7 @@ exports.default = exports.TOOLBAR_BUTTON = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
-var _analyticsListeners = require("@atlaskit/analytics-listeners");
+var _types = require("@atlaskit/analytics-listeners/types");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _analytics = require("../../analytics");
@@ -68,7 +68,7 @@ var ToolbarButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
           actionSubjectId: buttonId,
           eventType: _analytics.EVENT_TYPE.UI
         });
-      }).fire(_analyticsListeners.FabricChannel.editor);
+      }).fire(_types.FabricChannel.editor);
     }
     if (onClick) {
       onClick(event);

package/dist/es2019/analytics/fire-analytics-event.js

@@ -1,4 +1,4 @@
-import { FabricChannel } from '@atlaskit/analytics-listeners';
+import { FabricChannel } from '@atlaskit/analytics-listeners/types';
 import { AnalyticsQueue } from './analytics-queue';
 export const editorAnalyticsChannel = FabricChannel.editor;
 export const fireAnalyticsEvent = createAnalyticsEvent => ({

package/dist/es2019/element-browser/components/CategoryList.js

@@ -7,7 +7,7 @@ import React, { Fragment, memo, useCallback } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { withAnalyticsContext } from '@atlaskit/analytics-next';
+import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
 import Button from '@atlaskit/button/custom-theme-button';
 import { B400, B50, N800 } from '@atlaskit/theme/colors';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, fireAnalyticsEvent } from '../../analytics';

package/dist/es2019/element-browser/components/ElementList/ElementList.js

@@ -10,7 +10,7 @@ import { css, jsx } from '@emotion/react';
 import { Grid } from 'react-virtualized';
 import { AutoSizer } from 'react-virtualized/dist/commonjs/AutoSizer';
 import { CellMeasurer, CellMeasurerCache } from 'react-virtualized/dist/commonjs/CellMeasurer';
-import { withAnalyticsContext } from '@atlaskit/analytics-next';
+import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
 import { ButtonItem } from '@atlaskit/menu';

package/dist/es2019/element-browser/components/ElementSearch.js

@@ -7,7 +7,7 @@ import React, { memo, useLayoutEffect, useRef, useState } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
-import { withAnalyticsContext } from '@atlaskit/analytics-next';
+import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
 import SearchIcon from '@atlaskit/icon/glyph/search';

package/dist/es2019/element-browser/components/StatelessElementBrowser.js

@@ -8,7 +8,8 @@ import React, { memo, useCallback, useEffect, useRef, useState } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
-import { withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
+import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
+import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '../../analytics';
 import { DEVICE_BREAKPOINT_NUMBERS, ELEMENT_BROWSER_ID, GRID_SIZE, INLINE_SIDEBAR_HEIGHT, SIDEBAR_HEADING_WRAPPER_HEIGHT, SIDEBAR_WIDTH } from '../constants';