@atlaskit/editor-plugin-card 4.5.11 → 4.5.12

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @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

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/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

@@ -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.11",
+	"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": "^98.0.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,7 +56,7 @@
 		"@atlaskit/menu": "2.13.7",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/primitives": "^13.3.0",
-		"@atlaskit/smart-card": "^33.3.0",
+		"@atlaskit/smart-card": "^33.4.0",
 		"@atlaskit/theme": "^14.0.0",
 		"@atlaskit/tmp-editor-statsig": "^2.31.0",
 		"@atlaskit/tokens": "^2.5.0",