@atlaskit/editor-plugin-card 7.4.3 → 7.4.4

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/editor-plugin-card
 
+## 7.4.4
+
+### Patch Changes
+
+- [`20d3223b57972`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/20d3223b57972) -
+  Opted out of debounced portal provider
+- [`0412437292a6d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0412437292a6d) -
+  Switches linking changes for Preview Panel from FG to an experiment.
+- Updated dependencies
+
 ## 7.4.3
 
 ### Patch Changes

package/dist/cjs/nodeviews/embedCard.js

@@ -537,6 +537,8 @@ var embedCardNodeView = exports.embedCardNodeView = function embedCardNodeView(_
       CompetitorPrompt: CompetitorPrompt,
       isPageSSRed: isPageSSRed
     };
-    return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined).init();
+    return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined, undefined,
+    // @portal-render-immediately
+    true).init();
   };
 };

package/dist/cjs/nodeviews/inlineCardWithAwareness.js

@@ -11,8 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _ui = require("@atlaskit/editor-common/ui");
 var _state = require("@atlaskit/editor-prosemirror/state");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _smartCard = require("@atlaskit/smart-card");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _actions = require("../pm-plugins/actions");
 var _pluginKey = require("../pm-plugins/plugin-key");
@@ -96,7 +96,7 @@ var InlineCardWithAwareness = exports.InlineCardWithAwareness = /*#__PURE__*/(0,
     selection = _useSharedState.selection;
   var floatingToolbarNode = selection instanceof _state.NodeSelection && selection.node;
   // This is a prop to show Hover card, Hover card should be shown only in Live View and Classic Renderer (note when only Editor controls enabled we don't show in Live view)
-  var showHoverPreview = floatingToolbarNode !== node && (0, _platformFeatureFlags.fg)('platform_editor_preview_panel_linking');
+  var showHoverPreview = floatingToolbarNode !== node && (0, _expValEquals.expValEquals)('platform_editor_preview_panel_linking_exp', 'isEnabled', true);
   var innerCardWithOpenButtonOverlay = (0, _react.useMemo)(function () {
     var _pluginInjectionApi$a;
     return /*#__PURE__*/_react.default.createElement(_ui.HoverLinkOverlay, {
@@ -137,10 +137,10 @@ var InlineCardWithAwareness = exports.InlineCardWithAwareness = /*#__PURE__*/(0,
   }, [actionOptions, cardContext, getPos, isHovered, node, onClick, onResolve, useAlternativePreloader, view, isPageSSRed, pluginInjectionApi]);
   var shouldShowOpenButtonOverlay = (0, _react.useMemo)(function () {
     var shouldShowOpenButtonOverlayInChomeless = editorAppearance === 'chromeless';
-    return (mode === 'edit' || editorAppearance === 'comment' || shouldShowOpenButtonOverlayInChomeless) && ((0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') || (0, _platformFeatureFlags.fg)('platform_editor_preview_panel_linking'));
+    return (mode === 'edit' || editorAppearance === 'comment' || shouldShowOpenButtonOverlayInChomeless) && ((0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') || (0, _expValEquals.expValEquals)('platform_editor_preview_panel_linking_exp', 'isEnabled', true));
   }, [mode, editorAppearance]);
   var innerCard = shouldShowOpenButtonOverlay ? innerCardWithOpenButtonOverlay : innerCardOriginal;
-  if (mode === 'view' && (0, _platformFeatureFlags.fg)('platform_editor_preview_panel_linking')) {
+  if (mode === 'view' && (0, _expValEquals.expValEquals)('platform_editor_preview_panel_linking_exp', 'isEnabled', true)) {
     var _cardContext$value;
     var url = node.attrs.url;
     var cardState = cardContext === null || cardContext === void 0 || (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 || (_cardContext$value = _cardContext$value.store) === null || _cardContext$value === void 0 ? void 0 : _cardContext$value.getState()[url];

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

@@ -9,7 +9,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _utils = require("../../pm-plugins/utils");
 var _useLinkUpgradeDiscoverability = _interopRequireDefault(require("../hooks/useLinkUpgradeDiscoverability"));
@@ -86,7 +86,7 @@ var AwarenessWrapper = exports.AwarenessWrapper = function AwarenessWrapper(_ref
     setOverlayHoveredStyles(isHovered);
   }, [setOverlayHoveredStyles]);
   var cardWithOverlay = (0, _react.useMemo)(function () {
-    if (shouldShowLinkOverlay && !(0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && !(0, _platformFeatureFlags.fg)('platform_editor_preview_panel_linking')) {
+    if (shouldShowLinkOverlay && !(0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && !(0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_preview_panel_linking_exp', 'isEnabled', true)) {
       return (0, _react2.jsx)(_InlineCardOverlay.default, {
         isSelected: isSelected,
         isVisible: isResolvedViewRendered && (isInserted || isHovered || isSelected),

package/dist/cjs/ui/toolbar.js

@@ -331,7 +331,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
         testId: 'link-toolbar-edit-link-button',
         onClick: (0, _EditLinkToolbar.getEditLinkCallback)(editorAnalyticsApi, true)
       }];
-      var openPreviewPanelItems = (0, _platformFeatureFlags.fg)('platform_editor_preview_panel_linking') ? [{
+      var openPreviewPanelItems = (0, _expValEquals.expValEquals)('platform_editor_preview_panel_linking_exp', 'isEnabled', true) ? [{
         type: 'custom',
         fallback: [],
         render: function render() {

package/dist/es2019/nodeviews/embedCard.js

@@ -510,5 +510,7 @@ export const embedCardNodeView = ({
     CompetitorPrompt,
     isPageSSRed
   };
-  return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined).init();
+  return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined, undefined,
+  // @portal-render-immediately
+  true).init();
 };

package/dist/es2019/nodeviews/inlineCardWithAwareness.js

@@ -2,8 +2,8 @@ import React, { memo, useCallback, useMemo, useState } from 'react';
 import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { HoverLinkOverlay } from '@atlaskit/editor-common/ui';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { getObjectAri, getObjectName, getObjectIconUrl } from '@atlaskit/smart-card';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { registerRemoveOverlay } from '../pm-plugins/actions';
 import { pluginKey } from '../pm-plugins/plugin-key';
@@ -76,7 +76,7 @@ export const InlineCardWithAwareness = /*#__PURE__*/memo(({
   } = useSharedState(pluginInjectionApi);
   const floatingToolbarNode = selection instanceof NodeSelection && selection.node;
   // This is a prop to show Hover card, Hover card should be shown only in Live View and Classic Renderer (note when only Editor controls enabled we don't show in Live view)
-  const showHoverPreview = floatingToolbarNode !== node && fg('platform_editor_preview_panel_linking');
+  const showHoverPreview = floatingToolbarNode !== node && expValEquals('platform_editor_preview_panel_linking_exp', 'isEnabled', true);
   const innerCardWithOpenButtonOverlay = useMemo(() => {
     var _pluginInjectionApi$a;
     return /*#__PURE__*/React.createElement(HoverLinkOverlay, {
@@ -115,10 +115,10 @@ export const InlineCardWithAwareness = /*#__PURE__*/memo(({
   }), [actionOptions, cardContext, getPos, isHovered, node, onClick, onResolve, useAlternativePreloader, view, isPageSSRed, pluginInjectionApi]);
   const shouldShowOpenButtonOverlay = useMemo(() => {
     const shouldShowOpenButtonOverlayInChomeless = editorAppearance === 'chromeless';
-    return (mode === 'edit' || editorAppearance === 'comment' || shouldShowOpenButtonOverlayInChomeless) && (editorExperiment('platform_editor_controls', 'variant1') || fg('platform_editor_preview_panel_linking'));
+    return (mode === 'edit' || editorAppearance === 'comment' || shouldShowOpenButtonOverlayInChomeless) && (editorExperiment('platform_editor_controls', 'variant1') || expValEquals('platform_editor_preview_panel_linking_exp', 'isEnabled', true));
   }, [mode, editorAppearance]);
   let innerCard = shouldShowOpenButtonOverlay ? innerCardWithOpenButtonOverlay : innerCardOriginal;
-  if (mode === 'view' && fg('platform_editor_preview_panel_linking')) {
+  if (mode === 'view' && expValEquals('platform_editor_preview_panel_linking_exp', 'isEnabled', true)) {
     var _cardContext$value, _cardContext$value$st;
     const url = node.attrs.url;
     const cardState = cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 ? void 0 : (_cardContext$value$st = _cardContext$value.store) === null || _cardContext$value$st === void 0 ? void 0 : _cardContext$value$st.getState()[url];

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

@@ -7,7 +7,7 @@ import { useCallback, useEffect, useMemo, 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 { AnalyticsContext } from '@atlaskit/analytics-next';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getResolvedAttributesFromStore } from '../../pm-plugins/utils';
 import useLinkUpgradeDiscoverability from '../hooks/useLinkUpgradeDiscoverability';
@@ -76,7 +76,7 @@ export const AwarenessWrapper = ({
     setOverlayHoveredStyles(isHovered);
   }, [setOverlayHoveredStyles]);
   const cardWithOverlay = useMemo(() => {
-    if (shouldShowLinkOverlay && !editorExperiment('platform_editor_controls', 'variant1') && !fg('platform_editor_preview_panel_linking')) {
+    if (shouldShowLinkOverlay && !editorExperiment('platform_editor_controls', 'variant1') && !expValEqualsNoExposure('platform_editor_preview_panel_linking_exp', 'isEnabled', true)) {
       return jsx(InlineCardOverlay, {
         isSelected: isSelected,
         isVisible: isResolvedViewRendered && (isInserted || isHovered || isSelected),

package/dist/es2019/ui/toolbar.js

@@ -321,7 +321,7 @@ const generateToolbarItems = (state, intl, providerFactory, cardOptions, lpLinkP
       testId: 'link-toolbar-edit-link-button',
       onClick: getEditLinkCallback(editorAnalyticsApi, true)
     }];
-    const openPreviewPanelItems = fg('platform_editor_preview_panel_linking') ? [{
+    const openPreviewPanelItems = expValEquals('platform_editor_preview_panel_linking_exp', 'isEnabled', true) ? [{
       type: 'custom',
       fallback: [],
       render: () => /*#__PURE__*/React.createElement(OpenPreviewPanelToolbarButton, {

package/dist/esm/nodeviews/embedCard.js

@@ -530,6 +530,8 @@ export var embedCardNodeView = function embedCardNodeView(_ref4) {
       CompetitorPrompt: CompetitorPrompt,
       isPageSSRed: isPageSSRed
     };
-    return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined).init();
+    return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined, undefined,
+    // @portal-render-immediately
+    true).init();
   };
 };

package/dist/esm/nodeviews/inlineCardWithAwareness.js

@@ -3,8 +3,8 @@ import React, { memo, useCallback, useMemo, useState } from 'react';
 import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { HoverLinkOverlay } from '@atlaskit/editor-common/ui';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { getObjectAri, getObjectName, getObjectIconUrl } from '@atlaskit/smart-card';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { registerRemoveOverlay } from '../pm-plugins/actions';
 import { pluginKey } from '../pm-plugins/plugin-key';
@@ -87,7 +87,7 @@ export var InlineCardWithAwareness = /*#__PURE__*/memo(function (_ref) {
     selection = _useSharedState.selection;
   var floatingToolbarNode = selection instanceof NodeSelection && selection.node;
   // This is a prop to show Hover card, Hover card should be shown only in Live View and Classic Renderer (note when only Editor controls enabled we don't show in Live view)
-  var showHoverPreview = floatingToolbarNode !== node && fg('platform_editor_preview_panel_linking');
+  var showHoverPreview = floatingToolbarNode !== node && expValEquals('platform_editor_preview_panel_linking_exp', 'isEnabled', true);
   var innerCardWithOpenButtonOverlay = useMemo(function () {
     var _pluginInjectionApi$a;
     return /*#__PURE__*/React.createElement(HoverLinkOverlay, {
@@ -128,10 +128,10 @@ export var InlineCardWithAwareness = /*#__PURE__*/memo(function (_ref) {
   }, [actionOptions, cardContext, getPos, isHovered, node, onClick, onResolve, useAlternativePreloader, view, isPageSSRed, pluginInjectionApi]);
   var shouldShowOpenButtonOverlay = useMemo(function () {
     var shouldShowOpenButtonOverlayInChomeless = editorAppearance === 'chromeless';
-    return (mode === 'edit' || editorAppearance === 'comment' || shouldShowOpenButtonOverlayInChomeless) && (editorExperiment('platform_editor_controls', 'variant1') || fg('platform_editor_preview_panel_linking'));
+    return (mode === 'edit' || editorAppearance === 'comment' || shouldShowOpenButtonOverlayInChomeless) && (editorExperiment('platform_editor_controls', 'variant1') || expValEquals('platform_editor_preview_panel_linking_exp', 'isEnabled', true));
   }, [mode, editorAppearance]);
   var innerCard = shouldShowOpenButtonOverlay ? innerCardWithOpenButtonOverlay : innerCardOriginal;
-  if (mode === 'view' && fg('platform_editor_preview_panel_linking')) {
+  if (mode === 'view' && expValEquals('platform_editor_preview_panel_linking_exp', 'isEnabled', true)) {
     var _cardContext$value;
     var url = node.attrs.url;
     var cardState = cardContext === null || cardContext === void 0 || (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 || (_cardContext$value = _cardContext$value.store) === null || _cardContext$value === void 0 ? void 0 : _cardContext$value.getState()[url];

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

@@ -8,7 +8,7 @@ import { useCallback, useEffect, useMemo, 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 { AnalyticsContext } from '@atlaskit/analytics-next';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { getResolvedAttributesFromStore } from '../../pm-plugins/utils';
 import useLinkUpgradeDiscoverability from '../hooks/useLinkUpgradeDiscoverability';
@@ -78,7 +78,7 @@ export var AwarenessWrapper = function AwarenessWrapper(_ref) {
     setOverlayHoveredStyles(isHovered);
   }, [setOverlayHoveredStyles]);
   var cardWithOverlay = useMemo(function () {
-    if (shouldShowLinkOverlay && !editorExperiment('platform_editor_controls', 'variant1') && !fg('platform_editor_preview_panel_linking')) {
+    if (shouldShowLinkOverlay && !editorExperiment('platform_editor_controls', 'variant1') && !expValEqualsNoExposure('platform_editor_preview_panel_linking_exp', 'isEnabled', true)) {
       return jsx(InlineCardOverlay, {
         isSelected: isSelected,
         isVisible: isResolvedViewRendered && (isInserted || isHovered || isSelected),

package/dist/esm/ui/toolbar.js

@@ -322,7 +322,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
         testId: 'link-toolbar-edit-link-button',
         onClick: getEditLinkCallback(editorAnalyticsApi, true)
       }];
-      var openPreviewPanelItems = fg('platform_editor_preview_panel_linking') ? [{
+      var openPreviewPanelItems = expValEquals('platform_editor_preview_panel_linking_exp', 'isEnabled', true) ? [{
         type: 'custom',
         fallback: [],
         render: function render() {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "7.4.3",
+	"version": "7.4.4",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -62,7 +62,7 @@
 		"@atlaskit/primitives": "^14.11.0",
 		"@atlaskit/smart-card": "^40.10.0",
 		"@atlaskit/theme": "^19.0.0",
-		"@atlaskit/tmp-editor-statsig": "^11.0.0",
+		"@atlaskit/tmp-editor-statsig": "^11.1.0",
 		"@atlaskit/tokens": "^6.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -126,9 +126,6 @@
 		"platform_editor_cards_maxcallstackfix": {
 			"type": "boolean"
 		},
-		"platform_editor_preview_panel_linking": {
-			"type": "boolean"
-		},
 		"platform_editor_controls_patch_15": {
 			"type": "boolean"
 		},