@atlaskit/editor-plugin-table 10.11.10 → 10.12.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-table
 
+## 10.12.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 10.12.0
+
+### Minor Changes
+
+- [#167123](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/167123)
+  [`8baa50249f460`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8baa50249f460) -
+  fix: stable class name for EditorView.dom
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 10.11.10
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -4,7 +4,7 @@
         "declaration": true,
         "target": "es5",
         "composite": true,
-        "outDir": "../dist",
+        "outDir": "../../../../../confluence/tsDist/@atlaskit__editor-plugin-table",
         "rootDir": "../"
     },
     "include": [

package/dist/cjs/pm-plugins/table-resizing/plugin.js

@@ -8,6 +8,7 @@ exports.createPlugin = createPlugin;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _classnames2 = _interopRequireDefault(require("classnames"));
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _types = require("../../types");
 var _pluginFactory = require("../plugin-factory");
 var _commands = require("./commands");
@@ -30,7 +31,7 @@ function createPlugin(dispatch, _ref, getEditorContainerWidth, getEditorFeatureF
       attributes: function attributes(state) {
         var pluginState = (0, _pluginFactory2.getPluginState)(state);
         return {
-          class: (0, _classnames2.default)(_types.TableCssClassName.RESIZING_PLUGIN, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _types.TableCssClassName.RESIZE_CURSOR, pluginState.resizeHandlePos !== null), _types.TableCssClassName.IS_RESIZING, !!pluginState.dragging))
+          class: (0, _classnames2.default)((0, _expValEquals.expValEquals)('platform_editor_stable_editorview_classname', 'isEnabled', true) ? '' : _types.TableCssClassName.RESIZING_PLUGIN, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _types.TableCssClassName.RESIZE_CURSOR, pluginState.resizeHandlePos !== null), _types.TableCssClassName.IS_RESIZING, !!pluginState.dragging))
         };
       },
       handleDOMEvents: {

package/dist/cjs/tablePlugin.js

@@ -27,6 +27,7 @@ var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _pmPlugins = require("@atlaskit/editor-tables/pm-plugins");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _toDOM = require("./nodeviews/toDOM");
 var _plugin = require("./pm-plugins/analytics/plugin");
@@ -466,7 +467,7 @@ var tablePlugin = function tablePlugin(_ref) {
         popupsBoundariesElement = _ref18.popupsBoundariesElement,
         popupsScrollableElement = _ref18.popupsScrollableElement,
         dispatchAnalyticsEvent = _ref18.dispatchAnalyticsEvent;
-      if ((0, _experiments.editorExperiment)('platform_editor_usesharedpluginstateselector', true)) {
+      if ((0, _expValEquals.expValEquals)('platform_editor_usesharedpluginstateselector', 'isEnabled', true)) {
         return /*#__PURE__*/_react.default.createElement(_ContentComponent.ContentComponent, {
           api: api,
           editorView: editorView,

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

@@ -17,7 +17,7 @@ var _ui = require("@atlaskit/editor-common/ui");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-down"));
+var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-down"));
 var _commands = require("../../pm-plugins/commands");
 var _types = require("../../types");
 var _FixedButton = _interopRequireDefault(require("./FixedButton"));
@@ -87,7 +87,8 @@ var FloatingContextualButtonInner = /*#__PURE__*/_react.default.memo(function (p
     onClick: handleClick,
     iconBefore: (0, _react2.jsx)(_chevronDown.default, {
       label: "",
-      color: "currentColor"
+      color: "currentColor",
+      size: "small"
     }),
     "aria-label": labelCellOptions,
     "aria-expanded": isContextualMenuOpen

package/dist/es2019/pm-plugins/table-resizing/plugin.js

@@ -1,5 +1,6 @@
 import classnames from 'classnames';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { TableCssClassName as ClassName } from '../../types';
 import { getPluginState as getTablePluginState } from '../plugin-factory';
 import { setResizeHandlePos } from './commands';
@@ -22,7 +23,7 @@ export function createPlugin(dispatch, {
       attributes(state) {
         const pluginState = getPluginState(state);
         return {
-          class: classnames(ClassName.RESIZING_PLUGIN, {
+          class: classnames(expValEquals('platform_editor_stable_editorview_classname', 'isEnabled', true) ? '' : ClassName.RESIZING_PLUGIN, {
             [ClassName.RESIZE_CURSOR]: pluginState.resizeHandlePos !== null,
             [ClassName.IS_RESIZING]: !!pluginState.dragging
           })

package/dist/es2019/tablePlugin.js

@@ -18,6 +18,7 @@ import { hasParentNodeOfType, safeInsert } from '@atlaskit/editor-prosemirror/ut
 import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { tableEditing } from '@atlaskit/editor-tables/pm-plugins';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { tableNodeSpecWithFixedToDOM } from './nodeviews/toDOM';
 import { createPlugin as createTableAnalyticsPlugin } from './pm-plugins/analytics/plugin';
@@ -456,7 +457,7 @@ const tablePlugin = ({
       dispatchAnalyticsEvent
     }) {
       var _api$featureFlags;
-      if (editorExperiment('platform_editor_usesharedpluginstateselector', true)) {
+      if (expValEquals('platform_editor_usesharedpluginstateselector', 'isEnabled', true)) {
         return /*#__PURE__*/React.createElement(ContentComponent, {
           api: api,
           editorView: editorView,

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

@@ -15,7 +15,7 @@ import { Popup } from '@atlaskit/editor-common/ui';
 import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { akEditorSmallZIndex } from '@atlaskit/editor-shared-styles';
-import ExpandIcon from '@atlaskit/icon/utility/migration/chevron-down';
+import ExpandIcon from '@atlaskit/icon/core/migration/chevron-down';
 import { toggleContextualMenu } from '../../pm-plugins/commands';
 import { TableCssClassName as ClassName } from '../../types';
 
@@ -85,7 +85,8 @@ const FloatingContextualButtonInner = /*#__PURE__*/React.memo(props => {
     onClick: handleClick,
     iconBefore: jsx(ExpandIcon, {
       label: "",
-      color: "currentColor"
+      color: "currentColor",
+      size: "small"
     }),
     "aria-label": labelCellOptions,
     "aria-expanded": isContextualMenuOpen

package/dist/esm/pm-plugins/table-resizing/plugin.js

@@ -1,6 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import classnames from 'classnames';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { TableCssClassName as ClassName } from '../../types';
 import { getPluginState as getTablePluginState } from '../plugin-factory';
 import { setResizeHandlePos } from './commands';
@@ -23,7 +24,7 @@ export function createPlugin(dispatch, _ref, getEditorContainerWidth, getEditorF
       attributes: function attributes(state) {
         var pluginState = getPluginState(state);
         return {
-          class: classnames(ClassName.RESIZING_PLUGIN, _defineProperty(_defineProperty({}, ClassName.RESIZE_CURSOR, pluginState.resizeHandlePos !== null), ClassName.IS_RESIZING, !!pluginState.dragging))
+          class: classnames(expValEquals('platform_editor_stable_editorview_classname', 'isEnabled', true) ? '' : ClassName.RESIZING_PLUGIN, _defineProperty(_defineProperty({}, ClassName.RESIZE_CURSOR, pluginState.resizeHandlePos !== null), ClassName.IS_RESIZING, !!pluginState.dragging))
         };
       },
       handleDOMEvents: {

package/dist/esm/tablePlugin.js

@@ -21,6 +21,7 @@ import { hasParentNodeOfType, safeInsert } from '@atlaskit/editor-prosemirror/ut
 import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { tableEditing } from '@atlaskit/editor-tables/pm-plugins';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { tableNodeSpecWithFixedToDOM } from './nodeviews/toDOM';
 import { createPlugin as createTableAnalyticsPlugin } from './pm-plugins/analytics/plugin';
@@ -458,7 +459,7 @@ var tablePlugin = function tablePlugin(_ref) {
         popupsBoundariesElement = _ref18.popupsBoundariesElement,
         popupsScrollableElement = _ref18.popupsScrollableElement,
         dispatchAnalyticsEvent = _ref18.dispatchAnalyticsEvent;
-      if (editorExperiment('platform_editor_usesharedpluginstateselector', true)) {
+      if (expValEquals('platform_editor_usesharedpluginstateselector', 'isEnabled', true)) {
         return /*#__PURE__*/React.createElement(ContentComponent, {
           api: api,
           editorView: editorView,

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

@@ -15,7 +15,7 @@ import { Popup } from '@atlaskit/editor-common/ui';
 import { ToolbarButton } from '@atlaskit/editor-common/ui-menu';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { akEditorSmallZIndex } from '@atlaskit/editor-shared-styles';
-import ExpandIcon from '@atlaskit/icon/utility/migration/chevron-down';
+import ExpandIcon from '@atlaskit/icon/core/migration/chevron-down';
 import { toggleContextualMenu } from '../../pm-plugins/commands';
 import { TableCssClassName as ClassName } from '../../types';
 
@@ -77,7 +77,8 @@ var FloatingContextualButtonInner = /*#__PURE__*/React.memo(function (props) {
     onClick: handleClick,
     iconBefore: jsx(ExpandIcon, {
       label: "",
-      color: "currentColor"
+      color: "currentColor",
+      size: "small"
     }),
     "aria-label": labelCellOptions,
     "aria-expanded": isContextualMenuOpen

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "10.11.10",
+	"version": "10.12.1",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -32,14 +32,14 @@
 		"@atlaskit/adf-schema": "^47.6.0",
 		"@atlaskit/button": "^23.2.0",
 		"@atlaskit/custom-steps": "^0.11.0",
-		"@atlaskit/editor-common": "^106.3.0",
+		"@atlaskit/editor-common": "^106.6.0",
 		"@atlaskit/editor-palette": "^2.1.0",
 		"@atlaskit/editor-plugin-accessibility-utils": "^2.0.0",
 		"@atlaskit/editor-plugin-analytics": "^2.3.0",
 		"@atlaskit/editor-plugin-batch-attribute-updates": "^2.1.0",
 		"@atlaskit/editor-plugin-content-insertion": "^2.1.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^4.0.0",
-		"@atlaskit/editor-plugin-extension": "5.5.4",
+		"@atlaskit/editor-plugin-extension": "5.5.6",
 		"@atlaskit/editor-plugin-guideline": "^2.0.0",
 		"@atlaskit/editor-plugin-interaction": "^2.0.0",
 		"@atlaskit/editor-plugin-selection": "^2.2.0",
@@ -55,7 +55,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
 		"@atlaskit/primitives": "^14.8.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^5.14.0",
+		"@atlaskit/tmp-editor-statsig": "^7.0.0",
 		"@atlaskit/toggle": "^15.0.0",
 		"@atlaskit/tokens": "^5.1.0",
 		"@atlaskit/tooltip": "^20.3.0",

package/src/pm-plugins/table-resizing/plugin.ts

@@ -5,6 +5,7 @@ import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
 import { type PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { GetEditorContainerWidth, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 
 import { TableCssClassName as ClassName } from '../../types';
 import type { ColumnResizingPluginState, PluginInjectionAPI } from '../../types';
@@ -41,10 +42,15 @@ export function createPlugin(
 				const pluginState = getPluginState(state);
 
 				return {
-					class: classnames(ClassName.RESIZING_PLUGIN, {
-						[ClassName.RESIZE_CURSOR]: pluginState.resizeHandlePos !== null,
-						[ClassName.IS_RESIZING]: !!pluginState.dragging,
-					}),
+					class: classnames(
+						expValEquals('platform_editor_stable_editorview_classname', 'isEnabled', true)
+							? ''
+							: ClassName.RESIZING_PLUGIN,
+						{
+							[ClassName.RESIZE_CURSOR]: pluginState.resizeHandlePos !== null,
+							[ClassName.IS_RESIZING]: !!pluginState.dragging,
+						},
+					),
 				};
 			},
 

package/src/tablePlugin.tsx

@@ -47,6 +47,7 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { tableEditing } from '@atlaskit/editor-tables/pm-plugins';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 
 import { tableNodeSpecWithFixedToDOM } from './nodeviews/toDOM';
@@ -580,7 +581,7 @@ const tablePlugin: TablePlugin = ({ config: options, api }) => {
 			popupsScrollableElement,
 			dispatchAnalyticsEvent,
 		}) {
-			if (editorExperiment('platform_editor_usesharedpluginstateselector', true)) {
+			if (expValEquals('platform_editor_usesharedpluginstateselector', 'isEnabled', true)) {
 				return (
 					<ContentComponent
 						api={api}

package/src/ui/FloatingContextualButton/index.tsx

@@ -20,7 +20,7 @@ import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { akEditorSmallZIndex } from '@atlaskit/editor-shared-styles';
-import ExpandIcon from '@atlaskit/icon/utility/migration/chevron-down';
+import ExpandIcon from '@atlaskit/icon/core/migration/chevron-down';
 
 import { toggleContextualMenu } from '../../pm-plugins/commands';
 import type { RowStickyState } from '../../pm-plugins/sticky-headers/types';
@@ -106,7 +106,7 @@ const FloatingContextualButtonInner = React.memo((props: Props & WrappedComponen
 				title={labelCellOptions}
 				keymap={focusToContextMenuTrigger}
 				onClick={handleClick}
-				iconBefore={<ExpandIcon label="" color="currentColor" />}
+				iconBefore={<ExpandIcon label="" color="currentColor" size="small" />}
 				aria-label={labelCellOptions}
 				aria-expanded={isContextualMenuOpen}
 			/>