@atlaskit/editor-plugin-card 13.0.0 → 13.0.2

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-plugin-card
 
+## 13.0.2
+
+### Patch Changes
+
+- [`14aa7871be0b7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/14aa7871be0b7) -
+  [ux] EDITOR-5513: fix(editor-plugin-card): guard inline card cleanup to dispatch removeCard at
+  most once per effect cycle
+- Updated dependencies
+
+## 13.0.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 13.0.0
 
 ### Minor Changes

package/dist/cjs/nodeviews/datasource.js

@@ -31,7 +31,7 @@ function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0,
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
  * @jsxRuntime classic
  * @jsx jsx
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 var getPosSafely = function getPosSafely(pos) {
   if (!pos || typeof pos === 'boolean') {
     return;

package/dist/cjs/nodeviews/inlineCard.js

@@ -49,12 +49,18 @@ var InlineCard = exports.InlineCard = /*#__PURE__*/(0, _react.memo)(function (_r
     data = _node$attrs.data;
   // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
   var refId = (0, _react.useRef)((0, _v.default)());
+  var removeCardDispatched = (0, _react.useRef)(false);
   var _ref2 = (cardContext === null || cardContext === void 0 || (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 ? void 0 : _cardContext$value.store) || {},
     getSmartlinkState = _ref2.getState;
   var cardState = getSmartlinkState === null || getSmartlinkState === void 0 ? void 0 : getSmartlinkState()[url || ''];
   (0, _react.useEffect)(function () {
     var id = refId.current;
+    removeCardDispatched.current = false;
     return function () {
+      if ((0, _expValEquals.expValEquals)('platform_editor_inline_card_dispatch_guard', 'isEnabled', true) && removeCardDispatched.current) {
+        return;
+      }
+      removeCardDispatched.current = true;
       var tr = view.state.tr;
       (0, _actions.removeCard)({
         id: id
@@ -167,6 +173,7 @@ var selector = function selector(states) {
 };
 
 /**
+ * Inline card node view component that renders a Smart Link inline card within the editor.
  *
  * @param props
  * @example
@@ -208,7 +215,7 @@ function InlineCardNodeView(props) {
   }, enableInlineUpgradeFeatures && (0, _utils.getAwarenessProps)(view.state, getPos, allowEmbeds, allowBlockCards, mode === 'view'))), CompetitorPromptComponent);
   return (0, _expValEquals.expValEquals)('cc_drag_and_drop_smart_link_from_content_to_tree', 'isEnabled', true) ? /*#__PURE__*/_react.default.createElement(_editorSmartLinkDraggable.SmartLinkDraggable, {
     url: url,
-    appearance: _editorSmartLinkDraggable.SMART_LINK_APPERANCE.INLINE,
+    appearance: _editorSmartLinkDraggable.SMART_LINK_APPEARANCE.INLINE,
     source: _editorSmartLinkDraggable.SMART_LINK_DRAG_TYPES.EDITOR
   }, inlineCardContent) : inlineCardContent;
 }

package/dist/cjs/pm-plugins/utils.js

@@ -68,7 +68,9 @@ var isEmbedSupportedAtPosition = exports.isEmbedSupportedAtPosition = function i
 var isBlockSupportedAtPosition = exports.isBlockSupportedAtPosition = function isBlockSupportedAtPosition(currentNodePosition, editorState, currentAppearance) {
   return isAppearanceSupportedInParent(currentNodePosition, editorState, _model.Fragment.from(editorState.schema.nodes.blockCard.createChecked({})), currentAppearance);
 };
-var getResolvedAttributesFromStore = exports.getResolvedAttributesFromStore = function getResolvedAttributesFromStore(url, display, store) {
+var getResolvedAttributesFromStore = exports.getResolvedAttributesFromStore = function getResolvedAttributesFromStore(url, display, store
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+) {
   if (!store) {
     return {};
   }

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

@@ -20,7 +20,7 @@ var _Pulse = require("../Pulse");
  * @jsx jsx
  */
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 
 // editor adds a standard line-height that is bigger than an inline smart link
 // due to that the link has a bit of white space around it, which doesn't look right when there is pulse around it

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

@@ -16,7 +16,7 @@ var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
  */
 
 // not permitted to migrate atlaskit packages to compiled yet, see https://hello.atlassian.net/wiki/spaces/UAF/pages/3006969423/Migrating+AFM+platform+components+to+Compiled+a+guide
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 
 var ConfigureOverlayWrapperStyles = (0, _react2.css)({
   position: 'relative',

package/dist/cjs/ui/DatasourceAppearanceButton.js

@@ -22,7 +22,7 @@ var _useFetchDatasourceInfo = require("./useFetchDatasourceInfo");
  * @jsx jsx
  */
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 
 var buttonStyles = (0, _react2.css)({
   pointerEvents: 'auto'

package/dist/cjs/ui/EditToolbarButton/EditToolbarButtonPresentation.js

@@ -23,7 +23,7 @@ var _editDatasourceAction = require("../editDatasourceAction");
  * @jsx jsx
  */
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 
 var dropdownExpandContainer = (0, _react2.css)({
   margin: "0px ".concat("var(--ds-space-negative-050, -4px)")

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

@@ -28,7 +28,7 @@ var _excluded = ["extensionKey"];
  * @jsxRuntime classic
  * @jsx jsx
  */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 var dropdownExpandContainer = (0, _react2.css)({
   margin: "0px ".concat("var(--ds-space-negative-050, -4px)")
 });

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

@@ -26,7 +26,7 @@ var _excluded = ["children", "isSelected", "isVisible", "testId", "url"];
  * @jsxRuntime classic
  * @jsx jsx
  */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var DEBOUNCE_IN_MS = 5;
 var ESTIMATED_MIN_WIDTH_IN_PX = 16;

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

@@ -24,7 +24,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) { (0, _defineProperty2.default)(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; } /**
  * @jsxRuntime classic
  * @jsx jsx
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 var toolbarButtonWrapperStyles = (0, _react2.css)({
   background: "".concat("var(--ds-background-neutral, ".concat(_colors.N20A, ")")),
   color: "".concat("var(--ds-icon, ".concat(_colors.N300, ")")),
@@ -131,4 +131,5 @@ var LayoutButtonWrapper = function LayoutButtonWrapper(_ref2) {
     intl: intl
   });
 };
-var _default = exports.default = (0, _reactIntlNext.injectIntl)(LayoutButtonWrapper);
+var _default_1 = (0, _reactIntlNext.injectIntl)(LayoutButtonWrapper);
+var _default = exports.default = _default_1;

package/dist/cjs/ui/ResizableEmbedCard.js

@@ -25,7 +25,7 @@ function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0,
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
  * @jsxRuntime classic
  * @jsx jsx
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var ResizableEmbedCard = exports.default = /*#__PURE__*/function (_React$Component) {
   function ResizableEmbedCard() {

package/dist/es2019/nodeviews/datasource.js

@@ -5,7 +5,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
  */
 import React from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { jsx } from '@emotion/react';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { DATASOURCE_INNER_CONTAINER_CLASSNAME, SmartCardSharedCssClassName } from '@atlaskit/editor-common/styles';

package/dist/es2019/nodeviews/inlineCard.js

@@ -6,7 +6,7 @@ import uuid from 'uuid/v4';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { UnsupportedInline, findOverflowScrollParent } from '@atlaskit/editor-common/ui';
-import { SmartLinkDraggable, SMART_LINK_DRAG_TYPES, SMART_LINK_APPERANCE } from '@atlaskit/editor-smart-link-draggable';
+import { SmartLinkDraggable, SMART_LINK_DRAG_TYPES, SMART_LINK_APPEARANCE } from '@atlaskit/editor-smart-link-draggable';
 import { Card as SmartCard } from '@atlaskit/smart-card';
 import { CardSSR } from '@atlaskit/smart-card/ssr';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -39,13 +39,19 @@ export const InlineCard = /*#__PURE__*/memo(({
   } = node.attrs;
   // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
   const refId = useRef(uuid());
+  const removeCardDispatched = useRef(false);
   const {
     getState: getSmartlinkState
   } = (cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 ? void 0 : _cardContext$value.store) || {};
   const cardState = getSmartlinkState === null || getSmartlinkState === void 0 ? void 0 : getSmartlinkState()[url || ''];
   useEffect(() => {
     const id = refId.current;
+    removeCardDispatched.current = false;
     return () => {
+      if (expValEquals('platform_editor_inline_card_dispatch_guard', 'isEnabled', true) && removeCardDispatched.current) {
+        return;
+      }
+      removeCardDispatched.current = true;
       const {
         tr
       } = view.state;
@@ -163,6 +169,7 @@ const selector = states => {
 };
 
 /**
+ * Inline card node view component that renders a Smart Link inline card within the editor.
  *
  * @param props
  * @example
@@ -207,7 +214,7 @@ export function InlineCardNodeView(props) {
   }, enableInlineUpgradeFeatures && getAwarenessProps(view.state, getPos, allowEmbeds, allowBlockCards, mode === 'view'))), CompetitorPromptComponent);
   return expValEquals('cc_drag_and_drop_smart_link_from_content_to_tree', 'isEnabled', true) ? /*#__PURE__*/React.createElement(SmartLinkDraggable, {
     url: url,
-    appearance: SMART_LINK_APPERANCE.INLINE,
+    appearance: SMART_LINK_APPEARANCE.INLINE,
     source: SMART_LINK_DRAG_TYPES.EDITOR
   }, inlineCardContent) : inlineCardContent;
 }

package/dist/es2019/pm-plugins/utils.js

@@ -54,7 +54,9 @@ const isAppearanceSupportedInParent = (currentNodePosition, editorState, fragmen
 };
 export const isEmbedSupportedAtPosition = (currentNodePosition, editorState, currentAppearance) => isAppearanceSupportedInParent(currentNodePosition, editorState, Fragment.from(editorState.schema.nodes.embedCard.createChecked({})), currentAppearance);
 export const isBlockSupportedAtPosition = (currentNodePosition, editorState, currentAppearance) => isAppearanceSupportedInParent(currentNodePosition, editorState, Fragment.from(editorState.schema.nodes.blockCard.createChecked({})), currentAppearance);
-export const getResolvedAttributesFromStore = (url, display, store) => {
+export const getResolvedAttributesFromStore = (url, display, store
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+) => {
   if (!store) {
     return {};
   }

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

@@ -4,7 +4,7 @@
  */
 import { useCallback, useEffect, useMemo, useState } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';

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

@@ -5,7 +5,7 @@
 import { useCallback, useState } from 'react';
 
 // not permitted to migrate atlaskit packages to compiled yet, see https://hello.atlassian.net/wiki/spaces/UAF/pages/3006969423/Migrating+AFM+platform+components+to+Compiled+a+guide
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { OverlayButton } from '@atlaskit/editor-common/link';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';

package/dist/es2019/ui/DatasourceAppearanceButton.js

@@ -4,7 +4,7 @@
  */
 import { useCallback } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { cardMessages as messages } from '@atlaskit/editor-common/messages';
 import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';

package/dist/es2019/ui/EditToolbarButton/EditToolbarButtonPresentation.js

@@ -4,7 +4,7 @@
  */
 import { useCallback, useRef, useState } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { linkToolbarMessages, cardMessages as messages } from '@atlaskit/editor-common/messages';

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

@@ -4,7 +4,7 @@
  */
 import { useCallback, useMemo, useRef, useState } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { linkToolbarMessages, cardMessages as messages } from '@atlaskit/editor-common/messages';

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

@@ -7,7 +7,7 @@ import _extends from "@babel/runtime/helpers/extends";
  */
 import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import debounce from 'lodash/debounce';
 import { useIntl } from 'react-intl-next';

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

@@ -4,7 +4,7 @@
  */
 import { useCallback, useMemo } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
@@ -130,4 +130,5 @@ const LayoutButtonWrapper = ({
     intl: intl
   });
 };
-export default injectIntl(LayoutButtonWrapper);
+const _default_1 = injectIntl(LayoutButtonWrapper);
+export default _default_1;

package/dist/es2019/ui/ResizableEmbedCard.js

@@ -6,7 +6,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
  */
 import React from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { jsx } from '@emotion/react';
 import { calcColumnsFromPx, calcMediaPxWidth, calcPctFromPx, calcPxFromColumns, handleSides, imageAlignmentMap, Resizer, snapTo, wrappedLayouts, wrapperStyle } from '@atlaskit/editor-common/ui';
 import { findParentNodeOfTypeClosestToPos, hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';

package/dist/esm/nodeviews/datasource.js

@@ -17,7 +17,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  */
 import React from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { jsx } from '@emotion/react';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { DATASOURCE_INNER_CONTAINER_CLASSNAME, SmartCardSharedCssClassName } from '@atlaskit/editor-common/styles';

package/dist/esm/nodeviews/inlineCard.js

@@ -6,7 +6,7 @@ import uuid from 'uuid/v4';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { UnsupportedInline, findOverflowScrollParent } from '@atlaskit/editor-common/ui';
-import { SmartLinkDraggable, SMART_LINK_DRAG_TYPES, SMART_LINK_APPERANCE } from '@atlaskit/editor-smart-link-draggable';
+import { SmartLinkDraggable, SMART_LINK_DRAG_TYPES, SMART_LINK_APPEARANCE } from '@atlaskit/editor-smart-link-draggable';
 import { Card as SmartCard } from '@atlaskit/smart-card';
 import { CardSSR } from '@atlaskit/smart-card/ssr';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -37,12 +37,18 @@ export var InlineCard = /*#__PURE__*/memo(function (_ref) {
     data = _node$attrs.data;
   // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
   var refId = useRef(uuid());
+  var removeCardDispatched = useRef(false);
   var _ref2 = (cardContext === null || cardContext === void 0 || (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 ? void 0 : _cardContext$value.store) || {},
     getSmartlinkState = _ref2.getState;
   var cardState = getSmartlinkState === null || getSmartlinkState === void 0 ? void 0 : getSmartlinkState()[url || ''];
   useEffect(function () {
     var id = refId.current;
+    removeCardDispatched.current = false;
     return function () {
+      if (expValEquals('platform_editor_inline_card_dispatch_guard', 'isEnabled', true) && removeCardDispatched.current) {
+        return;
+      }
+      removeCardDispatched.current = true;
       var tr = view.state.tr;
       removeCard({
         id: id
@@ -155,6 +161,7 @@ var selector = function selector(states) {
 };
 
 /**
+ * Inline card node view component that renders a Smart Link inline card within the editor.
  *
  * @param props
  * @example
@@ -196,7 +203,7 @@ export function InlineCardNodeView(props) {
   }, enableInlineUpgradeFeatures && getAwarenessProps(view.state, getPos, allowEmbeds, allowBlockCards, mode === 'view'))), CompetitorPromptComponent);
   return expValEquals('cc_drag_and_drop_smart_link_from_content_to_tree', 'isEnabled', true) ? /*#__PURE__*/React.createElement(SmartLinkDraggable, {
     url: url,
-    appearance: SMART_LINK_APPERANCE.INLINE,
+    appearance: SMART_LINK_APPEARANCE.INLINE,
     source: SMART_LINK_DRAG_TYPES.EDITOR
   }, inlineCardContent) : inlineCardContent;
 }

package/dist/esm/pm-plugins/utils.js

@@ -61,7 +61,9 @@ export var isEmbedSupportedAtPosition = function isEmbedSupportedAtPosition(curr
 export var isBlockSupportedAtPosition = function isBlockSupportedAtPosition(currentNodePosition, editorState, currentAppearance) {
   return isAppearanceSupportedInParent(currentNodePosition, editorState, Fragment.from(editorState.schema.nodes.blockCard.createChecked({})), currentAppearance);
 };
-export var getResolvedAttributesFromStore = function getResolvedAttributesFromStore(url, display, store) {
+export var getResolvedAttributesFromStore = function getResolvedAttributesFromStore(url, display, store
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+) {
   if (!store) {
     return {};
   }

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

@@ -5,7 +5,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
  */
 import { useCallback, useEffect, useMemo, useState } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';

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

@@ -6,7 +6,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useCallback, useState } from 'react';
 
 // not permitted to migrate atlaskit packages to compiled yet, see https://hello.atlassian.net/wiki/spaces/UAF/pages/3006969423/Migrating+AFM+platform+components+to+Compiled+a+guide
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { OverlayButton } from '@atlaskit/editor-common/link';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';

package/dist/esm/ui/DatasourceAppearanceButton.js

@@ -4,7 +4,7 @@
  */
 import { useCallback } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { cardMessages as messages } from '@atlaskit/editor-common/messages';
 import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';

package/dist/esm/ui/EditToolbarButton/EditToolbarButtonPresentation.js

@@ -5,7 +5,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
  */
 import { useCallback, useRef, useState } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { linkToolbarMessages, cardMessages as messages } from '@atlaskit/editor-common/messages';

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

@@ -7,7 +7,7 @@ var _excluded = ["extensionKey"];
  */
 import { useCallback, useMemo, useRef, useState } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { linkToolbarMessages, cardMessages as messages } from '@atlaskit/editor-common/messages';

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

@@ -11,7 +11,7 @@ var _excluded = ["children", "isSelected", "isVisible", "testId", "url"];
  */
 import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import debounce from 'lodash/debounce';
 import { useIntl } from 'react-intl-next';

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

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  */
 import { useCallback, useMemo } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
@@ -127,4 +127,5 @@ var LayoutButtonWrapper = function LayoutButtonWrapper(_ref2) {
     intl: intl
   });
 };
-export default injectIntl(LayoutButtonWrapper);
+var _default_1 = injectIntl(LayoutButtonWrapper);
+export default _default_1;

package/dist/esm/ui/ResizableEmbedCard.js

@@ -15,7 +15,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  */
 import React from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { jsx } from '@emotion/react';
 import { calcColumnsFromPx, calcMediaPxWidth, calcPctFromPx, calcPxFromColumns, handleSides, imageAlignmentMap, Resizer, snapTo, wrappedLayouts, wrapperStyle } from '@atlaskit/editor-common/ui';
 import { findParentNodeOfTypeClosestToPos, hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';

package/dist/types/nodeviews/blockCard.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import ReactNodeView, { type getInlineNodeViewProducer } from '@atlaskit/editor-common/react-node-view';
 import type { PMPluginFactoryParams } from '@atlaskit/editor-common/types';
 import type { Node } from '@atlaskit/editor-prosemirror/model';
-import type { Decoration, DecorationSource, EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { Decoration, DecorationSource, EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
 import { Datasource } from '../nodeviews/datasource';
 import type { SmartCardProps } from './genericCard';
 export declare class BlockCardComponent extends React.PureComponent<SmartCardProps & {
@@ -50,4 +50,4 @@ export interface BlockCardNodeViewProperties {
     pmPluginFactoryParams: PMPluginFactoryParams;
     provider: BlockCardNodeViewProps['provider'];
 }
-export declare const blockCardNodeView: ({ pmPluginFactoryParams, actionOptions, pluginInjectionApi, onClickCallback, allowDatasource, inlineCardViewProducer, CompetitorPrompt, isPageSSRed, provider, }: BlockCardNodeViewProperties) => (node: Node, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[]) => import("prosemirror-view").NodeView | Datasource | BlockCard;
+export declare const blockCardNodeView: ({ pmPluginFactoryParams, actionOptions, pluginInjectionApi, onClickCallback, allowDatasource, inlineCardViewProducer, CompetitorPrompt, isPageSSRed, provider, }: BlockCardNodeViewProperties) => (node: Node, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[]) => BlockCard | Datasource | NodeView;

package/dist/types/nodeviews/inlineCard.d.ts

@@ -1,12 +1,13 @@
 import React from 'react';
 import type { InlineNodeViewComponentProps, getInlineNodeViewProducer } from '@atlaskit/editor-common/react-node-view';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import type { Decoration, EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { Decoration, EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
 import type { SmartCardProps } from './genericCard';
 import { type InlineCardWithAwarenessProps } from './inlineCardWithAwareness';
-export declare const InlineCard: React.MemoExoticComponent<({ node, cardContext, actionOptions, useAlternativePreloader, view, getPos, onClick: propsOnClick, onResolve: onRes, isHovered, showHoverPreview, hoverPreviewOptions, isPageSSRed, pluginInjectionApi, disablePreviewPanel, }: SmartCardProps) => React.JSX.Element | null>;
+export declare const InlineCard: React.MemoExoticComponent<({ node, cardContext, actionOptions, useAlternativePreloader, view, getPos, onClick, onResolve, isHovered, showHoverPreview, hoverPreviewOptions, isPageSSRed, pluginInjectionApi, disablePreviewPanel, }: SmartCardProps) => React.JSX.Element | null>;
 export type InlineCardNodeViewProps = Pick<SmartCardProps, 'useAlternativePreloader' | 'actionOptions' | 'allowEmbeds' | 'allowBlockCards' | 'enableInlineUpgradeFeatures' | 'pluginInjectionApi' | 'onClickCallback' | 'isPageSSRed' | 'CompetitorPrompt' | 'provider'>;
 /**
+ * Inline card node view component that renders a Smart Link inline card within the editor.
  *
  * @param props
  * @example
@@ -16,4 +17,4 @@ export interface InlineCardNodeViewProperties {
     inlineCardViewProducer: ReturnType<typeof getInlineNodeViewProducer>;
     isPageSSRed: InlineCardNodeViewProps['isPageSSRed'];
 }
-export declare const inlineCardNodeView: ({ inlineCardViewProducer }: InlineCardNodeViewProperties) => (node: PMNode, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[]) => import("prosemirror-view").NodeView;
+export declare const inlineCardNodeView: ({ inlineCardViewProducer }: InlineCardNodeViewProperties) => (node: PMNode, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[]) => NodeView;

package/dist/types/nodeviews/lazy-inline-card.d.ts

@@ -1,2 +1,3 @@
+import { type NodeViewConstructor } from '@atlaskit/editor-common/lazy-node-view';
 import { type InlineCardNodeViewProperties } from './inlineCard';
-export declare const lazyInlineCardView: (props: InlineCardNodeViewProperties) => import("@atlaskit/editor-common/lazy-node-view").NodeViewConstructor;
+export declare const lazyInlineCardView: (props: InlineCardNodeViewProperties) => NodeViewConstructor;

package/dist/types/nodeviews/toDOM-fixes/blockCard.d.ts

@@ -1,28 +1,29 @@
-import type { DOMOutputSpec, Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { AttributeSpec, DOMOutputSpec, Node as PMNode, TagParseRule } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 export declare const blockCardSpecWithFixedToDOM: () => {
-    toDOM: (node: PMNode) => DOMOutputSpec;
-    content?: string;
-    marks?: string;
-    group?: string;
-    inline?: boolean;
     atom?: boolean;
     attrs?: {
-        [name: string]: import("prosemirror-model").AttributeSpec;
+        [name: string]: AttributeSpec;
     };
-    selectable?: boolean;
-    draggable?: boolean;
     code?: boolean;
-    whitespace?: "pre" | "normal";
+    content?: string;
+    defining?: boolean;
     definingAsContext?: boolean;
     definingForContent?: boolean;
-    defining?: boolean;
+    disableDropCursor?: boolean | ((view: EditorView, pos: {
+        inside: number;
+        pos: number;
+    }, event: DragEvent) => boolean);
+    draggable?: boolean;
+    group?: string;
+    inline?: boolean;
     isolating?: boolean;
-    parseDOM?: readonly import("prosemirror-model").TagParseRule[];
-    toDebugString?: (node: PMNode) => string;
     leafText?: (node: PMNode) => string;
     linebreakReplacement?: boolean;
-    disableDropCursor?: boolean | ((view: import("prosemirror-view").EditorView, pos: {
-        pos: number;
-        inside: number;
-    }, event: DragEvent) => boolean);
+    marks?: string;
+    parseDOM?: readonly TagParseRule[];
+    selectable?: boolean;
+    toDebugString?: (node: PMNode) => string;
+    toDOM: (node: PMNode) => DOMOutputSpec;
+    whitespace?: "pre" | "normal";
 };