@atlaskit/editor-plugin-card 21.0.10 → 21.0.12

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/editor-plugin-card
 
+## 21.0.12
+
+### Patch Changes
+
+- [`9e4a665de419a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9e4a665de419a) -
+  Clean up of expriment flag `platform_editor_preview_panel_linking_exp_conf` and
+  `platform_editor_preview_panel_linking_exp_jira`.
+- [`a8fb048ddba1a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a8fb048ddba1a) -
+  Add a gated table settings menu next to the column picker. When
+  `platform_lp_sllv_table_settings_menu` is on, the menu includes a wrap-text toggle that turns
+  wrapping on for every visible column, or off for every visible column. Gate off keeps the previous
+  column-picker-only header, and the editor does not pass `onWrappedColumnsChange`.
+
+  `DatasourceTableView` now accepts an optional `onWrappedColumnsChange` callback that updates the
+  wrapped state of multiple columns at once.
+
+- Updated dependencies
+
+## 21.0.11
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 21.0.10
 
 ### Patch Changes

package/dist/cjs/nodeviews/datasource.js

@@ -22,6 +22,7 @@ var _utils = require("@atlaskit/editor-common/utils");
 var _linkDatasource = require("@atlaskit/link-datasource");
 var _linkProvider = require("@atlaskit/link-provider");
 var _linkingCommon = require("@atlaskit/linking-common");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _datasourceErrorBoundary = require("../ui/datasourceErrorBoundary");
 var _EditorAnalyticsContext = require("../ui/EditorAnalyticsContext");
 function _superPropGet(t, o, e, r) { var p = (0, _get2.default)((0, _getPrototypeOf2.default)(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
@@ -92,6 +93,14 @@ var DatasourceComponent = exports.DatasourceComponent = /*#__PURE__*/function (_
       }
       _this.updateTableProperties(visibleColumnKeys, columnCustomSizes, Array.from(wrappedColumnKeysSet));
     });
+    (0, _defineProperty2.default)(_this, "handleWrappedColumnsChange", function (wrappedColumnKeys) {
+      var _this$getColumnsInfo0 = _this.getColumnsInfo(),
+        _this$getColumnsInfo1 = _this$getColumnsInfo0.columnCustomSizes,
+        columnCustomSizes = _this$getColumnsInfo1 === void 0 ? {} : _this$getColumnsInfo1,
+        _this$getColumnsInfo10 = _this$getColumnsInfo0.visibleColumnKeys,
+        visibleColumnKeys = _this$getColumnsInfo10 === void 0 ? [] : _this$getColumnsInfo10;
+      _this.updateTableProperties(visibleColumnKeys, columnCustomSizes, wrappedColumnKeys);
+    });
     (0, _defineProperty2.default)(_this, "onError", function (_ref) {
       var err = _ref.err;
       if (err) {
@@ -184,10 +193,10 @@ var DatasourceComponent = exports.DatasourceComponent = /*#__PURE__*/function (_
       var attrs = this.props.node.attrs;
       var tableView = this.getTableView();
       if (tableView) {
-        var _this$getColumnsInfo0 = this.getColumnsInfo(),
-          visibleColumnKeys = _this$getColumnsInfo0.visibleColumnKeys,
-          columnCustomSizes = _this$getColumnsInfo0.columnCustomSizes,
-          wrappedColumnKeys = _this$getColumnsInfo0.wrappedColumnKeys;
+        var _this$getColumnsInfo11 = this.getColumnsInfo(),
+          visibleColumnKeys = _this$getColumnsInfo11.visibleColumnKeys,
+          columnCustomSizes = _this$getColumnsInfo11.columnCustomSizes,
+          wrappedColumnKeys = _this$getColumnsInfo11.wrappedColumnKeys;
         return (0, _react2.jsx)(_linkProvider.EditorSmartCardProviderValueGuard, null, (0, _react2.jsx)(_EditorAnalyticsContext.EditorAnalyticsContext, {
           editorView: this.props.view
         }, (0, _react2.jsx)(_linkProvider.EditorSmartCardProvider, null, (0, _react2.jsx)(_linkDatasource.DatasourceTableView, {
@@ -199,6 +208,7 @@ var DatasourceComponent = exports.DatasourceComponent = /*#__PURE__*/function (_
           onColumnResize: this.handleColumnResize,
           columnCustomSizes: columnCustomSizes,
           onWrappedColumnChange: this.handleWrappedColumnChange,
+          onWrappedColumnsChange: (0, _fg.fg)('platform_lp_sllv_table_settings_menu') ? this.handleWrappedColumnsChange : undefined,
           wrappedColumnKeys: wrappedColumnKeys
         }))));
       }

package/dist/cjs/nodeviews/inlineCardWithAwareness.js

@@ -17,7 +17,6 @@ var _utils = require("@atlaskit/linking-common/utils");
 var _smartCard = require("@atlaskit/smart-card");
 var _useSmartLinkDestinationUrl = require("@atlaskit/smart-card/hook/use-smart-link-destination-url");
 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");
 var _AwarenessWrapper = require("../ui/AwarenessWrapper");
@@ -91,9 +90,7 @@ var InlineCardWithAwareness = exports.InlineCardWithAwareness = /*#__PURE__*/(0,
     selection = _useSharedPluginState.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, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true, {
-    exposure: true
-  });
+  var showHoverPreview = floatingToolbarNode !== node;
   var innerCardWithOpenButtonOverlay = (0, _react.useMemo)(function () {
     var _pluginInjectionApi$a;
     return /*#__PURE__*/_react.default.createElement(_ui.HoverLinkOverlay, {
@@ -138,14 +135,10 @@ var InlineCardWithAwareness = exports.InlineCardWithAwareness = /*#__PURE__*/(0,
   }, [actionOptions, cardContext, getPos, isHovered, node, onClick, onResolve, useAlternativePreloader, view, isPageSSRed, provider, 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, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true, {
-      exposure: true
-    }));
+    return mode === 'edit' || editorAppearance === 'comment' || shouldShowOpenButtonOverlayInChomeless;
   }, [mode, editorAppearance]);
   var innerCard = shouldShowOpenButtonOverlay ? innerCardWithOpenButtonOverlay : innerCardOriginal;
-  if (mode === 'view' && (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true, {
-    exposure: true
-  })) {
+  if (mode === 'view') {
     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

@@ -5,14 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AwarenessWrapper = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _utils = require("../../pm-plugins/utils");
 var _useLinkUpgradeDiscoverability = _interopRequireDefault(require("../hooks/useLinkUpgradeDiscoverability"));
-var _InlineCardOverlay = _interopRequireDefault(require("../InlineCardOverlay"));
 var _localStorage = require("../local-storage");
 var _Pulse = require("../Pulse");
 /**
@@ -36,20 +33,14 @@ var AwarenessWrapper = exports.AwarenessWrapper = function AwarenessWrapper(_ref
   var cardContext = _ref.cardContext,
     children = _ref.children,
     getPos = _ref.getPos,
-    isInserted = _ref.isInserted,
     isOverlayEnabled = _ref.isOverlayEnabled,
     isSelected = _ref.isSelected,
     isResolvedViewRendered = _ref.isResolvedViewRendered,
     isPulseEnabled = _ref.isPulseEnabled,
     markMostRecentlyInsertedLink = _ref.markMostRecentlyInsertedLink,
     pluginInjectionApi = _ref.pluginInjectionApi,
-    setOverlayHoveredStyles = _ref.setOverlayHoveredStyles,
     url = _ref.url,
     appearance = _ref.appearance;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    isHovered = _useState2[0],
-    setIsHovered = _useState2[1];
   var linkPosition = (0, _react.useMemo)(function () {
     if (!getPos || typeof getPos === 'boolean') {
       return undefined;
@@ -80,30 +71,6 @@ var AwarenessWrapper = exports.AwarenessWrapper = function AwarenessWrapper(_ref
       markMostRecentlyInsertedLink(true);
     }
   }, [isLinkMostRecentlyInserted, markMostRecentlyInsertedLink, shouldShowLinkOverlay]);
-  var handleOverlayChange = (0, _react.useCallback)(function (isHovered) {
-    setIsHovered(isHovered);
-    setOverlayHoveredStyles(isHovered);
-  }, [setOverlayHoveredStyles]);
-  var cardWithOverlay = (0, _react.useMemo)(function () {
-    if (shouldShowLinkOverlay && !(0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && !(0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true)) {
-      return (0, _react2.jsx)(_InlineCardOverlay.default, {
-        isSelected: isSelected,
-        isVisible: isResolvedViewRendered && (isInserted || isHovered || isSelected)
-        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-        ,
-        onMouseEnter: function onMouseEnter() {
-          return handleOverlayChange(true);
-        }
-        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-        ,
-        onMouseLeave: function onMouseLeave() {
-          return handleOverlayChange(false);
-        },
-        url: url
-      }, children);
-    }
-    return children;
-  }, [shouldShowLinkOverlay, children, isSelected, isResolvedViewRendered, isInserted, isHovered, url, handleOverlayChange]);
   var isInline = appearance === 'inline';
   var placeholderUniqId = linkPosition || 0;
   return (0, _react.useMemo)(function () {
@@ -129,6 +96,6 @@ var AwarenessWrapper = exports.AwarenessWrapper = function AwarenessWrapper(_ref
       shouldShowPulse: isResolvedViewRendered && shouldShowLinkPulse,
       testId: "link-discovery-pulse",
       isInline: isInline
-    }, cardWithOverlay)));
-  }, [shouldShowLinkPulse, url, cardContext === null || cardContext === void 0 || (_cardContext$value2 = cardContext.value) === null || _cardContext$value2 === void 0 ? void 0 : _cardContext$value2.store, isResolvedViewRendered, cardWithOverlay, isInline, placeholderUniqId]);
+    }, children)));
+  }, [shouldShowLinkPulse, url, cardContext === null || cardContext === void 0 || (_cardContext$value2 = cardContext.value) === null || _cardContext$value2 === void 0 ? void 0 : _cardContext$value2.store, isResolvedViewRendered, children, isInline, placeholderUniqId]);
 };

package/dist/cjs/ui/toolbar.js

@@ -353,9 +353,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
         testId: 'link-toolbar-edit-link-button',
         onClick: (0, _EditLinkToolbar.getEditLinkCallback)(editorAnalyticsApi, true)
       }];
-      var openPreviewPanelItems = (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true, {
-        exposure: true
-      }) ? [{
+      var openPreviewPanelItems = [{
         type: 'custom',
         fallback: [],
         render: function render() {
@@ -366,7 +364,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
             areAnyNewToolbarFlagsEnabled: !areAllNewToolbarFlagsDisabled
           });
         }
-      }] : [];
+      }];
       var resolvedToolbarAttributes = url ? (_pluginState$resolved = pluginState === null || pluginState === void 0 ? void 0 : pluginState.resolvedToolbarAttributesByUrl[url]) !== null && _pluginState$resolved !== void 0 ? _pluginState$resolved : {} : {};
       var openLinkToolbarItemFallback = {
         id: 'editor.link.openLink',

package/dist/es2019/nodeviews/datasource.js

@@ -14,6 +14,7 @@ import { calcBreakoutWidth } from '@atlaskit/editor-common/utils';
 import { DatasourceTableView } from '@atlaskit/link-datasource';
 import { EditorSmartCardProvider, EditorSmartCardProviderValueGuard } from '@atlaskit/link-provider';
 import { DATASOURCE_DEFAULT_LAYOUT } from '@atlaskit/linking-common';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { DatasourceErrorBoundary } from '../ui/datasourceErrorBoundary';
 import { EditorAnalyticsContext } from '../ui/EditorAnalyticsContext';
 const getPosSafely = pos => {
@@ -68,6 +69,13 @@ export class DatasourceComponent extends React.PureComponent {
       }
       this.updateTableProperties(visibleColumnKeys, columnCustomSizes, Array.from(wrappedColumnKeysSet));
     });
+    _defineProperty(this, "handleWrappedColumnsChange", wrappedColumnKeys => {
+      const {
+        columnCustomSizes = {},
+        visibleColumnKeys = []
+      } = this.getColumnsInfo();
+      this.updateTableProperties(visibleColumnKeys, columnCustomSizes, wrappedColumnKeys);
+    });
     _defineProperty(this, "onError", ({
       err
     }) => {
@@ -165,6 +173,7 @@ export class DatasourceComponent extends React.PureComponent {
         onColumnResize: this.handleColumnResize,
         columnCustomSizes: columnCustomSizes,
         onWrappedColumnChange: this.handleWrappedColumnChange,
+        onWrappedColumnsChange: fg('platform_lp_sllv_table_settings_menu') ? this.handleWrappedColumnsChange : undefined,
         wrappedColumnKeys: wrappedColumnKeys
       }))));
     }

package/dist/es2019/nodeviews/inlineCardWithAwareness.js

@@ -8,7 +8,6 @@ import { isWithinPreviewPanelIFrame } from '@atlaskit/linking-common/utils';
 import { getObjectAri, getObjectName, getObjectIconUrl } from '@atlaskit/smart-card';
 import { useSmartLinkDestinationUrl } from '@atlaskit/smart-card/hook/use-smart-link-destination-url';
 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';
 import { AwarenessWrapper } from '../ui/AwarenessWrapper';
@@ -70,9 +69,7 @@ export const InlineCardWithAwareness = /*#__PURE__*/memo(({
   } = useSharedPluginStateWithSelector(pluginInjectionApi, ['selection', 'editorViewMode'], selector);
   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 && editorExperiment('platform_editor_preview_panel_linking_exp', true, {
-    exposure: true
-  });
+  const showHoverPreview = floatingToolbarNode !== node;
   const innerCardWithOpenButtonOverlay = useMemo(() => {
     var _pluginInjectionApi$a;
     return /*#__PURE__*/React.createElement(HoverLinkOverlay, {
@@ -115,14 +112,10 @@ export const InlineCardWithAwareness = /*#__PURE__*/memo(({
   }), [actionOptions, cardContext, getPos, isHovered, node, onClick, onResolve, useAlternativePreloader, view, isPageSSRed, provider, pluginInjectionApi]);
   const shouldShowOpenButtonOverlay = useMemo(() => {
     const shouldShowOpenButtonOverlayInChomeless = editorAppearance === 'chromeless';
-    return (mode === 'edit' || editorAppearance === 'comment' || shouldShowOpenButtonOverlayInChomeless) && (editorExperiment('platform_editor_controls', 'variant1') || editorExperiment('platform_editor_preview_panel_linking_exp', true, {
-      exposure: true
-    }));
+    return mode === 'edit' || editorAppearance === 'comment' || shouldShowOpenButtonOverlayInChomeless;
   }, [mode, editorAppearance]);
   let innerCard = shouldShowOpenButtonOverlay ? innerCardWithOpenButtonOverlay : innerCardOriginal;
-  if (mode === 'view' && editorExperiment('platform_editor_preview_panel_linking_exp', true, {
-    exposure: true
-  })) {
+  if (mode === 'view') {
     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

@@ -2,15 +2,13 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useEffect, useMemo } from 'react';
 
 // 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';
 import { getResolvedAttributesFromStore } from '../../pm-plugins/utils';
 import useLinkUpgradeDiscoverability from '../hooks/useLinkUpgradeDiscoverability';
-import InlineCardOverlay from '../InlineCardOverlay';
 import { isLocalStorageKeyDiscovered, LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK, LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR, markLocalStorageKeyDiscovered, ONE_DAY_IN_MILLISECONDS } from '../local-storage';
 import { DiscoveryPulse } from '../Pulse';
 // editor adds a standard line-height that is bigger than an inline smart link
@@ -26,19 +24,16 @@ export const AwarenessWrapper = ({
   cardContext,
   children,
   getPos,
-  isInserted,
   isOverlayEnabled,
   isSelected,
   isResolvedViewRendered,
   isPulseEnabled,
   markMostRecentlyInsertedLink,
   pluginInjectionApi,
-  setOverlayHoveredStyles,
   url,
   appearance
 }) => {
   var _cardContext$value2;
-  const [isHovered, setIsHovered] = useState(false);
   const linkPosition = useMemo(() => {
     if (!getPos || typeof getPos === 'boolean') {
       return undefined;
@@ -70,26 +65,6 @@ export const AwarenessWrapper = ({
       markMostRecentlyInsertedLink(true);
     }
   }, [isLinkMostRecentlyInserted, markMostRecentlyInsertedLink, shouldShowLinkOverlay]);
-  const handleOverlayChange = useCallback(isHovered => {
-    setIsHovered(isHovered);
-    setOverlayHoveredStyles(isHovered);
-  }, [setOverlayHoveredStyles]);
-  const cardWithOverlay = useMemo(() => {
-    if (shouldShowLinkOverlay && !editorExperiment('platform_editor_controls', 'variant1') && !editorExperiment('platform_editor_preview_panel_linking_exp', true)) {
-      return jsx(InlineCardOverlay, {
-        isSelected: isSelected,
-        isVisible: isResolvedViewRendered && (isInserted || isHovered || isSelected)
-        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-        ,
-        onMouseEnter: () => handleOverlayChange(true)
-        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-        ,
-        onMouseLeave: () => handleOverlayChange(false),
-        url: url
-      }, children);
-    }
-    return children;
-  }, [shouldShowLinkOverlay, children, isSelected, isResolvedViewRendered, isInserted, isHovered, url, handleOverlayChange]);
   const isInline = appearance === 'inline';
   const placeholderUniqId = linkPosition || 0;
   return useMemo(() => {
@@ -115,6 +90,6 @@ export const AwarenessWrapper = ({
       shouldShowPulse: isResolvedViewRendered && shouldShowLinkPulse,
       testId: "link-discovery-pulse",
       isInline: isInline
-    }, cardWithOverlay)));
-  }, [shouldShowLinkPulse, url, cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$value2 = cardContext.value) === null || _cardContext$value2 === void 0 ? void 0 : _cardContext$value2.store, isResolvedViewRendered, cardWithOverlay, isInline, placeholderUniqId]);
+    }, children)));
+  }, [shouldShowLinkPulse, url, cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$value2 = cardContext.value) === null || _cardContext$value2 === void 0 ? void 0 : _cardContext$value2.store, isResolvedViewRendered, children, isInline, placeholderUniqId]);
 };

package/dist/es2019/ui/toolbar.js

@@ -340,9 +340,7 @@ const generateToolbarItems = (state, intl, providerFactory, cardOptions, lpLinkP
       testId: 'link-toolbar-edit-link-button',
       onClick: getEditLinkCallback(editorAnalyticsApi, true)
     }];
-    const openPreviewPanelItems = editorExperiment('platform_editor_preview_panel_linking_exp', true, {
-      exposure: true
-    }) ? [{
+    const openPreviewPanelItems = [{
       type: 'custom',
       fallback: [],
       render: () => /*#__PURE__*/React.createElement(OpenPreviewPanelToolbarButton, {
@@ -351,7 +349,7 @@ const generateToolbarItems = (state, intl, providerFactory, cardOptions, lpLinkP
         editorAnalyticsApi: editorAnalyticsApi,
         areAnyNewToolbarFlagsEnabled: !areAllNewToolbarFlagsDisabled
       })
-    }] : [];
+    }];
     const resolvedToolbarAttributes = url ? (_pluginState$resolved = pluginState === null || pluginState === void 0 ? void 0 : pluginState.resolvedToolbarAttributesByUrl[url]) !== null && _pluginState$resolved !== void 0 ? _pluginState$resolved : {} : {};
     const openLinkToolbarItemFallback = {
       id: 'editor.link.openLink',

package/dist/esm/nodeviews/datasource.js

@@ -26,6 +26,7 @@ import { calcBreakoutWidth } from '@atlaskit/editor-common/utils';
 import { DatasourceTableView } from '@atlaskit/link-datasource';
 import { EditorSmartCardProvider, EditorSmartCardProviderValueGuard } from '@atlaskit/link-provider';
 import { DATASOURCE_DEFAULT_LAYOUT } from '@atlaskit/linking-common';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { DatasourceErrorBoundary } from '../ui/datasourceErrorBoundary';
 import { EditorAnalyticsContext } from '../ui/EditorAnalyticsContext';
 var getPosSafely = function getPosSafely(pos) {
@@ -88,6 +89,14 @@ export var DatasourceComponent = /*#__PURE__*/function (_React$PureComponent) {
       }
       _this.updateTableProperties(visibleColumnKeys, columnCustomSizes, Array.from(wrappedColumnKeysSet));
     });
+    _defineProperty(_this, "handleWrappedColumnsChange", function (wrappedColumnKeys) {
+      var _this$getColumnsInfo0 = _this.getColumnsInfo(),
+        _this$getColumnsInfo1 = _this$getColumnsInfo0.columnCustomSizes,
+        columnCustomSizes = _this$getColumnsInfo1 === void 0 ? {} : _this$getColumnsInfo1,
+        _this$getColumnsInfo10 = _this$getColumnsInfo0.visibleColumnKeys,
+        visibleColumnKeys = _this$getColumnsInfo10 === void 0 ? [] : _this$getColumnsInfo10;
+      _this.updateTableProperties(visibleColumnKeys, columnCustomSizes, wrappedColumnKeys);
+    });
     _defineProperty(_this, "onError", function (_ref) {
       var err = _ref.err;
       if (err) {
@@ -180,10 +189,10 @@ export var DatasourceComponent = /*#__PURE__*/function (_React$PureComponent) {
       var attrs = this.props.node.attrs;
       var tableView = this.getTableView();
       if (tableView) {
-        var _this$getColumnsInfo0 = this.getColumnsInfo(),
-          visibleColumnKeys = _this$getColumnsInfo0.visibleColumnKeys,
-          columnCustomSizes = _this$getColumnsInfo0.columnCustomSizes,
-          wrappedColumnKeys = _this$getColumnsInfo0.wrappedColumnKeys;
+        var _this$getColumnsInfo11 = this.getColumnsInfo(),
+          visibleColumnKeys = _this$getColumnsInfo11.visibleColumnKeys,
+          columnCustomSizes = _this$getColumnsInfo11.columnCustomSizes,
+          wrappedColumnKeys = _this$getColumnsInfo11.wrappedColumnKeys;
         return jsx(EditorSmartCardProviderValueGuard, null, jsx(EditorAnalyticsContext, {
           editorView: this.props.view
         }, jsx(EditorSmartCardProvider, null, jsx(DatasourceTableView, {
@@ -195,6 +204,7 @@ export var DatasourceComponent = /*#__PURE__*/function (_React$PureComponent) {
           onColumnResize: this.handleColumnResize,
           columnCustomSizes: columnCustomSizes,
           onWrappedColumnChange: this.handleWrappedColumnChange,
+          onWrappedColumnsChange: fg('platform_lp_sllv_table_settings_menu') ? this.handleWrappedColumnsChange : undefined,
           wrappedColumnKeys: wrappedColumnKeys
         }))));
       }

package/dist/esm/nodeviews/inlineCardWithAwareness.js

@@ -9,7 +9,6 @@ import { isWithinPreviewPanelIFrame } from '@atlaskit/linking-common/utils';
 import { getObjectAri, getObjectName, getObjectIconUrl } from '@atlaskit/smart-card';
 import { useSmartLinkDestinationUrl } from '@atlaskit/smart-card/hook/use-smart-link-destination-url';
 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';
 import { AwarenessWrapper } from '../ui/AwarenessWrapper';
@@ -82,9 +81,7 @@ export var InlineCardWithAwareness = /*#__PURE__*/memo(function (_ref) {
     selection = _useSharedPluginState.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 && editorExperiment('platform_editor_preview_panel_linking_exp', true, {
-    exposure: true
-  });
+  var showHoverPreview = floatingToolbarNode !== node;
   var innerCardWithOpenButtonOverlay = useMemo(function () {
     var _pluginInjectionApi$a;
     return /*#__PURE__*/React.createElement(HoverLinkOverlay, {
@@ -129,14 +126,10 @@ export var InlineCardWithAwareness = /*#__PURE__*/memo(function (_ref) {
   }, [actionOptions, cardContext, getPos, isHovered, node, onClick, onResolve, useAlternativePreloader, view, isPageSSRed, provider, pluginInjectionApi]);
   var shouldShowOpenButtonOverlay = useMemo(function () {
     var shouldShowOpenButtonOverlayInChomeless = editorAppearance === 'chromeless';
-    return (mode === 'edit' || editorAppearance === 'comment' || shouldShowOpenButtonOverlayInChomeless) && (editorExperiment('platform_editor_controls', 'variant1') || editorExperiment('platform_editor_preview_panel_linking_exp', true, {
-      exposure: true
-    }));
+    return mode === 'edit' || editorAppearance === 'comment' || shouldShowOpenButtonOverlayInChomeless;
   }, [mode, editorAppearance]);
   var innerCard = shouldShowOpenButtonOverlay ? innerCardWithOpenButtonOverlay : innerCardOriginal;
-  if (mode === 'view' && editorExperiment('platform_editor_preview_panel_linking_exp', true, {
-    exposure: true
-  })) {
+  if (mode === 'view') {
     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

@@ -1,17 +1,14 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 /**
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useEffect, useMemo } from 'react';
 
 // 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';
 import { getResolvedAttributesFromStore } from '../../pm-plugins/utils';
 import useLinkUpgradeDiscoverability from '../hooks/useLinkUpgradeDiscoverability';
-import InlineCardOverlay from '../InlineCardOverlay';
 import { isLocalStorageKeyDiscovered, LOCAL_STORAGE_DISCOVERY_KEY_SMART_LINK, LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR, markLocalStorageKeyDiscovered, ONE_DAY_IN_MILLISECONDS } from '../local-storage';
 import { DiscoveryPulse } from '../Pulse';
 // editor adds a standard line-height that is bigger than an inline smart link
@@ -28,20 +25,14 @@ export var AwarenessWrapper = function AwarenessWrapper(_ref) {
   var cardContext = _ref.cardContext,
     children = _ref.children,
     getPos = _ref.getPos,
-    isInserted = _ref.isInserted,
     isOverlayEnabled = _ref.isOverlayEnabled,
     isSelected = _ref.isSelected,
     isResolvedViewRendered = _ref.isResolvedViewRendered,
     isPulseEnabled = _ref.isPulseEnabled,
     markMostRecentlyInsertedLink = _ref.markMostRecentlyInsertedLink,
     pluginInjectionApi = _ref.pluginInjectionApi,
-    setOverlayHoveredStyles = _ref.setOverlayHoveredStyles,
     url = _ref.url,
     appearance = _ref.appearance;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isHovered = _useState2[0],
-    setIsHovered = _useState2[1];
   var linkPosition = useMemo(function () {
     if (!getPos || typeof getPos === 'boolean') {
       return undefined;
@@ -72,30 +63,6 @@ export var AwarenessWrapper = function AwarenessWrapper(_ref) {
       markMostRecentlyInsertedLink(true);
     }
   }, [isLinkMostRecentlyInserted, markMostRecentlyInsertedLink, shouldShowLinkOverlay]);
-  var handleOverlayChange = useCallback(function (isHovered) {
-    setIsHovered(isHovered);
-    setOverlayHoveredStyles(isHovered);
-  }, [setOverlayHoveredStyles]);
-  var cardWithOverlay = useMemo(function () {
-    if (shouldShowLinkOverlay && !editorExperiment('platform_editor_controls', 'variant1') && !editorExperiment('platform_editor_preview_panel_linking_exp', true)) {
-      return jsx(InlineCardOverlay, {
-        isSelected: isSelected,
-        isVisible: isResolvedViewRendered && (isInserted || isHovered || isSelected)
-        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-        ,
-        onMouseEnter: function onMouseEnter() {
-          return handleOverlayChange(true);
-        }
-        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-        ,
-        onMouseLeave: function onMouseLeave() {
-          return handleOverlayChange(false);
-        },
-        url: url
-      }, children);
-    }
-    return children;
-  }, [shouldShowLinkOverlay, children, isSelected, isResolvedViewRendered, isInserted, isHovered, url, handleOverlayChange]);
   var isInline = appearance === 'inline';
   var placeholderUniqId = linkPosition || 0;
   return useMemo(function () {
@@ -121,6 +88,6 @@ export var AwarenessWrapper = function AwarenessWrapper(_ref) {
       shouldShowPulse: isResolvedViewRendered && shouldShowLinkPulse,
       testId: "link-discovery-pulse",
       isInline: isInline
-    }, cardWithOverlay)));
-  }, [shouldShowLinkPulse, url, cardContext === null || cardContext === void 0 || (_cardContext$value2 = cardContext.value) === null || _cardContext$value2 === void 0 ? void 0 : _cardContext$value2.store, isResolvedViewRendered, cardWithOverlay, isInline, placeholderUniqId]);
+    }, children)));
+  }, [shouldShowLinkPulse, url, cardContext === null || cardContext === void 0 || (_cardContext$value2 = cardContext.value) === null || _cardContext$value2 === void 0 ? void 0 : _cardContext$value2.store, isResolvedViewRendered, children, isInline, placeholderUniqId]);
 };

package/dist/esm/ui/toolbar.js

@@ -344,9 +344,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
         testId: 'link-toolbar-edit-link-button',
         onClick: getEditLinkCallback(editorAnalyticsApi, true)
       }];
-      var openPreviewPanelItems = editorExperiment('platform_editor_preview_panel_linking_exp', true, {
-        exposure: true
-      }) ? [{
+      var openPreviewPanelItems = [{
         type: 'custom',
         fallback: [],
         render: function render() {
@@ -357,7 +355,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
             areAnyNewToolbarFlagsEnabled: !areAllNewToolbarFlagsDisabled
           });
         }
-      }] : [];
+      }];
       var resolvedToolbarAttributes = url ? (_pluginState$resolved = pluginState === null || pluginState === void 0 ? void 0 : pluginState.resolvedToolbarAttributesByUrl[url]) !== null && _pluginState$resolved !== void 0 ? _pluginState$resolved : {} : {};
       var openLinkToolbarItemFallback = {
         id: 'editor.link.openLink',

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

@@ -31,6 +31,7 @@ export declare class DatasourceComponent extends React.PureComponent<DatasourceC
     handleColumnChange: (columnKeys: string[]) => void;
     handleColumnResize: (key: string, width: number) => void;
     handleWrappedColumnChange: (key: string, shouldWrap: boolean) => void;
+    handleWrappedColumnsChange: (wrappedColumnKeys: string[]) => void;
     onError: ({ err }: {
         err?: Error;
     }) => void;

package/dist/types/ui/AwarenessWrapper/index.d.ts

@@ -11,5 +11,5 @@ type AwarenessWrapperProps = {
     setOverlayHoveredStyles: (isHovered: boolean) => void;
     url: string;
 } & Partial<SmartCardProps>;
-export declare const AwarenessWrapper: ({ cardContext, children, getPos, isInserted, isOverlayEnabled, isSelected, isResolvedViewRendered, isPulseEnabled, markMostRecentlyInsertedLink, pluginInjectionApi, setOverlayHoveredStyles, url, appearance, }: AwarenessWrapperProps) => jsx.JSX.Element;
+export declare const AwarenessWrapper: ({ cardContext, children, getPos, isOverlayEnabled, isSelected, isResolvedViewRendered, isPulseEnabled, markMostRecentlyInsertedLink, pluginInjectionApi, url, appearance, }: AwarenessWrapperProps) => jsx.JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "21.0.10",
+	"version": "21.0.12",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -23,7 +23,7 @@
 	"dependencies": {
 		"@atlaskit/adf-schema": "^57.0.0",
 		"@atlaskit/analytics-next": "^12.3.0",
-		"@atlaskit/button": "^25.1.0",
+		"@atlaskit/button": "^25.2.0",
 		"@atlaskit/css": "^1.0.0",
 		"@atlaskit/custom-steps": "^1.0.0",
 		"@atlaskit/editor-card-provider": "^7.1.0",
@@ -42,27 +42,27 @@
 		"@atlaskit/editor-prosemirror": "^8.0.0",
 		"@atlaskit/editor-shared-styles": "^4.0.0",
 		"@atlaskit/editor-smart-link-draggable": "^1.2.0",
-		"@atlaskit/editor-toolbar": "^2.5.0",
-		"@atlaskit/editor-ui-control-model": "^2.7.0",
+		"@atlaskit/editor-toolbar": "^2.6.0",
+		"@atlaskit/editor-ui-control-model": "^2.8.0",
 		"@atlaskit/frontend-utilities": "^4.1.0",
-		"@atlaskit/icon": "^37.4.0",
+		"@atlaskit/icon": "^37.5.0",
 		"@atlaskit/json-ld-types": "^2.0.0",
-		"@atlaskit/link": "^5.0.0",
-		"@atlaskit/link-analytics": "^12.1.0",
-		"@atlaskit/link-client-extension": "^7.1.0",
-		"@atlaskit/link-datasource": "^6.4.0",
-		"@atlaskit/link-extractors": "^4.0.0",
-		"@atlaskit/linking-common": "^11.2.0",
-		"@atlaskit/linking-types": "^15.0.0",
-		"@atlaskit/menu": "^10.0.0",
+		"@atlaskit/link": "^5.1.0",
+		"@atlaskit/link-analytics": "^12.2.0",
+		"@atlaskit/link-client-extension": "^7.2.0",
+		"@atlaskit/link-datasource": "^6.7.0",
+		"@atlaskit/link-extractors": "^4.1.0",
+		"@atlaskit/linking-common": "^12.0.0",
+		"@atlaskit/linking-types": "^15.1.0",
+		"@atlaskit/menu": "^10.1.0",
 		"@atlaskit/platform-feature-experiments": "^0.3.0",
 		"@atlaskit/platform-feature-flags": "^2.1.0",
 		"@atlaskit/platform-feature-flags-react": "^1.1.0",
-		"@atlaskit/primitives": "^22.3.0",
+		"@atlaskit/primitives": "^22.4.0",
 		"@atlaskit/prosemirror-history": "^1.2.0",
-		"@atlaskit/smart-card": "^45.17.0",
-		"@atlaskit/tmp-editor-statsig": "^156.0.0",
-		"@atlaskit/tokens": "^16.7.0",
+		"@atlaskit/smart-card": "^45.18.0",
+		"@atlaskit/tmp-editor-statsig": "^158.0.0",
+		"@atlaskit/tokens": "^16.8.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"lodash": "^4.17.21",
@@ -71,8 +71,8 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^119.12.0",
-		"@atlaskit/link-provider": "^5.3.0",
+		"@atlaskit/editor-common": "^119.16.0",
+		"@atlaskit/link-provider": "^5.4.0",
 		"react": "^18.2.0 || ^19.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
 	},
@@ -126,6 +126,9 @@
 			"type": "boolean",
 			"referenceOnly": true
 		},
+		"platform_lp_sllv_table_settings_menu": {
+			"type": "boolean"
+		},
 		"jim-lower-ranking-in-jira-macro-search": {
 			"type": "boolean"
 		}