@atlaskit/editor-plugin-card 4.5.10 → 4.5.12

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-card
 
+## 4.5.12
+
+### Patch Changes
+
+- [#100134](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/100134)
+  [`d79324a9356bb`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d79324a9356bb) -
+  ED-26133: disables smart link comments when browser offline
+
+## 4.5.11
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 4.5.10
 
 ### Patch Changes

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

@@ -26,6 +26,7 @@ var _Pulse = require("../Pulse");
 var loaderWrapperStyles = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.loader-wrapper': {
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
     lineHeight: 'normal'
   }
 });

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

@@ -45,6 +45,7 @@ var getGradientWithColor = function getGradientWithColor(color) {
 };
 var containerStyles = (0, _react2.css)({
   position: 'relative',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: 'normal',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':active': (0, _defineProperty2.default)((0, _defineProperty2.default)({}, ".".concat(ICON_AND_LABEL_CLASSNAME), {

package/dist/cjs/ui/ResizableEmbedCard.js

@@ -317,7 +317,7 @@ var ResizableEmbedCard = exports.default = /*#__PURE__*/function (_React$Compone
           /* Fixes extra padding problem in Firefox */
           // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           fontSize: 0,
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/design-system/use-tokens-typography -- Ignored via go/DSP-18766
           lineHeight: 0
         }, heightDefiningStyles)
       });

package/dist/cjs/ui/toolbar.js

@@ -262,6 +262,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
     } else if (shouldRenderDatasourceToolbar) {
       return getDatasourceButtonGroup(metadata, intl, editorAnalyticsApi, node, hoverDecoration, node.attrs.datasource.id, state, cardOptions, currentAppearance);
     } else {
+      var _pluginInjectionApi$c;
       var inlineCard = state.schema.nodes.inlineCard;
       var editItems = cardOptions.allowDatasource ? [{
         type: 'custom',
@@ -296,7 +297,8 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
         testId: 'inline-card-toolbar-comment-button',
         iconFallback: _comment2.default,
         title: intl.formatMessage(_messages.annotationMessages.createComment),
-        onClick: onCommentButtonClick
+        onClick: onCommentButtonClick,
+        disabled: (pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c = pluginInjectionApi.connectivity) === null || _pluginInjectionApi$c === void 0 || (_pluginInjectionApi$c = _pluginInjectionApi$c.sharedState) === null || _pluginInjectionApi$c === void 0 || (_pluginInjectionApi$c = _pluginInjectionApi$c.currentState()) === null || _pluginInjectionApi$c === void 0 ? void 0 : _pluginInjectionApi$c.mode) === 'offline'
       }, {
         type: 'separator'
       }] : [];

package/dist/es2019/nodeviews/embedCard.js

@@ -265,7 +265,7 @@ export class EmbedCardComponent extends React.PureComponent {
       actionOptions,
       onClick
     } = this.props;
-    let {
+    const {
       url,
       width: pctWidth,
       layout,
@@ -280,7 +280,7 @@ export class EmbedCardComponent extends React.PureComponent {
 
     // We don't want to use `originalHeight` when `originalWidth` also present,
     // since `heightAlone` is defined only when just height is available.
-    let heightAlone = liveHeight !== null && liveHeight !== void 0 ? liveHeight : !originalWidth && originalHeight || undefined;
+    const heightAlone = liveHeight !== null && liveHeight !== void 0 ? liveHeight : !originalWidth && originalHeight || undefined;
     const aspectRatio = !heightAlone && (
     // No need getting aspectRatio if heightAlone defined already
     initialAspectRatio ||

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

@@ -72,7 +72,7 @@ export const replaceQueuedUrlWithCard = (url, cardData, analyticsAction, editorA
   // try to transform response to ADF
   const schema = editorState.schema;
   const cardAdf = processRawValue(schema, cardData);
-  let tr = editorState.tr;
+  const tr = editorState.tr;
   if (cardAdf) {
     // Should prevent any other node than cards? [inlineCard, blockCard].includes(cardAdf.type)
     const nodeContexts = requests.map(request => replaceLinksToCards(tr, cardAdf, schema, request)).filter(context => !!context); // context exist
@@ -193,7 +193,7 @@ export const queueCardFromChangedTr = (state, tr, source, analyticsAction, norma
   const {
     link
   } = schema.marks;
-  let requests = [];
+  const requests = [];
   nodesBetweenChanged(tr, (node, pos) => {
     if (!node.isText) {
       return true;

package/dist/es2019/pm-plugins/util/resolve.js

@@ -38,7 +38,7 @@ export const resolveWithProvider = (view, provider, request, options, editorAnal
   const isEmbedFriendlyLocation = fg('hardcoded-embeds-only-on-new-line') ? isFreshlyPastedOnNewLine(view) : true;
 
   // When user manually changes appearance from blue link to smart link, we should respect that,
-  let shouldForceAppearance =
+  const shouldForceAppearance =
   // This flag is set to true only in one place atm:
   // packages/editor/editor-core/src/plugins/card/pm-plugins/doc.ts @ convertHyperlinkToSmartCard
   // Which is used when user switching from URL to smart link appearance.

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

@@ -17,6 +17,7 @@ import { DiscoveryPulse } from '../Pulse';
 const loaderWrapperStyles = css({
   // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.loader-wrapper': {
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
     lineHeight: 'normal'
   }
 });

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

@@ -32,6 +32,7 @@ const getGradientWithColor = color => {
 };
 const containerStyles = css({
   position: 'relative',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: 'normal',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':active': {

package/dist/es2019/ui/ResizableEmbedCard.js

@@ -223,7 +223,7 @@ export default class ResizableEmbedCard extends React.Component {
     // full width
     snapTargets.push(lineLength - offsetLeft);
     const minimumWidth = calcPxFromColumns(this.wrappedLayout || this.insideInlineLike ? 1 : 2, lineLength, this.props.gridSize);
-    let snapPoints = snapTargets.filter(width => width >= minimumWidth);
+    const snapPoints = snapTargets.filter(width => width >= minimumWidth);
     const $pos = this.$pos;
     if (!$pos) {
       return snapPoints;
@@ -298,7 +298,7 @@ export default class ResizableEmbedCard extends React.Component {
         /* Fixes extra padding problem in Firefox */
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         fontSize: 0,
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/design-system/use-tokens-typography -- Ignored via go/DSP-18766
         lineHeight: 0,
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         ...heightDefiningStyles

package/dist/es2019/ui/toolbar.js

@@ -254,6 +254,7 @@ const generateToolbarItems = (state, intl, providerFactory, cardOptions, lpLinkP
   } else if (shouldRenderDatasourceToolbar) {
     return getDatasourceButtonGroup(metadata, intl, editorAnalyticsApi, node, hoverDecoration, node.attrs.datasource.id, state, cardOptions, currentAppearance);
   } else {
+    var _pluginInjectionApi$c, _pluginInjectionApi$c2, _pluginInjectionApi$c3;
     const {
       inlineCard
     } = state.schema.nodes;
@@ -288,7 +289,8 @@ const generateToolbarItems = (state, intl, providerFactory, cardOptions, lpLinkP
       testId: 'inline-card-toolbar-comment-button',
       iconFallback: LegacyCommentIcon,
       title: intl.formatMessage(annotationMessages.createComment),
-      onClick: onCommentButtonClick
+      onClick: onCommentButtonClick,
+      disabled: (pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c = pluginInjectionApi.connectivity) === null || _pluginInjectionApi$c === void 0 ? void 0 : (_pluginInjectionApi$c2 = _pluginInjectionApi$c.sharedState) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : (_pluginInjectionApi$c3 = _pluginInjectionApi$c2.currentState()) === null || _pluginInjectionApi$c3 === void 0 ? void 0 : _pluginInjectionApi$c3.mode) === 'offline'
     }, {
       type: 'separator'
     }] : [];

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

@@ -18,6 +18,7 @@ import { DiscoveryPulse } from '../Pulse';
 var loaderWrapperStyles = css({
   // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.loader-wrapper': {
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
     lineHeight: 'normal'
   }
 });

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

@@ -36,6 +36,7 @@ var getGradientWithColor = function getGradientWithColor(color) {
 };
 var containerStyles = css({
   position: 'relative',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: 'normal',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':active': _defineProperty(_defineProperty({}, ".".concat(ICON_AND_LABEL_CLASSNAME), {

package/dist/esm/ui/ResizableEmbedCard.js

@@ -313,7 +313,7 @@ var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
           /* Fixes extra padding problem in Firefox */
           // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           fontSize: 0,
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/design-system/use-tokens-typography -- Ignored via go/DSP-18766
           lineHeight: 0
         }, heightDefiningStyles)
       });

package/dist/esm/ui/toolbar.js

@@ -252,6 +252,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
     } else if (shouldRenderDatasourceToolbar) {
       return getDatasourceButtonGroup(metadata, intl, editorAnalyticsApi, node, hoverDecoration, node.attrs.datasource.id, state, cardOptions, currentAppearance);
     } else {
+      var _pluginInjectionApi$c;
       var inlineCard = state.schema.nodes.inlineCard;
       var editItems = cardOptions.allowDatasource ? [{
         type: 'custom',
@@ -286,7 +287,8 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
         testId: 'inline-card-toolbar-comment-button',
         iconFallback: LegacyCommentIcon,
         title: intl.formatMessage(annotationMessages.createComment),
-        onClick: onCommentButtonClick
+        onClick: onCommentButtonClick,
+        disabled: (pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c = pluginInjectionApi.connectivity) === null || _pluginInjectionApi$c === void 0 || (_pluginInjectionApi$c = _pluginInjectionApi$c.sharedState) === null || _pluginInjectionApi$c === void 0 || (_pluginInjectionApi$c = _pluginInjectionApi$c.currentState()) === null || _pluginInjectionApi$c === void 0 ? void 0 : _pluginInjectionApi$c.mode) === 'offline'
       }, {
         type: 'separator'
       }] : [];

package/dist/types/cardPluginType.d.ts

@@ -3,6 +3,7 @@ import type { CardPluginActions } from '@atlaskit/editor-common/card';
 import type { NextEditorPlugin, OptionalPlugin, Command } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { InlineCommentPluginState } from '@atlaskit/editor-plugin-annotation';
+import type { ConnectivityPlugin } from '@atlaskit/editor-plugin-connectivity';
 import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 import type { EditorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabled';
 import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
@@ -30,7 +31,8 @@ export type CardPlugin = NextEditorPlugin<'card', {
         FloatingToolbarPlugin,
         OptionalPlugin<EditorDisabledPlugin>,
         OptionalPlugin<SelectionPlugin>,
-        OptionalPlugin<DummyAnnotationPlugin>
+        OptionalPlugin<DummyAnnotationPlugin>,
+        OptionalPlugin<ConnectivityPlugin>
     ];
     sharedState: CardPluginState | null;
     actions: CardPluginActions;

package/dist/types-ts4.5/cardPluginType.d.ts

@@ -3,6 +3,7 @@ import type { CardPluginActions } from '@atlaskit/editor-common/card';
 import type { NextEditorPlugin, OptionalPlugin, Command } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { InlineCommentPluginState } from '@atlaskit/editor-plugin-annotation';
+import type { ConnectivityPlugin } from '@atlaskit/editor-plugin-connectivity';
 import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 import type { EditorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabled';
 import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
@@ -30,7 +31,8 @@ export type CardPlugin = NextEditorPlugin<'card', {
         FloatingToolbarPlugin,
         OptionalPlugin<EditorDisabledPlugin>,
         OptionalPlugin<SelectionPlugin>,
-        OptionalPlugin<DummyAnnotationPlugin>
+        OptionalPlugin<DummyAnnotationPlugin>,
+        OptionalPlugin<ConnectivityPlugin>
     ];
     sharedState: CardPluginState | null;
     actions: CardPluginActions;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "4.5.10",
+	"version": "4.5.12",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -34,8 +34,9 @@
 		"@atlaskit/adf-schema": "^46.1.0",
 		"@atlaskit/analytics-next": "^10.2.0",
 		"@atlaskit/custom-steps": "^0.9.0",
-		"@atlaskit/editor-common": "^97.2.0",
+		"@atlaskit/editor-common": "^98.2.0",
 		"@atlaskit/editor-plugin-analytics": "^1.10.0",
+		"@atlaskit/editor-plugin-connectivity": "^1.1.0",
 		"@atlaskit/editor-plugin-decorations": "^1.3.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^1.3.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^2.1.0",
@@ -45,7 +46,7 @@
 		"@atlaskit/editor-plugin-width": "^2.0.0",
 		"@atlaskit/editor-prosemirror": "6.2.1",
 		"@atlaskit/editor-shared-styles": "^3.2.0",
-		"@atlaskit/frontend-utilities": "^2.7.0",
+		"@atlaskit/frontend-utilities": "^2.8.0",
 		"@atlaskit/icon": "^23.1.0",
 		"@atlaskit/link-analytics": "^8.6.0",
 		"@atlaskit/link-client-extension": "^3.0.0",
@@ -55,9 +56,9 @@
 		"@atlaskit/menu": "2.13.7",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/primitives": "^13.3.0",
-		"@atlaskit/smart-card": "^33.1.0",
+		"@atlaskit/smart-card": "^33.4.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tmp-editor-statsig": "^2.29.0",
+		"@atlaskit/tmp-editor-statsig": "^2.31.0",
 		"@atlaskit/tokens": "^2.5.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",