@atlaskit/editor-plugin-card 4.5.3 → 4.5.5

package/dist/esm/ui/ResizableEmbedCard.js

@@ -1,14 +1,13 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /**
  * @jsxRuntime classic
@@ -24,19 +23,17 @@ import { akEditorBreakoutPadding, akEditorMediaResizeHandlerPadding, akEditorWid
 import { embedHeaderHeight } from '@atlaskit/smart-card';
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
-  _inherits(ResizableEmbedCard, _React$Component);
-  var _super = _createSuper(ResizableEmbedCard);
   function ResizableEmbedCard() {
     var _this;
     _classCallCheck(this, ResizableEmbedCard);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "state", {
+    _this = _callSuper(this, ResizableEmbedCard, [].concat(args));
+    _defineProperty(_this, "state", {
       offsetLeft: _this.calcOffsetLeft()
     });
-    _defineProperty(_assertThisInitialized(_this), "calcNewSize", function (newWidth, stop) {
+    _defineProperty(_this, "calcNewSize", function (newWidth, stop) {
       var _this$props = _this.props,
         layout = _this$props.layout,
         state = _this$props.view.state;
@@ -60,7 +57,7 @@ var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
         };
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "calcUnwrappedLayout", function (pct, width) {
+    _defineProperty(_this, "calcUnwrappedLayout", function (pct, width) {
       if (pct <= 100) {
         return 'center';
       }
@@ -69,11 +66,11 @@ var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
       }
       return 'full-width';
     });
-    _defineProperty(_assertThisInitialized(_this), "calcColumnLeftOffset", function () {
+    _defineProperty(_this, "calcColumnLeftOffset", function () {
       var offsetLeft = _this.state.offsetLeft;
       return _this.insideInlineLike ? calcColumnsFromPx(offsetLeft, _this.props.lineLength, _this.props.gridSize) : 0;
     });
-    _defineProperty(_assertThisInitialized(_this), "calcPxWidth", function (useLayout) {
+    _defineProperty(_this, "calcPxWidth", function (useLayout) {
       var _this$props2 = _this.props,
         layout = _this$props2.layout,
         pctWidth = _this$props2.pctWidth,
@@ -99,7 +96,7 @@ var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
         resizedPctWidth: resizedPctWidth
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "highlights", function (newWidth, snapPoints) {
+    _defineProperty(_this, "highlights", function (newWidth, snapPoints) {
       var snapWidth = snapTo(newWidth, snapPoints);
       var _this$props$view$stat = _this.props.view.state.schema.nodes,
         layoutColumn = _this$props$view$stat.layoutColumn,
@@ -132,7 +129,8 @@ var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-  _createClass(ResizableEmbedCard, [{
+  _inherits(ResizableEmbedCard, _React$Component);
+  return _createClass(ResizableEmbedCard, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       var offsetLeft = this.calcOffsetLeft();
@@ -381,7 +379,6 @@ var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
       /* eslint-enable @atlaskit/design-system/consistent-css-prop-usage */
     }
   }]);
-  return ResizableEmbedCard;
 }(React.Component);
 _defineProperty(ResizableEmbedCard, "defaultProps", {
   aspectRatio: DEFAULT_EMBED_CARD_WIDTH / DEFAULT_EMBED_CARD_HEIGHT

package/dist/esm/ui/datasourceErrorBoundary.js

@@ -1,11 +1,10 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /* eslint-disable @repo/internal/react/no-class-components */
 import React from 'react';
@@ -13,22 +12,21 @@ import { isSafeUrl } from '@atlaskit/adf-schema';
 import { LazyLoadedDatasourceRenderFailedAnalyticsWrapper } from '@atlaskit/link-datasource';
 import { setSelectedCardAppearance } from '../pm-plugins/doc';
 export var DatasourceErrorBoundary = /*#__PURE__*/function (_React$Component) {
-  _inherits(DatasourceErrorBoundary, _React$Component);
-  var _super = _createSuper(DatasourceErrorBoundary);
   function DatasourceErrorBoundary() {
     var _this;
     _classCallCheck(this, DatasourceErrorBoundary);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "state", {
+    _this = _callSuper(this, DatasourceErrorBoundary, [].concat(args));
+    _defineProperty(_this, "state", {
       isError: false,
       error: null
     });
     return _this;
   }
-  _createClass(DatasourceErrorBoundary, [{
+  _inherits(DatasourceErrorBoundary, _React$Component);
+  return _createClass(DatasourceErrorBoundary, [{
     key: "componentDidCatch",
     value: function componentDidCatch(error) {
       if (this.props.handleError) {
@@ -78,5 +76,4 @@ export var DatasourceErrorBoundary = /*#__PURE__*/function (_React$Component) {
       };
     }
   }]);
-  return DatasourceErrorBoundary;
 }(React.Component);

package/dist/esm/ui/toolbar.js

@@ -4,7 +4,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
 import { isSafeUrl } from '@atlaskit/adf-schema';
-import { ACTION, ACTION_SUBJECT, buildOpenedSettingsPayload, buildVisitedLinkPayload, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID as ACTION_SUBJECTID, buildOpenedSettingsPayload, buildVisitedLinkPayload, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { buildLayoutButtons, commandWithMetadata } from '@atlaskit/editor-common/card';
 import { getLinkPreferencesURLFromENV } from '@atlaskit/editor-common/link';
 import commonMessages, { annotationMessages, linkMessages, linkToolbarMessages, cardMessages as messages } from '@atlaskit/editor-common/messages';
@@ -208,9 +208,21 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
     });
     var isCommentEnabled = annotationApiState && annotationApiState.isVisible && !annotationApiState.bookmark && !annotationApiState.mouseData.isSelecting && !activeCommentMark && node.type === state.schema.nodes.inlineCard && fg('platform_inline_node_as_valid_annotation_selection');
     var onCommentButtonClick = function onCommentButtonClick(state, dispatch) {
+      var _pluginInjectionApi$a3;
       if (!(pluginInjectionApi !== null && pluginInjectionApi !== void 0 && pluginInjectionApi.annotation) || !isCommentEnabled) {
         return false;
       }
+      pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a3 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a3 === void 0 || (_pluginInjectionApi$a3 = _pluginInjectionApi$a3.actions) === null || _pluginInjectionApi$a3 === void 0 || _pluginInjectionApi$a3.fireAnalyticsEvent({
+        action: ACTION.CLICKED,
+        actionSubject: ACTION_SUBJECT.BUTTON,
+        actionSubjectId: ACTION_SUBJECTID.CREATE_INLINE_COMMENT_FROM_HIGHLIGHT_ACTIONS_MENU,
+        eventType: EVENT_TYPE.UI,
+        attributes: {
+          source: 'highlightActionsMenu',
+          pageMode: 'edit',
+          sourceNode: 'inlineCard'
+        }
+      });
       var setInlineCommentDraftState = pluginInjectionApi.annotation.actions.setInlineCommentDraftState;
       var command = setInlineCommentDraftState(true, INPUT_METHOD.FLOATING_TB);
       return command(state, dispatch);
@@ -303,8 +315,8 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
         onClick: withToolbarMetadata(removeCard(editorAnalyticsApi))
       }]);
       if (currentAppearance === 'embed') {
-        var _pluginInjectionApi$a3;
-        var alignmentOptions = buildAlignmentOptions(state, intl, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.width, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a3 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a3 === void 0 ? void 0 : _pluginInjectionApi$a3.actions, cardOptions);
+        var _pluginInjectionApi$a4;
+        var alignmentOptions = buildAlignmentOptions(state, intl, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.width, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a4 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a4 === void 0 ? void 0 : _pluginInjectionApi$a4.actions, cardOptions);
         if (alignmentOptions.length) {
           alignmentOptions.push({
             type: 'separator'

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "4.5.3",
+	"version": "4.5.5",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -34,7 +34,7 @@
 		"@atlaskit/adf-schema": "^46.1.0",
 		"@atlaskit/analytics-next": "^10.2.0",
 		"@atlaskit/custom-steps": "^0.9.0",
-		"@atlaskit/editor-common": "^96.3.0",
+		"@atlaskit/editor-common": "^96.5.0",
 		"@atlaskit/editor-plugin-analytics": "^1.10.0",
 		"@atlaskit/editor-plugin-decorations": "^1.3.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^1.3.0",
@@ -49,7 +49,7 @@
 		"@atlaskit/icon": "^23.1.0",
 		"@atlaskit/link-analytics": "^8.6.0",
 		"@atlaskit/link-client-extension": "^3.0.0",
-		"@atlaskit/link-datasource": "^3.14.0",
+		"@atlaskit/link-datasource": "^3.15.0",
 		"@atlaskit/linking-common": "^6.0.0",
 		"@atlaskit/linking-types": "^9.5.0",
 		"@atlaskit/menu": "2.13.6",
@@ -57,7 +57,7 @@
 		"@atlaskit/primitives": "^13.3.0",
 		"@atlaskit/smart-card": "^32.7.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tmp-editor-statsig": "^2.24.0",
+		"@atlaskit/tmp-editor-statsig": "^2.26.0",
 		"@atlaskit/tokens": "^2.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",